login  Naam:   Wachtwoord: 
Registreer je!
 Forum

deselecteren zodra ja andere optie in een menu aanklikt (Opgelost)

Offline break84 - 01/03/2007 13:22
Avatar van break84Nieuw lid op dit moment (via onclick) wordt het menu item blauw gemaakt, maar als ik dan een ander item selecteer, dan blijft de vorige selectie ook blauw, weet iemand hoe ik dit kan oplossen?

9 antwoorden

Gesponsorde links
Offline marten - 01/03/2007 13:26
Avatar van marten Beheerder laat eens wat code zien.
www.pastebin.be
Offline Mad_Mike - 01/03/2007 13:30
Avatar van Mad_Mike PHP beginner Ik zou een functie maken die je alle id's of objecten van de verschillende menu items meegeeft + het obect waar je op geklikt hebt. Deze functie loopt al deze objecten af en zorgt voor de normale weer gave, vervolgens zet hij de geselecteerde op de gewenste kleur.
Offline break84 - 01/03/2007 13:53
Avatar van break84 Nieuw lid @ Mad_Mike, als je dat doet dan moet je de site toch steeds opnieuw inladen?
Offline Mad_Mike - 01/03/2007 13:56
Avatar van Mad_Mike PHP beginner nee... niet als je het via javascript doet.
Offline break84 - 01/03/2007 13:57
Avatar van break84 Nieuw lid ok, thnx. IK ga het eens proberen
Offline Mad_Mike - 01/03/2007 14:07
Avatar van Mad_Mike PHP beginner Ik heb even snel iets gemaakt.
  1. <?php
  2. // Zorg dat je hier dynamisch een array vult met de id's van de menu-items.
  3. echo "<script>\n";
  4. echo "var arrItems = new Array('item1', 'item2', 'item3');\n";
  5. echo "</script>";
  6. ?>
  7. <script>
  8. function updateSelection(arrItems, curItem)
  9. {
  10. var intAantal = arrItems.length;
  11.  
  12. for(var i = 0; i < intAantal; i++)
  13. {
  14. document.getElementById(arrItems[i]).style.backgroundColor = "";
  15. }
  16.  
  17. curItem.style.backgroundColor = "#999999";
  18. }
  19. </script>
  20. <table>
  21. <tr>
  22. <td id="item1" onclick="updateSelection(arrItems, this);">item 1</td>
  23. </tr>
  24. <tr>
  25. <td id="item2" onclick="updateSelection(arrItems, this);">item 2</td>
  26. </tr>
  27. <tr>
  28. <td id="item3" onclick="updateSelection(arrItems, this);">item 3</td>
  29. </tr>
  30. </table>


Hopelijk heb je hier iets aan 
Offline break84 - 01/03/2007 14:51
Avatar van break84 Nieuw lid super, hartstikke bedankt. ZO leer ik nog eens wat, ben nog niet zo goed met javascript namelijk 
Offline Rens - 01/03/2007 14:53
Avatar van Rens Gouden medaille

Crew algemeen
@Mad_Mike:
Mag ik vragen waarom de eerste 6 regels in PHP staat?
  1. <script>
  2. var arrItems = new Array('item1', 'item2', 'item3');
  3. </script>

Is gewoon hetzelfde?
Offline break84 - 01/03/2007 21:40
Avatar van break84 Nieuw lid Super, het is uiteindelijk gelukt. Wat een gedoe dat javaScript 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.207s