Vraag over id's en operatoren.

L.Groot

Beste,

Ik had even JS nodig, omdat ik een huiswerk kalender moet maken voor m'n school.
Nu kan je als leraar huiswerk toevoegen.
Maar, aangezien M3 (MAVO 3), M4, H4, H5, V4, V5, V6 clusters hebben, (wat inhoud dat je niet bij je stamklas in de klas zit) verschilt het dus per leerling, welk huiswerk je voor welk vak hebt.
Nu kan je als klas dus kiezen: M3, en vervolgens als je M3 selecteert (select input) moet er een div geshowd worden, waar je je docenten afkorting in kan typen.

Ik had dit al:

PHP

<select name="klas" id="klas2" onChange="klas5();">
<option value="m3" onChange="klas5();">M3</option>
</select>


<script language="JavaScript">
   function klas5()
   {
   if(document.getElementById("klas2") == "m3" ¦¦ document.getElementById("klas2") == "m4" ¦¦ document.getElementById("klas2") == "h4" ¦¦ document.getElementById("klas2") == "h5" ¦¦ document.getElementById("klas2") == "v4" ¦¦ document.getElementById("klas2") == "v5" ¦¦ document.getElementById("klas2") == "v6")
   {
   document.getElementById("divie").style.display = "block";
   } 
   else
   {
   document.getElementById("divie").style.display = "none";
   }
   }
   </script>

Meer tonen

Maar het werkt helaas niet..

Weet iemand hoe dit komt?
En hoe ik het kan oplossen?

Met vriendelijke groeten,

Lars Groot

Cruelty

Ik weet het:). Het komt door je OnChange="". Jij zet er een punt komma in ( ; ) het script moet zo zijn:

PHP

<select name="klas" id="klas2" onChange="klas5()">
<option value="m3" onChange="klas5()">M3</option>
</select>


<script language="JavaScript">
   function klas5()
   {
   if(document.getElementById("klas2") == "m3" ?? document.getElementById("klas2") == "m4" ?? document.getElementById("klas2") == "h4" ?? document.getElementById("klas2") == "h5" ?? document.getElementById("klas2") == "v4" ?? document.getElementById("klas2") == "v5" ?? document.getElementById("klas2") == "v6")
   {
   document.getElementById("divie").style.display = "block";
   } 
   else
   {
   document.getElementById("divie").style.display = "none";
   }
   }
   </script>

Meer tonen

Nieuwe reactie samengevoegd met originele reactie op 27.04.10 20:45:34:
Sorry, die | Worden veranderd in een vraag teken, alleen de Onchange meot je even verranderen :P.

Stefan.J

Die puntkomma mag je best in je event attributen zetten hoor, vind JavaScript helemaal niet erg. Maar de volgende if-statement, kan "nooit" waar zijn:

PHP

if(document.getElementById("klas2") == "m3" ?? document.getElementById("klas2") == "m4" ?? document.getElementById("klas2") == "h4" ?? document.getElementById("klas2") == "h5" ?? document.getElementById("klas2") == "v4" ?? document.getElementById("klas2") == "v5" ?? document.getElementById("klas2") == "v6")

document.getElementById("klas1" ) , zal iets teruggeven in de trend van een dom object. Wanneer je deze in je if-statement zet, wordt het iets als "[DOM object]" (just a guess). Je zult dus de eigenschap innerHTML of iets als value moeten gebruiken van het dom object.

L.Groot

Heb nu dit:

PHP

<script language="JavaScript">
   function klas5()
   {
   var test = document.getElementById('klas2');
   if(test == "m3" || test == "m4" || test == "h4" || test == "h5" || test == "v4" || test == "v5" || test == "v6")
   {
   document.getElementById("divie").style.display = "block";
   } 
   else
   {
   document.getElementById("divie").style.display = "none";
   }
   }
   </script>

Meer tonen

Maar werkt nog niet..

Hoe moet ik dit dan toepassen?
Moet ik eerst die waarde in een <span> ofzo zetten, en dan uitlezen?
maar dat kan ook niet, want dan word ie 2x aangeroepen (door twee functies).

Dus, killingdevil, hoe pak ik dit aan?

Cruelty

PHP

document.getElementById("divie");

Waar haal je het id "divie" vandaan?

L.Groot

Oh ja, die had ik niet gepost

Maar die zit er onder:
<div id="divie" style="display:none">Test</div>

:p

Stefan.J

Ik geef het antwoord al min of meer, getElementById return't een object, daar kun je niks mee vergelijken.

Probeer eens:

PHP

document.getElementById('MijnID!').value

Value weet ik niet zeker, wat is het object voor een HTML tag.

ICTscripters

Dé plek voor IT

Dé plek voor IT

🚀 WE ZOEKEN TESTERS! 🚀

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

[PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

Ictscripters / Koen

Kweekrijk - van stekje tot Imperium

Crimora.nl

Verschillende domeinen te koop (sommige hebben website / content)

295 Nieuwe Domeinnamen September 2026

Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

Vraag over id's en operatoren.

Registratie

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken