More help with mouseover buttons

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

More help with mouseover buttons

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Microsoft FrontPage Help >> More help with mouseover buttons

Page: [1]


Acadia Posts: 172 Joined: 9/28/2003 From: Canada Status: offline	More help with mouseover buttons - 11/12/2003 19:44:37 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? http://loftydesigns.net/crystalfens1/induction.htm 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 :)


Non-Profit Posts: 388 From: Virginia, USA Status: offline	RE: More help with mouseover buttons - 11/12/2003 20:04:18 Acadia, You need to put whatever text you want to appear onto the mouseover image. If you have image1.gif showing on mouseover and image2.gif showing on mouseout, then all you need to do is add text to the image1.gif so you will see it on the mouseover. HTH, Tony (in reply to Acadia)


Acadia Posts: 172 Joined: 9/28/2003 From: Canada Status: offline	RE: More help with mouseover buttons - 11/12/2003 22:24:37 Am I understanding that you are telling me that I have to remake the second buttons again only this time put the name of the page on them? I spent more than 12 hours between the trying to get those 18 buttons done, and the coding done (I'm dyslexic and kept messing up the code). I was so frustrated by the end that I was near crying :( I can't go back and remake those buttons. I just can't :( Besides they don't want the buttons defaced with text, they want the name to 'pop up" when the mouse is overed over the button, but not to pop up until the gold (the second button) shows. Isn't there some code that can be added to the HTML that will show the page/button name, other than using "Alt"? < Message edited by Acadia -- 11/12/2003 10:45:29 PM > (in reply to Non-Profit)


garry Posts: 858 From: Northern Territory Outback Australia Status: offline	RE: More help with mouseover buttons - 11/13/2003 7:43:03 Hi Acadia #1 rule......keep copies of your buttons in layers and in the PSP or photoshop format......so you can go back to them one day. With your gold buttons, you need to add text to the graphic & save in another folder as the exact same names as thegold originals. When all done, delete all those gold images out of your web folder. THen IMPORT, your new images (gold with text) & the same names. Your scripts should all work the same. (I'm sorry but that mouse was annoying........sounds like your clients) _____________________________ Cheers from the Outback Have a look at my Northern Territory backyard at http://www.ourterritory.com "Keep them laughing as you go.......but remember that the last laugh is on you" THe bright side of life, Monty Python, Life of Brian. (in reply to Acadia)


Acadia Posts: 172 Joined: 9/28/2003 From: Canada Status: offline	RE: More help with mouseover buttons - 11/13/2003 20:59:43 I'm sorry, but there is no way I'm going and remaking those buttons again. I spent more than 12 hours making those 18 buttons, having to redo them time and again for one reason or another (part of which is that my Paint Shop Pro for some reason decided to leave a white spot in the transparent background no matter what colour I used), and then fighting against my dyselxia to get the script right, and I am NOT remaking them again. I just can't. I'll delete the web before I'll go and put myself through all that again Besides, there is a problem with what you suggest. 1. The buttons have images inside them, and the images are all different and have multiple colours. This would require having to have different coloured text for each button, in order to have text even show.....if you could find a colour that would show at all on some of them. 2. The shape of the button is round. The area for the image in the centre is small, and the text would have to be small to fit in the center, and some button names like "The Royal Library" or "The Tavern and Story Teller" would just not fit within the center of the round button while leaving the edges of it (the shield edges), untouched. I sent my question through an HTML group in Yahoo, and this is the reply I got. Only I don't understand it. Can someone please explain to me what they mean? quote: I think you did everything right except for a small detail: when defining function you wrote "document.onmousemove=iMouse" instead of "document.onmousemover=iMouse" I tried the page after changing that and the gold button name now appears. I don't see anything like that in my string of code. The code I have when I open up view source is or open the page in Front Page 2000, is: <p align="center"><a href="townlocation.htm" onmouseover="document.town_location.src='staples/button_location2.gif'" onmouseout="document.town_location.src='staples/button_location1.gif'"><img border="0" src="staples/button_location1.gif" Alt="Town Location" name="town_location" width="78" height="79"></a> Apparently what I asked is possible without having to remake buttons, and mess up the flow of colour, only I don't understand what was said to me because I don't see the string of code that they said I should change. Can someone please help me with that? < Message edited by Acadia -- 11/13/2003 9:09:18 PM > (in reply to garry)

Non-Profit

Posts: 388
From: Virginia, USA
Status: offline

RE: More help with mouseover buttons - 11/13/2003 23:11:54

Acadia,

You sound frustrated. Par for the course in web design.

Hang in there!

quote:

I think you did everything right except for a small
detail: when defining function you
wrote "document.onmousemove=iMouse" instead
of "document.onmousemover=iMouse"

I don't see anything like that in my string of code.

That seems to be part of the code for the mouse effect that you are using (the stars).

quote:

I tried the page after changing that and the gold button name now appears.

I don't know what he or she means by that. Because I don't see what one thing has to do with another. Maybe someone else here will.

I just looked at the page in your original question and you have text on there now. I think that it looks OK like that; I wouldn't want to keep visitors unsure of what button will take them where.

If you really want that text to appear only on mouseover then why not just add text to the top of the graphic with the gold? Then it would appear much the same as it does on that page in your original post. This would not involve remaking the entire graphic. All you would do would be make the blank space at the top of the picture bigger so you can add text to it and then add a new text layer saying whatever you want.

Just remember that if you change the canvas size on the mouseover gif you should change it on the mouseout gif too so they are the same. Otherwise your table layout may get messed up because you'll have a different size gif on mouseover than mouseout.

One last thing: when working with graphics always make a copy of the original and then work with copy until you get it right so if need be you can always just revert to the original easily.

Good luck.

Tony

< Message edited by Non-Profit -- 11/13/2003 11:14:37 PM >

(in reply to Acadia)