I have a CFLOOP that outputs 10 tables. Think of the 10 tables as pairs of
5.


T1 / T2
T3 / T4
T5 / T6
T7 / T8
T9 / T10


There is a link in each top table (T1,T3,T5,T7,T9) that when clicked on
should display the table below it (T2,T4,T6,T8,T10 respectively.)


The HTML for the link is as follows:


<cfloop from="1" to="5" index="x">

<table>
  <tr><td><a href="" return
false;">Company #x#</a></td></tr>
</table>


<table style="display:none;" id="tbl#x#"> .... trimmed off .... </table>


</cfloop>


The JS is as follows:


toggleDrillDown(x){
if(document.getElementById(x).style.display == 'block'){
    document.getElementById(x).style.display = 'inline';  
}
else{
    document.getElementById(x).style.display = 'block';  
}
}

The error says "Object Expected" but when I try and pass in
document.getElementById("tbl#x#") that does not work either.


Any ideas? Thanks!


Mike
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]

Reply via email to