JVRudnick
07-17-2002, 03:24 PM
Hi all..
Working on a little javascript to make rollovers work...and it's working out fine (newbie here!)...
But the thing is, I can't seem to place the actual graphic used as the button to make the rollovers work. They end up at the bottom left of my page....and not where they should be...
Here's the code...
<!-- NEW JAVASCRIPT WINDOWS FUNCTION HERE ---------------------------------------------------------------------------- -->
<script language="JavaScript1.2">
function toggleVisibility(id, NNtype, IEtype, WC3type) {
if (document.getElementById) {
eval("document.getElementById(id).style.visibility = \"" + WC3type + "\"");
} else {
if (document.layers) {
document.layers[id].visibility = NNtype;
} else {
if (document.all) {
eval("document.all." + id + ".style.visibility = \"" + IEtype + "\"");
}
}
}
}
</script>
<!-- MENU pix HERE ----------------------------------------------------------------------------------------------------------------- -->
<DIV ID="pic1" style="position:absolute;left:344;top:171;width:400;height:100;z-index:5;visibility:hidden;">
<p align="right"><img src="images2/homePix.jpg" width="268" height="117" border="0">
<a href="#" onMouseOver="toggleVisibility('pic1','hidden','hidden','hidden')"></a></div>
<a href="index2.html" onMouseOver="toggleVisibility('pic1','show','visible','visible');toggleVisibility('pic2','hidden','hidden','hidde n');
toggleVisibility('pic3','hidden','hidden','hidden');toggleVisibility('pic4','hidden','hidden','hidde n')">
<img src="images2/home.jpg" width="129" height="33" border=0 alt=""></a></div>
<!-- ======================= -->
<DIV ID="pic2" style="position:absolute;left:344;top:171;width:400;height:100;z-index:5;visibility:hidden;">
<p align="right"><img src="images2/contactPix.jpg" width="268" height="117" border=0 alt="">
<a href="#" onMouseOver="toggleVisibility('pic2','hidden','hidden','hidden')"></a></div>
<a href="contact2.html" onMouseOver="toggleVisibility('pic2','show','visible','visible');toggleVisibility('pic1','hidden','hidden','hidde n');
toggleVisibility('pic3','hidden','hidden','hidden');toggleVisibility('pic4','hidden','hidden','hidde n')">
<img src="images2/contact.jpg" width="129" height="20" border=0 alt=""></a></div>
I want the buttons, the home.jpg, contact.jpg, mission.jpg and tour.jpg to be right beside the picture of each too...and not down in the left hand corner...ie side by side...and I can't seem to move them anywhere???
Jim Rudnick
Working on a little javascript to make rollovers work...and it's working out fine (newbie here!)...
But the thing is, I can't seem to place the actual graphic used as the button to make the rollovers work. They end up at the bottom left of my page....and not where they should be...
Here's the code...
<!-- NEW JAVASCRIPT WINDOWS FUNCTION HERE ---------------------------------------------------------------------------- -->
<script language="JavaScript1.2">
function toggleVisibility(id, NNtype, IEtype, WC3type) {
if (document.getElementById) {
eval("document.getElementById(id).style.visibility = \"" + WC3type + "\"");
} else {
if (document.layers) {
document.layers[id].visibility = NNtype;
} else {
if (document.all) {
eval("document.all." + id + ".style.visibility = \"" + IEtype + "\"");
}
}
}
}
</script>
<!-- MENU pix HERE ----------------------------------------------------------------------------------------------------------------- -->
<DIV ID="pic1" style="position:absolute;left:344;top:171;width:400;height:100;z-index:5;visibility:hidden;">
<p align="right"><img src="images2/homePix.jpg" width="268" height="117" border="0">
<a href="#" onMouseOver="toggleVisibility('pic1','hidden','hidden','hidden')"></a></div>
<a href="index2.html" onMouseOver="toggleVisibility('pic1','show','visible','visible');toggleVisibility('pic2','hidden','hidden','hidde n');
toggleVisibility('pic3','hidden','hidden','hidden');toggleVisibility('pic4','hidden','hidden','hidde n')">
<img src="images2/home.jpg" width="129" height="33" border=0 alt=""></a></div>
<!-- ======================= -->
<DIV ID="pic2" style="position:absolute;left:344;top:171;width:400;height:100;z-index:5;visibility:hidden;">
<p align="right"><img src="images2/contactPix.jpg" width="268" height="117" border=0 alt="">
<a href="#" onMouseOver="toggleVisibility('pic2','hidden','hidden','hidden')"></a></div>
<a href="contact2.html" onMouseOver="toggleVisibility('pic2','show','visible','visible');toggleVisibility('pic1','hidden','hidden','hidde n');
toggleVisibility('pic3','hidden','hidden','hidden');toggleVisibility('pic4','hidden','hidden','hidde n')">
<img src="images2/contact.jpg" width="129" height="20" border=0 alt=""></a></div>
I want the buttons, the home.jpg, contact.jpg, mission.jpg and tour.jpg to be right beside the picture of each too...and not down in the left hand corner...ie side by side...and I can't seem to move them anywhere???
Jim Rudnick