swap div is only getting style:none value

[Annuscha]

Hi,

I'm been struggling with this for a week now, I'm new to javascript so please bear with me.

What I have been trying to do is get the div to swap once you go over a <td>, at the moment the when you point on one of the <td> it takes the div away. My code gets data from the database, I have tested if it gets the right, and that is correct. I'm sure it's something in my javascript, I have a feeling it's got to do with this piece of code:

Code:

if (arr[i].id != "navtxt" && arr[i].id.substr(0,5) != "style" && arr[i].id.substr(0,5) != "arrow" && arr[i].id != "" && arr[i].id != "mediaspace") {

                arr[i].style.display = 'none';

Here is the complete code:

<script language="javascript">

function showDiv(elem)

{

        var arr = document.getElementsByTagName('div')

        for(var i=0; i<arr.length;i++)

        {

            if (arr[i].id != "navtxt" && arr[i].id.substr(0,5) != "style" && arr[i].id.substr(0,5) != "arrow" && arr[i].id != "" && arr[i].id != "mediaspace") {

                arr[i].style.display = 'none';

                var styler = document.getElementById("style1_"+arr[i].id);

                styler.className = "stylegray";

                var styler = document.getElementById("style2_"+arr[i].id);

                styler.className = "stylegray";

            }

        }



        var arr = document.getElementsByTagName('img')

        for(var i=0; i<arr.length;i++)

        {

            if (arr[i].id.substr(0,5) == "arrow") {

                arr[i].src = 'images/blank.jpg';

            }

        }



        var arr = document.getElementsByTagName('a')

        for(var i=0; i<arr.length;i++)

        {

            if (arr[i].id.substr(0,7) == "style3_") {

                var styler = document.getElementById(arr[i].id);

                styler.style.color = "#e3e3e3";
            }
        }

        e2 = document.getElementById(elem);

        e2.style.display = 'block';

        e3 = document.getElementById("style1_"+elem);

        e3.className = "stylered";

        e3 = document.getElementById("style2_"+elem);

        e3.className = "stylegray2";

        e3 = document.getElementById("style3_"+elem);

        e3.style.color = "darkred";

        e3 = document.getElementById("arrow_"+elem);

        e3.src = "http://bytes.com/images/arrow.png";
}

</script>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="word-wrap: break-word; table-layout: fixed; height: 130px">
							<tr>
							<?							foreach ($niceArray AS $key => $value) {

							$i++;
							$bstyle = "border-right-width: 2px; border-right-style: solid; border-right-color: #e3e3e3;";
										if ($i == $numrows) {
											$bstyle = "";
										}
										$color1 = "stylegray";
										$color2 = "stylegray";
										$color3 = "#e3e3e3";
							$arrow = "http://bytes.com/images/blank.jpg";
							if ($first) {
							$first = false;
							$firstDiv = $value["showDiv"];

}
?>
							<td align="left" style="<?=$bstyle?> padding-left: 10px; padding-right: 10px;" width="<?=$sizer?>%" onmouseover="javascript:showDiv('<?=$value["showDiv"]?>');"  valign="top">

<center><img id="<?=$value["id"]?>" width="12px" height="12px" src="<?=$arrow?>" /></center>

<br />

<b>
<div id='style1_<?=$value["showDiv"]?>' class="<?=$color1?>"><?=strtoupper($value["file_type"])?></div>
</b>

<br />

<?php if ($value['file_type'] != 'Video') {?> <a id='style3_<?=$value["showDiv"]?>' href="<?=$value['click']?>" style="color: <?=$color3?>; text-decoration: underline; font-size:11px;" target="_blank">Click here to view</a> <? } ?>

<br />
<br />
							<a href="javascript:showDiv('<?=$value["showDiv"]?>');">
							<div id='style2_<? echo $value["showDiv"];?>'class="<?=$color2?>"><?=$value["file_name"]?></div>
</a>

<br />
</td>
<?}?>

<script language="javascript">showDiv('<? echo $firstDiv;?>');
</script>

If someone could please point me in the right direction I would really appreciate it.

Thanks

[Rabbit]

Yes, that will set the display to none. I don't know what you question is.