Vraag over id's en operatoren.

L.Groot · 27 April 2010

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 · 27 April 2010

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 · 27 April 2010

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 · 27 April 2010

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 · 27 April 2010

PHP

document.getElementById("divie");

Waar haal je het id "divie" vandaan?

L.Groot · 27 April 2010

Oh ja, die had ik niet gepost

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

:p

Stefan.J · 27 April 2010

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.

Kunnen jullie mij helpen met deze enquete

PHP Point of Sale

een eigen cloud sever

Probleem C++ en CL

Unraid

Smarty Update

DNS update Directadmin

Graag advies voor mijn website

Evesi Marktplaats Script

Email invite script

213 Nieuwe domeinnamen September 2024

Vraag over id's en operatoren.

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

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

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

Delen