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>

Toon Meer

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>

Toon Meer

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>

Toon Meer

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

Beta-testers gezocht voor Crypto-oefenplatform

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Van een pixelige afbeelding naar een strakke, moderne website

Vraag over id's en operatoren.

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

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

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