ik gebruik een stukje javascript en een div om een menustructuur te maken:
als men op een folder klikt klappen onderliggende links uit (worden visible)
dit werkt, alleen als ik het geheel in een tabel zet dan werkt de folder functionaliteit niet meer.

stukje gebruikt javascript:

<script language="JavaScript" type="text/javascript"><!-- 

function hideShowEl(i,v) { 

  var sObj = document.getElementById(i).style; 

  if(sObj.display == "none" sObj.display = v; 

  else if(sObj.display == v) sObj.display = "none"; 

} 

--></script> 



het werkt wel als ik het zo oplos: 

<?php 

<table cellpadding="0" cellspacing="0"> 

  <tr> 

    <td> 

      <a href="#" class="folder" onclick="hideShowEl('id39','inline'); return false;">Folder link</a><br> 

      <div id="id39" style="display: none"> 

      <a href="http://URLa" target="_blank" title="http://URL" >Link Name1</a><br> 

      <a href="http://URLa" target="_blank" title="http://URL" >Link Name2</a><br> 

      <a href="http://URLa" target="_blank" title="http://URL" >Link Name3</a><br> 

    </div> 

    &nbsp;<a href="http://URLa" target="_blank" title="http://URLa" >Link Namea</a><br></td> 

  </tr> 

</table> 

?> 

maar niet als ik het zo oplos:

<?php 

<table cellpadding="0" cellspacing="0"> 

  <tr> 

    <td> 

      <table> 

        <tr><td><a href="#" class="folder" onclick="hideShowEl('id40','inline'); return false;">Folder link</a></td></tr>       

      <div id="id40" style="display: none"> 

        <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name1</a></td></tr> 

        <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name2</a></td></tr> 

        <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name3</a></td></tr> 

      </div> 

      </table> 

    </td> 

  </tr> 

</table>   

?> 

Waarom werkt de onderstaande manier niet?
en hoe los ik het op?

This post was edited by Gorgeous George at 8 May 2004

Het werkt niet om dat je je divje om niet om de tr's mag wrappen


dit werkt wel

<table cellpadding="0" cellspacing="0"> 

  <tr> 

    <td> 

      <table> 

        <tr><td><a href="#" class="folder" onclick="hideShowEl('id40',''); return false;">Folder link</a></td></tr>

      </table>       

      <table id="id40" style="display: none"> 

        <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name1</a></td></tr> 

        <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name2</a></td></tr> 

        <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name3</a></td></tr> 

      </table> 

    </td> 

  </tr> 

</table> 

---

The only reason that you're conscious right now is because I don't want to carry you. - Jack Bauer
"http($this->addslashes("http://87.233.202.7/stuff/bauer/sig.php")) . "\" border=\"0\" alt=\"[user image]\" />"

thx alot man

alleen bereik ik op deze manier niet wat ik wil bereiken.
Ik wilde namelijk dat 'edit knop' welke achter elke link en map kwam te staan op dezelfde hoogte kwam te staan.

door de door jou voorgestelde tabelstructuur gaat dit niet

This post was edited by Gorgeous George at 8 May 2004

waarom werkt dit wel:

<table cellpadding="0" cellspacing="0"> 

  <tr> 

    <td> 

      <table> 

        <tr><td><a href="#" class="folder" onclick="hideShowEl('id41','inline'); return false;">Folder link</a></td></tr>       

       

        <tr><td><div id="id41" style="display: none"><a href="http://URLa" target="_blank" title="http://URL" >Link Name1</a></div></td></tr> 

      </table> 

    </td> 

  </tr> 

</table> 

</body>

en dit weer niet?

<table cellpadding="0" cellspacing="0"> 

  <tr> 

    <td> 

      <table> 

        <tr><td><a href="#" class="folder" onclick="hideShowEl('id41','inline'); return false;">Folder link</a></td></tr>       

       

        <tr><td><div id="id41" style="display: none"><a href="http://URLa" target="_blank" title="http://URL" >Link Name1</a></div></td><td></td></tr> 

        <tr><td><div id="id41" style="display: none"><a href="http://URLa" target="_blank" title="http://URL" >Link Name2</a></div></td></tr> 

        <tr><td><div id="id41" style="display: none"><a href="http://URLa" target="_blank" title="http://URL" >Link Name3</a></div></td></tr> 

      </table> 

    </td> 

  </tr> 

</table> 

komt dat omdat hier een id gebruikt wordt en een id maar 1x voor mag komen?

This post was edited by Gorgeous George at 8 May 2004

je hebt een ; teveel in je scriptje zie smiley als je die weghaalt doet-i het

is wel simple doch handig scriptje b.t.w. isnie erg alsik het ooit eens recycle :?

btw, je moet nog wel ff fixen dat-i alle objecten met de juiste id doet, nu doet-i volgens mij alleen de eerste :s

This post was edited by bLAM at 8 May 2004

---

"Never let your sense of morals prevent you from doing what's right - Isaac Asimov"

ik heb het even getest, en ben tot de conclusie gekomen dat je het het best om de hele table van de folderelementen kunt zetten:

Quote

<html> <head> <script language="JavaScript" type="text/javascript"><!-- function hideShowEl(i,v) { var sObj = document.getElementById(i).style; if(sObj.display == "none" sObj.display = v; else if(sObj.display == v) sObj.display = "none"; } --></script> </head> <body> <table border=1> <tr><td><a href="#" class="folder" onclick="hideShowEl('id41','inline'); return false;">Folder link</a></td></tr> <tr><td> <div id="id41" style="display: none"> <table> <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name1</a></td></tr> <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name2</a></td></tr> <tr><td><a href="http://URLa" target="_blank" title="http://URL" >Link Name3</a></td></tr> </table> </div> </td></tr> </table> </body></html>

//edit: ff schoonheidsfoutje weggepoetst
en er staat dus geen ; want " en ) geeft ook al zo'n

This post was edited by bLAM at 8 May 2004

---

"Never let your sense of morals prevent you from doing what's right - Isaac Asimov"

mijn javascript stukje is ook maar gejat hoor

hoe ik het aanpas dat ie alles met die id show/hide weet ik niet, omdat ik het stukje javascript niet helemaal snap.

verder is het idd raar dat ie niet alleen ; ) als weergeeft maar ook " ) zeker binnen code tags

Quote originally posted by Gorgeous George @ 2004-05-08 14:35:38

waarom werkt dit wel: komt dat omdat hier een id gebruikt wordt en een id maar 1x voor mag komen?

Het werkt wel omdat de elementen hier wel juist genest zijn. ID moet idd uniek zijn.

---

The only reason that you're conscious right now is because I don't want to carry you. - Jack Bauer
"http($this->addslashes("http://87.233.202.7/stuff/bauer/sig.php")) . "\" border=\"0\" alt=\"[user image]\" />"