Aufklappmenu Problem...

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Aufklappmenu Problem...

    Hallo, hab da ein sehr schönes Aufklapmenu gefunden, nur das Problem ist, wenn ich "News" anklicke macht er es auf (was auch Ok ist), nur wenn ich dann "Nested Exemple" macht er es auch auf und schließt nicht "news"...

    jetzt die eigendliche Frage, wie bekomm ich hin, wenn ich "news" oder "Nested Example" anklicke das er das davor wieder schließt???

    Quellcode

    1. <style>
    2. <!--
    3. #foldheader{cursor:pointer;cursor:hand ; font-weight:bold ;
    4. //list-style-image:url(fold.gif)}
    5. #foldinglist{list-style-image:url(list.gif)}
    6. //-->
    7. </style>
    8. <script language="JavaScript1.2">
    9. <!--
    11. var head="display:''"
    12. img1=new Image()
    13. img1.src="fold.gif"
    14. img2=new Image()
    15. img2.src="open.gif"
    17. var ns6=document.getElementById&&!document.all
    18. var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
    20. function checkcontained(e){
    21. var iscontained=0
    22. cur=ns6? e.target : event.srcElement
    23. i=0
    24. if (cur.id=="foldheader")
    25. iscontained=1
    26. else
    27. while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
    28. if (cur.id=="foldheader"||cur.id=="foldinglist"){
    29. iscontained=(cur.id=="foldheader")? 1 : 0
    30. break
    31. }
    32. cur=ns6? cur.parentNode : cur.parentElement
    33. }
    35. if (iscontained){
    36. var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
    37. if (foldercontent.style.display=="none"){
    38. foldercontent.style.display=""
    39. cur.style.listStyleImage="url(open.gif)"
    40. }
    41. else{
    42. foldercontent.style.display="none"
    43. cur.style.listStyleImage="url(fold.gif)"
    44. }
    45. }
    46. }
    48. if (ie4||ns6)
    49. document.onclick=checkcontained
    51. //-->
    52. </script>
    54. <ul>
    55. <li id="foldheader">News</li>
    56. <ul id="foldinglist" style="display:none" style=&{head};>
    57. <li><a href="http://www.cnn.com">CNN</a></li>
    58. <li><a href="http://www.abcnews.com">ABC News</a></li>
    59. <li><a href="http://www.news.bbc.co.uk">BBC News</a></li>
    60. </ul>
    63. <li id="foldheader">Nested Example</li>
    64. <ul id="foldinglist" style="display:none" style=&{head};>
    65. <li><a href="http://www.dynamicdrive.com">outer 1</a></li>
    66. <li><a href="http://www.dynamicdrive.com">outer 2</a></li>
    67. <li><a href="http://www.dynamicdrive.com">outer 4</a></li>
    68. </ul>
    69. </ul>
    Alles anzeigen


    oder bessergesagt, ich such dafür ein Aufklappmenu, was sich dann öffnet, wenn man den Nick anklickt...

    Quellcode

    1. // Show user
    2. users+="<TR valign='bottom'><TD align='right'>"+muted_link+info_link+pm_link+"</TD><TD align='left'><A href='#' onclick='parent.openProfileWindow("+user[i].ID+"); parent.focusInput(); return false;' style='color:"+user[i].Color+"; font-weight:bold;'>"+user[i].Name+"</A></TD></TR>";
    3. }


    greets

  • Ich hoffe es reicht dir eine Idee bzw. ein Lösungsweg, den ich immer verwende:

    Erstelle gleich zu Anfang eine leere Variable. Wird nun zum Aufklappen auf solch eine Box geklickt wird nicht nur diese aufgeklappt, sondern auch in die zuvor erstellte Variable gespeichert, was so eben geöffnet wurde.
    Außerdem wird vorher noch eine Funktion ausgeführt, mit der du die Boxen wieder schließen kannst. Sofern also in oldBox (s.u.) ein Wert, eine ID vorhanden ist, wird eine Funktion ausgeführt, die die alte Box wieder schließt.
    Beachte dabei aber, dass du die Variable für die alte Box erst überschreibst, wenn du diese auch wirklich geschlossen hast. Sonst öffnet sich gar nichts, logisch.

    Näheres im folgenden ungefähren Beispiel:

    Quellcode

    1. var oldBox = '';
    3. function openBox(id) {
    4. if(oldBox != '') // alte Box schließen
    5. // neue Box öffnen
    6. oldBox = id;
    7. }


    Frag, wenn noch etwas undeutlich sein sollte.

  • Wenn es dir irgendwie weiterhilft, habe ich hier auch noch mal einen Link von einem geplanten ACP, dass diese Funktion in der Navigation ebenfalls besitzt. Vielleicht kannst du dir da rausfischen, was du brauchst, ist leider nur nicht sonderlich groß Kommentiert.

    http://unschlau.unnett.de/

    Quellcode

    1. // [...]
    3. var hideOtherId = '';
    4. var showActiveId = '';
    6. // [...]
    8. function hideBox(id) {
    9. box = document.getElementById(id);
    10. if(box.style.display == 'block') box.style.display = 'none';
    11. else box.style.display = 'block';
    12. }
    14. function hideOtherBox(id,parent) {
    15. if((OtherBox = document.getElementById(hideOtherId)) && hideOtherId != '' && hideOtherId != id)
    16. OtherBox.style.display = 'none';
    17. if(box = document.getElementById(id)) {
    18. box.style.display = 'block';
    19. hideOtherId = id;
    20. }else hideOtherId = '';
    21. showActive(parent);
    22. }
    24. function showActive(id) {
    25. if(showActiveId != '' && showActiveId != id)
    26. document.getElementById(showActiveId).className = '';
    27. document.getElementById(id).className = 'active';
    28. showActiveId = id;
    29. }
    31. // [...]
    Alles anzeigen