craig
08-21-2002, 03:58 AM
Ths following is a snippet of a larger code.
Any way every time I click on the menu button it turns off all the animation of the gifs on the page.
Whats up.
Can't fiqure this one out.
You can go to my website at:
ProAm Rodeo (http://www.proamrodeo.com)
Or cut an paste this snippet.
Got me!:confused:
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="description" content="">
<META name="keywords" content="">
<META name="generator" content="CuteHTML">
<script language="javascript1.3">
<!--
/*
* Pre-load the specified image. This loads the image as the page
* loads, so that when it is used later (such as for a mouseover effect),
* the image has already been loaded.
*/
function preloadImage(imageName) {
var image = new Image();
image.src = imageName;
}
// Preload images for rollover effects.
preloadImage("http://www.proamrodeo.com/gif/menu/Menu-over.gif");
preloadImage("http://www.proamrodeo.com/gif/menu/Menu-down.gif");
preloadImage("http://www.proamrodeo.com/gif/menu/About_Us-over.gif");
preloadImage("http://www.proamrodeo.com/gif/menu/About_Us-down.gif");
(1)Something In here.
//Onclick Menu Script
/*/When Menu button clicked shuts off animation
in top left images and under construction gif.*/
function show(layerid)
{
if (document.getElementById) // IE and NS6
{
elm=document.getElementById(layerid)
if(elm.style.visibility=="visible")
{
elm.style.visibility="hidden"
}
else
{
elm.style.visibility="visible"
}
}
if(document.layers)
{
obj=eval("document."+layerid)
if(obj.visibility=="show")
{
obj.visibility="hide"
}
else
{
obj.visibility="show"
}
}
}
//End Of Menu Script
//-->
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080">
<!--Don't forget to add your FREE HitBOX statistics to your web page. To
do so, click on Tools\Online Services\Add statistics...-->
>(2)Is turning Off The Animation Here.
<!-- Under construction image -->
<DIV STYLE="position:absolute; top:125px; left:100px; width:200px; border-width:0; visibility: visible; z-index:3">
<img src="http://www.proamrodeo.com/gif/med/underconstc.gif" width="200" height="43" alt="Best Viewed AT THE MOMENT With Internet Explorer!!! Coming: Netscape and Others."></img>
</DIV>
(3)When the onClick function here is used
<!-- Menu Link- Main -->
<DIV STYLE="position:absolute; top:260px; left:340px; width:90px; border-width:0; visibility: visible; z-index:1">
<a href="javascript:void(0);" onfocus="this.blur();" onclick="show('mytexta');"
onMouseOver="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu-over.gif';
window.status='Click For Full Menu.';return true;"
onMouseOut="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu.gif';
window.status='';return true;"
onMouseDown="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu-down.gif';
window.status='Click For Full Menu.';return true;"
onMouseUp="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu-over.gif'; window.status='Click For Full Menu.';return true;">
<img name="Menu" src="http://www.proamrodeo.com/gif/menu/Menu.gif" width="88" height="38" border="0" alt="Click For Full Menu"></img></a><br>
</DIV>
<DIV id="mytexta" STYLE="position:absolute; top:230px; left:540px; width:90px; border-width:0; visibility:hidden; z-index:1">
<a href="javascript:void(0);" onfocus="this.blur();"
onMouseOver="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us-over.gif';
window.status='Meet Our Board Of Directors and Affiliate Members.';return true;"
onMouseOut="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us.gif';
window.status='';return true;"
onMouseDown="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us-down.gif';
window.status='Meet Our Board Of Directors and Affiliate Members.';return true;"
onMouseUp="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us-over.gif'; window.status='Meet Our Board Of Directors and Affiliate Members.';return true;">
<img name="About_Us" src="http://www.proamrodeo.com/gif/menu/About_Us.gif" width="90" height="40" vspace="0" border="0" alt="About Us"></img></a><br>
</div>
</BODY>
</HTML
Any way every time I click on the menu button it turns off all the animation of the gifs on the page.
Whats up.
Can't fiqure this one out.
You can go to my website at:
ProAm Rodeo (http://www.proamrodeo.com)
Or cut an paste this snippet.
Got me!:confused:
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="description" content="">
<META name="keywords" content="">
<META name="generator" content="CuteHTML">
<script language="javascript1.3">
<!--
/*
* Pre-load the specified image. This loads the image as the page
* loads, so that when it is used later (such as for a mouseover effect),
* the image has already been loaded.
*/
function preloadImage(imageName) {
var image = new Image();
image.src = imageName;
}
// Preload images for rollover effects.
preloadImage("http://www.proamrodeo.com/gif/menu/Menu-over.gif");
preloadImage("http://www.proamrodeo.com/gif/menu/Menu-down.gif");
preloadImage("http://www.proamrodeo.com/gif/menu/About_Us-over.gif");
preloadImage("http://www.proamrodeo.com/gif/menu/About_Us-down.gif");
(1)Something In here.
//Onclick Menu Script
/*/When Menu button clicked shuts off animation
in top left images and under construction gif.*/
function show(layerid)
{
if (document.getElementById) // IE and NS6
{
elm=document.getElementById(layerid)
if(elm.style.visibility=="visible")
{
elm.style.visibility="hidden"
}
else
{
elm.style.visibility="visible"
}
}
if(document.layers)
{
obj=eval("document."+layerid)
if(obj.visibility=="show")
{
obj.visibility="hide"
}
else
{
obj.visibility="show"
}
}
}
//End Of Menu Script
//-->
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080">
<!--Don't forget to add your FREE HitBOX statistics to your web page. To
do so, click on Tools\Online Services\Add statistics...-->
>(2)Is turning Off The Animation Here.
<!-- Under construction image -->
<DIV STYLE="position:absolute; top:125px; left:100px; width:200px; border-width:0; visibility: visible; z-index:3">
<img src="http://www.proamrodeo.com/gif/med/underconstc.gif" width="200" height="43" alt="Best Viewed AT THE MOMENT With Internet Explorer!!! Coming: Netscape and Others."></img>
</DIV>
(3)When the onClick function here is used
<!-- Menu Link- Main -->
<DIV STYLE="position:absolute; top:260px; left:340px; width:90px; border-width:0; visibility: visible; z-index:1">
<a href="javascript:void(0);" onfocus="this.blur();" onclick="show('mytexta');"
onMouseOver="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu-over.gif';
window.status='Click For Full Menu.';return true;"
onMouseOut="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu.gif';
window.status='';return true;"
onMouseDown="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu-down.gif';
window.status='Click For Full Menu.';return true;"
onMouseUp="document.images['Menu'].src = 'http://www.proamrodeo.com/gif/menu/Menu-over.gif'; window.status='Click For Full Menu.';return true;">
<img name="Menu" src="http://www.proamrodeo.com/gif/menu/Menu.gif" width="88" height="38" border="0" alt="Click For Full Menu"></img></a><br>
</DIV>
<DIV id="mytexta" STYLE="position:absolute; top:230px; left:540px; width:90px; border-width:0; visibility:hidden; z-index:1">
<a href="javascript:void(0);" onfocus="this.blur();"
onMouseOver="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us-over.gif';
window.status='Meet Our Board Of Directors and Affiliate Members.';return true;"
onMouseOut="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us.gif';
window.status='';return true;"
onMouseDown="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us-down.gif';
window.status='Meet Our Board Of Directors and Affiliate Members.';return true;"
onMouseUp="document.images['About_Us'].src = 'http://www.proamrodeo.com/gif/menu/About_Us-over.gif'; window.status='Meet Our Board Of Directors and Affiliate Members.';return true;">
<img name="About_Us" src="http://www.proamrodeo.com/gif/menu/About_Us.gif" width="90" height="40" vspace="0" border="0" alt="About Us"></img></a><br>
</div>
</BODY>
</HTML