Web Wiz - Green Windows Web Hosting
Web Wiz Homepage Search Web Wiz

  New Posts New Posts RSS Feed - Navigation Menu Advice needed.
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Navigation Menu Advice needed.
 Post Reply Post Reply Page  <1234>
Author
  Topic Search Topic Search  Topic Options Topic Options
God_Struth View Drop Down
Senior Member
Senior Member
Avatar

Joined: 07 August 2003
Location: United Kingdom
Status: Offline
Points: 218 		Post Options Post Options   Thanks (0) Thanks(0)   Quote God_Struth Quote  Post ReplyReply Direct Link To This Post Posted: 26 November 2003 at 9:30am
Originally posted by Scotty_32 Scotty_32 wrote:

<style>a.nav { color: #000000;}a:hover.nav {color: #ff0000; background-color: #000000; disply: block; width: 100%; height: 100%;}</style>




I tried this and its doesn't give the desired affect did you test it before posting it?

Edited by God_Struth
"I'm only trying to help......"
Back to Top
Scotty32 View Drop Down
Moderator Group
Moderator Group


Joined: 30 November 2002
Location: Manchester, UK
Status: Offline
Points: 1682 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Scotty32 Quote  Post ReplyReply Direct Link To This Post Posted: 26 November 2003 at 9:47am

umm no i didnt test it

but i think i know the code well enuf to just type it

like sumone typeing:

<html>
<head>
<title>hello</title>
</head>
<body>
Hello
</body>
<html>

why do you ask if i tested it? did ya not liek the read text on a black background  J/K

if ya profer i could improve it, with a few more tags
Back to Top
God_Struth View Drop Down
Senior Member
Senior Member
Avatar

Joined: 07 August 2003
Location: United Kingdom
Status: Offline
Points: 218 		Post Options Post Options   Thanks (0) Thanks(0)   Quote God_Struth Quote  Post ReplyReply Direct Link To This Post Posted: 27 November 2003 at 9:09am
Originally posted by Scotty_32 Scotty_32 wrote:


<P dir=ltr>why do you ask if i tested it? did ya not liek the read text on a black background  J/K


<P dir=ltr>if ya profer i could improve it, with a few more tags



As I said, it doesn't work the way the poster wanted. So I assume you either never read this thread correctly or never tested it. Thats all.
"I'm only trying to help......"
Back to Top
Maxi View Drop Down
Groupie
Groupie


Joined: 24 October 2002
Location: United Kingdom
Status: Offline
Points: 49 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Maxi Quote  Post ReplyReply Direct Link To This Post Posted: 29 January 2004 at 6:28am

Hello again God_Struth

First of all let me again thank you for the help with the menues. I am thrilled with the way they are working and they are functioning just as I wanted them to .

I have a question regarding the colours. I would like to use an Image for the backround of the cell and am not sure about how to go about this. I tried adding the image names to the below statement, and it seemed to work......but everytime I hovered over the cell with the image colour the Page had to load the image everytime over and over?

<script language="JavaScript">
function ON(num) {
document.getElementById("cell" + num).bgColor = "#cccccc";
};

function OFF(num) {
document.getElementById("cell" + num).bgColor = "#ffffff";
};
</script>

Which way is best to Add the colours to the above statement and how do I do it so that the same image does not have to be downloaded everytime a cell is hovered over.

I hope that you can come up with an as simple solution as you did with the menu.

Kind Regards

Maxi 
Back to Top
craiglove View Drop Down
Newbie
Newbie
Avatar

Joined: 22 January 2004
Location: New Zealand
Status: Offline
Points: 15 		Post Options Post Options   Thanks (0) Thanks(0)   Quote craiglove Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2004 at 2:15pm
a much simpler way... i can post a download to DHTML Menu... this will give you multiable styles and looks.....
Back to Top
Semikolon View Drop Down
Senior Member
Senior Member


Joined: 09 September 2003
Location: Norway
Status: Offline
Points: 1718 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Semikolon Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2004 at 2:53pm

if i have understood you right, this should do the trick:

onMouseOver="this.bgColor='hovercolor'" onMouseOut="this.bgColor='original color'"

in the cell.. remember big C in bgColor
Back to Top
Maxi View Drop Down
Groupie
Groupie


Joined: 24 October 2002
Location: United Kingdom
Status: Offline
Points: 49 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Maxi Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2004 at 3:09pm

Hi Semikolon,

This is how the original code looks that Godstruth was kind enough to come up with for me.

IN THE HEAD OF THE PAGE I HAVE THIS:

------------------------------------------------------------ -----<script language="JavaScript">
function ON(num) {
document.getElementById("cell" + num).bgColor = "#cccccc";
};

function OFF(num) {
document.getElementById("cell" + num).bgColor = "#ffffff";
};
</script>
------------------------------------------------------------ -----
THE ACTUAL MENU LOOKS LIKE THIS:

<tr>
<td id="cell1" onMouseover="ON(1);" onMouseout="OFF(1);" onClick="link1.click();"><a href="default.asp"id="link1">cell 1</a></td>
</tr>
<tr>
<td id="cell2" onMouseover="ON(2);" onMouseout="OFF(2);" onClick="link2.click();"><a href="default.asp" id="link2">cell 2</a></td>
</tr>
------------------------------------------------------------ ------

My question is then how do I use two seperate color gifs instead of the HEX colours written in the head (i.e.Mouseover= Pic1.gif Mouseout= Pic2.gif)?

I tried adding the images to the head of the script, but everytime I hovered over a cell the image was continously have to be redownloaded. How can I rewite the head to display two different image gifs so that they do not have to be downloaded each time?

Kind Regards from Finland
Maxi:)
Back to Top
Semikolon View Drop Down
Senior Member
Senior Member


Joined: 09 September 2003
Location: Norway
Status: Offline
Points: 1718 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Semikolon Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2004 at 3:17pm
onMouseOver="this.bacground='hoverbg'" onMouseOut="this.background='orgbg'"
Back to Top
 Post Reply Post Reply Page  <1234>

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.

Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.