login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tonen en verbergen verschillende id's

Offline X3ore - 01/04/2007 17:55
Avatar van X3oreHTML interesse Hoi, ik ben een forum aan het maken en nu wil ik dat je elke categorie kan verbergen of weergeven.

Dat lukt wel maar bij elke categorie moet er ook een ander id zijn anders worden ze allemaal gesloten.

Javascriptje:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. function showcodes(codediv,a)
  2. {
  3.    var divje = document.getElementById( codediv );
  4.    if (divje.style.display == "block")
  5.    {
  6.       divje.style.display = "none";
  7.       if(a) a.innerHTML='<img src="images/forum/plus.gif" />';
  8.    }
  9.    else
  10.    {
  11.       divje.style.display = "block";
  12.       if(a) a.innerHTML='<img src="images/forum/min.gif" />';
  13.    }
  14. }


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <span style="cursor: pointer; font-weight: bold;" onclick="showcodes('div_tekst1',this);"><img src="plus.gif" alt="" /></span>
  2. <table style="width: 40%" cellspacing="0" cellpadding="0">
  3. 	<tr>
  4. 		<td>fdfdfdfdffdfd</td>
  5. 	</tr>
  6. 	<tr id="div_tekst1">
  7. 		<td>dfsdfrtrt</td>
  8. 	</tr>
  9. </table>


Kan ik dus met javascript er telkens +1 ofzo bijdoen zoals met php
div_tekst1,div_tekst2,div_tekst3, enzo..

Alvast bedankt,
Shane

1 antwoord

Gesponsorde links
Offline Grayen - 01/04/2007 18:30
Avatar van Grayen PHP ver gevorderde Dit?

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function showcodes(codediv,a)
  3. {
  4.    var divje = document.getElementById( codediv );
  5.    if (divje.style.display == "block")
  6.    {
  7.       divje.style.display = "none";
  8.       if(a) a.innerHTML='<img src="images/forum/plus.gif" />';
  9.    }
  10.    else
  11.    {
  12.       divje.style.display = "block";
  13.       if(a) a.innerHTML='<img src="images/forum/min.gif" />';
  14.    }
  15. }
  16. window.onload = blaat;
  17. function blaat()
  18. {
  19.   var table = document.getElementById('blaat');
  20.   var rows = table.getElementsByTagName('tr');
  21.   for(var i = 0; i < rows.length; i++)
  22.   {
  23.     rows[i].id = 'div_tekst' + i;
  24.   }
  25. }
  26. </script>
  27. <span style="cursor: pointer; font-weight: bold;" onclick="showcodes('div_tekst1',this);"><img src="plus.gif" alt="" /></span>
  28. <table style="width: 40%" cellspacing="0" cellpadding="0" id="blaat">
  29.   <tr>
  30.     <td>fdfdfdfdffdfd</td>
  31.   </tr>
  32.   <tr id="div_tekst1">
  33.     <td>dfsdfrtrt</td>
  34.   </tr>
  35. </table>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.208s