[JS] Functie op meerdere elementen toepassen.

[Jig]

Ik begin met een code-sample:

code:

<script language="JavaScript" type="text/javascript">
<!--
function visi(id)
{
  visiblity = (document.getElementById(id).style.visibility == 'visible') ? 'hidden' : 'visible';
  document.getElementById(id).style.visibility = visiblity ;
  blocking = (document.getElementById(id).style.display == 'block') ? 'none' : 'block';
  document.getElementById(id).style.display = blocking ;
}
// -->
</script >
        <tr>
          <td class="cell">1</td>
          <td class="cell">[STAR+]</td>
          <td class="cell"><center><a href="#" onClick="visi('[STAR+]'); return false">+</a></center></td>
          ...
        </tr>
        <tr class="hidden" id="[STAR+]">
          <td class="cell">2</td>
          ...
        </tr>
        <tr class="hidden" id="[STAR+]">
          <td class="cell">13</td>
          ...
        </tr>
        <tr class="hidden" id="[STAR+]">
          <td class="cell">24</td>
          ...
        </tr>
        <tr class="hidden" id="[STAR+]">
          <td class="cell">30</td>
          ...
        </tr>
        <tr class="hidden" id="[STAR+]">
          <td class="cell">73</td>
          ...
        </tr>
        <tr class="hidden" id="[STAR+]">
          <td class="cell">129</td>
          ...
        </tr>
        <tr class="hidden" id="[STAR+]">
          <td class="cell">137</td>
          ..
        </tr>

Zoals je ziet is er een link in de eerste, als enigste zichtbare, row een link naar een JS functie. Deze zorgt dat de visibility/display van de hidden-rows veranderd word, zichtbaar dus. Probleem is dat ie alleen de eerste hidden-row laat zien.
Eigenlijk moet ie dus voor ELKE row met id="[STAR+]" de betreffende functie toepassen. Hoe doe ik dat?

[ Voor 33% gewijzigd door Jig op 11-06-2004 23:12 . Reden: toch maar js script zelf bijgeplakt ]

[Verwijderd]

Met een loopje

Verder is [STAR+] geen geldig id, en mag je al helemaal niet meerdere dezelfde id's gebruiken binnen een document.

[Jig]

Kheb nu via PHP die row id's verandert met increasing nummertje, STAR+1, STAR+2 etc. Mijn JS loopt daar dus op totdat hij een element vind wat niet bestaat.
Geweldig
Thanks.

[crisp]

een ID mag ook geen + teken bevatten

hier een voorbeeld waar je helemaal geen ID's nodig hebt

[djluc]

crisp schreef op 12 juni 2004 @ 12:08:
een ID mag ook geen + teken bevatten

hier een voorbeeld waar je helemaal geen ID's nodig hebt

offtopic:
Horen die + en - niet andersom? Klik op het kruisje terwijl er een - staat is niet zo duidelijk

[crisp]

djluc schreef op 12 juni 2004 @ 12:48:
[...]

offtopic:
Horen die + en - niet andersom? Klik op het kruisje terwijl er een - staat is niet zo duidelijk

offtopic:
fixed