PDA

View Full Version : for each current page visitor is, eg Gallery the corresponding menu button to be mous



leonidassavvides
01-06-2009, 08:51 PM
I want the horiz menu at
http://www.holidayaptsaspasia.com/
for each current page visitor is, eg Gallery the corresponding menu button to be in mouseover state Only, ... can you tell me how to program it in js/dhtml ?


<script src="http://www.holidayaptsaspasia.com/menuscript.js" language="javascript" type="text/javascript"></script>
......
......
......
<tr>
<td width="696" height="24" align="right" valign="middle" bgcolor="#3E88DE">
<a href="index.html" onmouseover="setOverImg('1','');" onmouseout="setOutImg('1','');" target="_self"><img src="../buttons/button1up.png" alt="home" name="button1" hspace="1" vspace="1" border="0" id="button1"></a><a href="aboutus.html" onmouseover="setOverImg('2','');" onmouseout="setOutImg('2','');" target="_self"><img src="../buttons/button2up.png" alt="about us" name="button2" hspace="1" vspace="1" border="0" id="button2"></a><a href="bookingapt.php" onmouseover="setOverImg('3','');" onmouseout="setOutImg('3','');" target="_self"><img src="../buttons/button3up.png" alt="booking apt form" name="button3" hspace="1" vspace="1" border="0" id="button3"></a><a href="contactus.php" onmouseover="setOverImg('4','');" onmouseout="setOutImg('4','');" target="_self"><img src="../buttons/button4up.png" alt="contact us" name="button4" hspace="1" vspace="1" border="0" id="button4"></a><a href="gallery.html" onmouseover="setOverImg('5','');" onmouseout="setOutImg('5','');" target="_self"><img src="../buttons/button5up.png" alt="gallery" name="button5" hspace="1" vspace="1" border="0" id="button5" /></a></td>
</tr>

Nile
01-07-2009, 02:31 AM
To set an active or a current link to the menu bar(that specify's what page your on - if thats what your looking for), create a class called '.current', and make it have the same effects as the hover. Then every page your on add:


class="current"

To the current page..

Hope this makes sence.

leonidassavvides
01-07-2009, 05:29 AM
How |I make a css style rule to use the mouse over image rather than mouse out image for a two state button(menu item) ?

leonidassavvides
01-07-2009, 09:53 AM
what if menu is in a dreamweaver template - non-editable area common to all pages ? how setup the refer subject above ?

leonidassavvides
01-22-2009, 05:11 AM
what if menu is in a dreamweaver template - non-editable area , I MEAN AREA common to all pages CHANGED ONLY ONCE FOR ALL IN THE TEMPLATE ? how setup the refer subject above ?