|
| |
|
|
Acadia
Posts: 172
Joined: 9/28/2003
From: Canada
Status: offline
 |
Help with Mouse Over Buttons - 11/11/2003 14:47:21
I am doing a web, and the people don't want names showing for their buttons. So I used "Alt=<name of linked page here>".
Another friend of mine suggested Mouse Over buttons instead. Sounds like a good idea, but I'm a moron when it comes to HTML. I can equate HTML code to what I see on a ready finished page, but I can't vision code to make stuff. If that makes sense.
Anyway, in his attempt to help me, he's only served to add to my confusion.
He gave me an example to use, but it's not working. And even if it did work, I wouldn't know how to apply it to my other buttons as he has some stuff in there that I don't have in my page at all by way of files and things.
The 2 buttons I have are called:
kingdoms_people1.gif
kingdoms_people2.gif
The page this button will link to is called:
kingdomspeople.htm
The code he gave me for this button and page is:
<a href="kingdomspeople.htm" onmouseover="document.k_people.src='<newimage>'" onmouseout="document.k_people.src='<orginal image>'"><img border="0" src="staples/button_people1.gif" width="78" height="79" Alt="The Kingdom's People" name"k_people"></a>
Where is he getting k_people from?
When I copy/pasted the above code and entered my button file names, i get some kind of null error saying that "'document.k_people' is null or is not an object"
<p align="center"><a href="kingdomspeople.htm" onmouseover="document.k_people.src='button_people2.gif'" onmouseout="document.k_people.src='kingdom_people1'"><img border="0" src="staples/button_people1.gif" width="78" height="79" Alt="The Kingdom's People" name"k_people"></a>
I see the button, but as soon as my mouse goes over it, I get that "error popup window".
Also, how do I apply that to the other buttons like:
button_location1.gif
button_location2.gif
townlocation.htm
button_library1.gif
button_library2.gif
royallibrary.htm
I'm completely and utterly lost :(
< Message edited by Acadia -- 11/11/2003 2:52:06 PM >
|
|
|
|
BeTheBall
Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline
|
RE: Help with Mouse Over Buttons - 11/11/2003 16:13:30
The code you have is missing one vital element, namely, the img name. k_people is the image name and is throwing an error because you haven't inserted a name in the img tag. Try this:
<p align="center"><a href="kingdomspeople.htm" onmouseover="document.k_people.src='button_people2.gif'" onmouseout="document.k_people.src='kingdom_people1'"><img name="k_people" border="0" src="staples/button_people1.gif" width="78" height="79" Alt="The Kingdom's People" name"k_people"></a>
_____________________________
Duane
Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.
| |
|
|
|
Acadia
Posts: 172
Joined: 9/28/2003
From: Canada
Status: offline
|
RE: Help with Mouse Over Buttons - 11/11/2003 16:27:04
Ok, thaquote:
<p align="center"><a href="kingdomspeople.htm" onmouseover="document.k_people.src='button_people2.gif'" onmouseout="document.k_people.src='kingdom_people1'"><img name="k_people" border="0" src="staples/button_people1.gif" width="78" height="79" Alt="The Kingdom's People" name"k_people"></a>
Ok that is working better. But now I have another problem.
I'm using Front Page 2000, and when I put my mouse over the button, instead of seeing the second button (buttom_people2.gif), I get a red X
The button_people2.gif is in the web in the same folder as button_people1.gif. I've tried saving the web, exiting the program and opening the page again. Yet I only see the original button (button_people1.gif), and that red X for the other button.
| |
|
|
|
BeTheBall
Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline
|
RE: Help with Mouse Over Buttons - 11/11/2003 16:45:25
<p align="center"><a href="kingdomspeople.htm" onmouseover="document.k_people.src='staples/button_people2.gif'" onmouseout="document.k_people.src='kingdom_people1'"><img name="k_people" border="0" src="staples/button_people1.gif" width="78" height="79" Alt="The Kingdom's People" name"k_people"></a>
_____________________________
Duane
Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.
| |
|
|
|
Acadia
Posts: 172
Joined: 9/28/2003
From: Canada
Status: offline
|
RE: Help with Mouse Over Buttons - 11/12/2003 0:53:56
hehe, thanks. It took me an hour, but I finally figured that out. I'm dyslexic and looking at strings of letters and numbers can be nerve wracking for me :)
I do have yet another question. Well, 2 really.
1. The second to last button on the right, "moves" when hovered over. The others don't. I've used the exact same method to make that button as I have all the others. Make one, duplicate it, apply a rehued ring over it (the same one as I applied on the others), yet when I combine it with it's counterpart, it moves. I've remade that button dozens of times with the same results each and every time. How can I get it so that it doesn't "move" when hovered over?
2. Is there some code that I can add to the string of code in order for the button name to appear when the gold button appears? I currently have Alt="<button name here>" but that doesn't seem to work very well. It takes awhile to show up, and it doesn't show up for some people. The people who I am making the web for, don't want button names on the page, just when the button is hovered over with the mouse. Can someone tell me how to do that, and where to put it in my button code?
Thanks :)
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
