Closed Thread Icon

Preserved Topic: A Div rollover Script Pages that link to <a href="https://ozoneasylum.com/backlink?for=17963" title="Pages that link to Preserved Topic: A Div rollover Script" rel="nofollow" >Preserved Topic: A Div rollover Script\

 
Author Thread
WarMage
Maniac (V) Mad Scientist

From: Rochester, New York, USA
Insane since: May 2000

posted posted 05-13-2001 01:46

I modified max's rollover code the code handles bother the regular button, the button-over as well as button-on. I am wondering if I coded this correctly or if there would be a better way to go about achomplishing this. The code is below as well as how it is called. If you like it feel free to use it.

code:
<script type="text/javascript" language="JavaScript">
<!-- ;

// Written by mr.maX, [url=http://www.max.co.yu/]http://www.max.co.yu/[/url]
// Modified by WarMage warmage_666@hotmail.com

function getObj(name) {
if (document.getElementById) {
return document.getElementById(name).style;
} else
if (document.all) {
return document.all[name].style;
} else
if (document.layers) {
return document.layers[name];
}
}

var layers = new Array(
'page1',
'pag2',
'page3',
'page4',
'page5',
'page6',
'page7' // <- no comma at the last entry
);

function show() {
for (i=0; i < layers.length; i++) {
if (layers[i] == arguments[0]) {
getObj(layers[i]).visibility = 'visible';
} else {
getObj(layers[i]).visibility = 'hidden';
}
}
}

function hideAll() {
for (i=0; i < layers.length; i++) getObj(layers[i]).visibility = 'hidden';
}

var previous = null;

function masterControl (theObject, theLayer, theEvent)
{
if (theEvent == 'onMouseOver' && theObject.className != 'button-on')
theObject.className = 'button-over';
else if (theEvent == 'onMouseOut' && theObject.className != 'button-on')
theObject.className = 'button';
else if (theEvent == 'onClick')
{
show(theLayer,theObject);
theObject.className = 'button-on';
if (previous != null && previous != theObject)
{
previous.className = 'button';
previous = theObject;
}
}
}

//-->
</script>



And below is how it is called.


<body onload="masterControl(button1,'intro','onClick');previous=button1">


<div class="button" id="button1" onMouseOut="masterControl
(button1,'page1,'onMouseOut');" onMouseOver="masterControl
(button1,'page1','onMouseOver');" onClick="masterControl(button1,'page1','onClick');"><b>Page 1</b></div>


<div class="button" id="button2" onMouseOut="masterControl
(button2,'page2,'onMouseOut');" onMouseOver="masterControl
(button2,'page2','onMouseOver');" onClick="masterControl(button2,'page2','onClick');"><b>Page 2</b></div>

etc... for however many buttons you have.


You will need to define the different classes 'button', 'button-over' and 'button-on' for this to work well.

I hope that you will find it useful, or will be able to lend me tips on how to imporve upon the code.

I just realised the script now does not work under Netscape 6. I believe the problem is in changing the className. Anyone know how I could fix this? You can view my versiona at http://www.jackassjokes.com/submission

<edit>Bug Fix</edit>
<edit>Problem Found</edit>



[This message has been edited by WarMage (edited 05-13-2001).]

linear
Paranoid (IV) Inmate

From: other places
Insane since: Mar 2001

posted posted 05-13-2001 05:53

Hey man, that page doesn't even have a DIV or a script tag in it.

WarMage
Maniac (V) Mad Scientist

From: Rochester, New York, USA
Insane since: May 2000

posted posted 05-13-2001 05:59

Ah, you got the non IE 5.5 or NS 6 page. It does an SSI redirect. Because it will be broke on all other browsers (unfortunatly broke on NS 6 anyways).

The actual page is http://www.jackassjokes.com/submission/cool.html

for lack of a better name.



[This message has been edited by WarMage (edited 05-13-2001).]

linear
Paranoid (IV) Inmate

From: other places
Insane since: Mar 2001

posted posted 05-15-2001 23:35

You sly dog, you.

WarMage
Maniac (V) Mad Scientist

From: Rochester, New York, USA
Insane since: May 2000

posted posted 05-16-2001 04:57

Not that sly, so would you or anyone else know how to fix the NS 6 problem?

« BackwardsOnwards »

Show Forum Drop Down Menu