PDA

View Full Version : rollovers made with Golive don't work

Bacheus
11-11-02, 04:44 PM
I am using Adobe GoLive 5.o from a PC to build a web site with Powweb.
When I make rollover buttons they work in preview but don't work after transferring to the Powweb server. I put together a web site for Galaxy Audio this way and never experienced this problem before. I'm no master at web design or html that's why I'm using Go Live. I posted a temp page at the galaxy site and the rollovers worked, then did the same on the powweb server and again the images never changed. The rollovers also had links and they all linked fine, they just wouldn't change images when the mouse moved over it. Has any one else had this problem and if so could you fix it? How did you fix this problem?

I made an example at my site and copied it at the Galaxy site it works on the Galaxy site but not on mine hosted by Powweb.

Example that don't work: http://www.likeasledgehammer.com/test.html

Example that does work:
http://www.galaxyaudio.com/private/test.html

Plus the two are linked so you really need to go to one, click the contact button and it will take you to the opposite site
Ddr
11-11-02, 09:26 PM
I thought this might be a simple javascript problem, but I see this simple little rollover image swap is mired down in a whole page of CSS code. A few lines of javascript would do the same thing.

Perhaps I am not seeing the forest for the script there. I have very limited knowledge of CSS. You might bring this post up to the HTML CSS category to try and get one of the CSS people to unravel this code for you.

Is this typical for GoLive scripting? I had been tempted to see what it was about, but if this is the way GoLive does things, I will stick with Dreamweaver and hand coding.

Good luck, hope someone can help you figure it out soon

Dale
alphadesk
11-11-02, 11:21 PM
WOW where did all that code come from? This will do the same thing.
In <head>
<script language="JavaScript" type="text/javascript">
<!-- Comment to hide code from non-JavaScript browsers.

if (document.images) {
B1_off = new Image(); B1_off.src = "B1.gif"
B1_over = new Image(); B1_over.src = "B1_over.gif"

}

function turn_off(ImageName) {
if (document.images != null) {
document[ImageName].src = eval(ImageName + "_off.src");
}
}

function turn_over(ImageName) {
if (document.images != null) {
document[ImageName].src = eval(ImageName + "_over.src");
}
}

// End of comment -->
</script>
<!-- Navbar def end -->

Where you want button or menu to show.

<a href="contact.htm" onmouseout="turn_off('B1')" onmouseover="turn_over('B1')" ><img name="B1" src="B1.gif" alt="Contact" width="xx" height="xx" border="0"></a>
Bacheus
11-12-02, 10:51 AM
Thanks for the input. Go Live is the only program I've used for building a web site. I should look into Dreamweaver as Dale has mentioned. Although Go Live has been good to me until now. If it is really adding a bunch of unnecessary code then that's obviously a problem. Well I will play with the code some and use what alphadesk gave me.

Again thanks for the help!
(jj)
11-12-02, 05:45 PM
I've tested this with IE, Mozilla, Opera and an old version of Netscape. It seems to work fine in all of them and it's a very simple to use rollover.

<a href="http://domain.com/" target="_self" onmouseover="swapem1.src='contact2.jpg'" onmouseout="swapem1.src='contact.jpg'"><img src="contact.jpg" border="0" name="swapem1"></a>


Just my "For What It's Worth"