[Javascript] A loop this this script?

[mwarden at gmail.com (Matt Warden)]

something like:

var ids = Array('tutorials', 'scripting', 'validation');
navBar = document.getElementById("nav").rows[0].cells;
for (var i=0; i<navBar.length; i++)
{
    navBar[i].onmouseover=function() {
            document.getElementById(ids[i]).style.visibility="visible";
        };
    navBar[i].onmouseout=function() {
            document.getElementById(ids[i]).style.visibility="hidden";
        };
} // end for

Be careful about the order of the ids array, though.

On 6/21/05, Roland <rdong@xxxxxxxxxxx> wrote:
> 
> I figured that the following script can be written using a for loop. But I
> tried without success.  Can anyone throw some light on this? Thank you!
> 
> 
> ============================================================================
> <script type="text/javascript"><!--//--><![CDATA[//><!--
> startList = function() {
> 
>                 navBar = document.getElementById("nav").rows[0].cells;
>                 navBar[0].onmouseover=function() {
> 
> document.getElementById("tutorials").style.visibility="visible"
>                 }
> 
>                 navBar[0].onmouseout=function() {
> 
> document.getElementById("tutorials").style.visibility="hidden"
>                 }
> 
>                 navBar[1].onmouseover=function() {
> 
> document.getElementById("scripting").style.visibility="visible"
>                 }
> 
>                 navBar[1].onmouseout=function() {
> 
> document.getElementById("scripting").style.visibility="hidden"
>                 }
> 
>                 navBar[2].onmouseover=function() {
> 
> document.getElementById("validation").style.visibility="visible"
>                 }
>                 navBar[2].onmouseout=function() {
> 
> document.getElementById("validation").style.visibility="hidden"
>                 }
> }
> window.onload=startList;
> 
> //--><!]]></script>
> ===============================================
> 
> 
> _______________________________________________
> Javascript mailing list
> Javascript@xxxxxxxxxx
> https://lists.LaTech.edu/mailman/listinfo/javascript
> 


-- 
Matt Warden
Miami University
Oxford, OH, USA
http://mattwarden.com


This email proudly and graciously contributes to entropy.