Swap text onRollover text?

[D-flyer]

Hi there,

I think i need to post this here, i need the following for my site:

1 Each product is represented bij a square.gif (with a roll-over "squareon.gif)
2 Onrollover/onmouseover a corresponding text is shown, each time on the same place on the stage. For these i am using a layer/div and display: none;

So far i have things working dynamicly with PHP, that is each product is shown as a square and the corresponding texten sits there.

Now what i want to do is, to show the corresponding text when a user (onmouseover) square.gif. How do i do this?

code parsed by php

<td class="leftAlign"><div id="div1" style="position:absolute; left:10px; top:10px; width:170px; height:20px; z-index:1; visibility: hidden;">Flyer 1</div>
<a href="#" onMouseOver="SwapImg ('dtl1','over') , SwapTxt ('div1','over')" 
     onMouseOut="SwapImg ('dtl1','out'), SwapTxt ('div1','out')">
<img src="images/sq_false.gif" width="7" height="7" border="0" name="dtl1" />
</a>
     <div id="div2" style="position:absolute; left:10px; top:10px; width:170px; height:20px; z-index:2; visibility: hidden;">Flyer 2</div>
<a href="#" onMouseOver="SwapImg ('dtl2','over') , SwapTxt ('div2','over')" 
     onMouseOut="SwapImg ('dtl2','out'), SwapTxt ('div2','out')">
<img src="images/sq_false.gif" width="7" height="7" border="0" name="dtl2" />
</a>
     <div id="div3" style="position:absolute; left:10px; top:10px; width:170px; height:20px; z-index:3; visibility: hidden;">Poster</div>
<a href="#" onMouseOver="SwapImg ('dtl3','over') , SwapTxt ('div3','over')" 
     onMouseOut="SwapImg ('dtl3','out'), SwapTxt ('div3','out')">
<img src="images/sq_false.gif" width="7" height="7" border="0" name="dtl3" />
</a>
     </td> 

Does these make sense:

function SwapTxt(divID, action) {
switch (action)
{
case "over":
document.getElementById("divID").style.display = "block"; 
break;
case "out":
document.getElementById("divID").style.display = "none";
break;
}
} 

ps not mine just combining some things i have found on the subject

Any tips?

[KC]

Moved to the appropriate forum.

[MikeFoster]

function SwapTxt(divID, action) {
switch (action)
{
case "over":
document.getElementById("divID").style.display = "block";
break;
case "out":
document.getElementById("divID").style.display = "none";
break;
}
}

Remove the 'quotes' from around divID. divID is a variable, not a string literal.