JavaScript: MC-quiz, controle op antwoord

[anoniem]

Hallo,

Ik wil met JavaScript controleren of een gebruiker een vraag beantwoord heeft. Het antwoord zelf is niet belangrijk, dat gebeurt met PHP en gaat prima. Alles wat ik hier wil is voorkomen dat iemand door de vragen springt zonder ze te maken. Omdat ik de functie niet telkens wil aanpassen aan de hand van de elementen, wil ik één functie die alle form-elements aankan. Alles komt in 1 form, want meerdere forms controleren lukt me niet goed, en geeft bekende problemen in Netscape. In de body staat een form met b.v. twee groepen checkboxes, NAME chk1 en chk2. Ook nog twee radiogroups, NAME rad1 en rad2. Aantal opties per groep verschilt.

In de header heb ik volgende functie geplaatst:

function MyInput() { var MyForm = document.forms[0]; for (var i=0; i<(MyForm.elements.length); i++) { var MyElem = MyForm.elements[i]; if (MyElem.name.indexOf('rad')>=0) { (MyElem.checked)? alert('rad'): alert('no rad'); } if (MyElem.name.indexOf('chk')>=0) { (MyElem.checked)? alert('chk'): alert('no chk'); } } }

Wat hij doet, is per optie aangeven of deze geselecteerd is, en dat wil ik niet. Ik snap wat hierboven staat, maar na twee dagen proberen weet ik niet meer hoe ik dit kan aanpassen zodat hij alleen kijkt OF er iets is ingevuld per groep (hoeft niet per se goed te zijn). Diverse pogingen waren onsuccesvol, graag jullie hulp.

Grtz,

Pieter

[anoniem]

Mooie naam (je echte dan ).

Maar goed, waarom voer je die checks niet gewoon met PHP uit?

------------------ Bill Gates: Scharrel een ouwe doos op, en zet er Linux op :) Chiquita71: tja...hahahah om nu linux op mezelf te zetten vind ik wat ver gaan.

[anoniem]

Het script hierboven is een deel uit het totale script; ik wil nog andere dingen controleren (en dát kan ik alleen in JavaScript), en afhankelijk van het resultaat gebruik ik een return om de gegevens al dan niet naar de server te sturen. Ik ben bang dat het geheel erg langzaam wordt als ik alles via de server ga doen. Tussen (): eerlijk gezegd zou ik ook niet direct weten hoe ik dit in PHP moet programmeren, ik ben er nog niet zo lang mee bezig en hoe meer geautomatiseerd, hoe lastiger. JavaScript heb ik meer ervaring mee.

Grtz,

Pieter (mooi?? ;-) )

[anoniem]

Wat wil je controleren dan? Het moet bijna wel eenvoudiger zijn met PHP dan met Javascript, dus als je dat eens verteld, kan ik je wellicht van dienst zijn :smile:

------------------ Bill Gates: Scharrel een ouwe doos op, en zet er Linux op :) Chiquita71: tja...hahahah om nu linux op mezelf te zetten vind ik wat ver gaan.

[anoniem]

quote:

---

Originally posted by Bill Gates: kan ik je wellicht van dienst zijn :smile:

---

zo zo, dat maak je niet vaak mee... Ben je in een goede bui? :P :grin:

t.

[anoniem]

Misschien kan je hier iets mee:

<script language="JavaScript"><!-- // Antwoordmogelijkheden per vraag. antw1=4; antw2=2; antw3=3; antw4=5; // De rest van het script. teller=0; function controleer() { frm=document.forms[0]; for(i=0;i<antw1;i++){ if(frm.elements[i].checked){ teller++; break;}} for(i=antw1;i<(antw1+antw2);i++){ if(frm.elements[i].checked){ teller++; break;}} for(i=(antw1+antw2);i<(antw1+antw2+antw3);i++){ if(frm.elements[i].checked){ teller++; break;}} for(i=(antw1+antw2+antw3);i<(antw1+antw2+antw3+antw4);i++){ if(frm.elements[i].checked){ teller++; break;}} if(teller<4){ alert('Niet alle vragen zijn beantwoord'); teller=0;} else{ alert('Alle vragen zijn beantwoord'); teller=0; } } //--></script>

<form> <input type="checkbox">Vraag 1 keuze 1<br> <input type="checkbox">Vraag 1 keuze 2<br> <input type="checkbox">Vraag 1 keuze 3<br> <input type="checkbox">Vraag 1 keuze 4<br> <hr> <input type="checkbox">Vraag 2 keuze 1<br> <input type="checkbox">Vraag 2 keuze 2<br> <hr> <input type="radio" name="rad1">Vraag 3 keuze 1<br> <input type="radio" name="rad1">Vraag 3 keuze 2<br> <input type="radio" name="rad1">Vraag 3 keuze 3<br> <hr> <input type="radio" name="rad2">Vraag 4 keuze 1<br> <input type="radio" name="rad2">Vraag 4 keuze 2<br> <input type="radio" name="rad2">Vraag 4 keuze 3<br> <input type="radio" name="rad2">Vraag 4 keuze 4<br> <input type="radio" name="rad2">Vraag 4 keuze 5<br> <hr> <input type="button" value="Check" onclick="controleer()"> </form>

[anoniem]

quote:

---

Originally posted by teacher: zo zo, dat maak je niet vaak mee... Ben je in een goede bui? :P :smile: Beter opletten en niet constant aan je aanzoek denken

------------------ Bill Gates: Scharrel een ouwe doos op, en zet er Linux op :) Chiquita71: tja...hahahah om nu linux op mezelf te zetten vind ik wat ver gaan.

[anoniem]

Zo, na de familiefondue van gisteravond kan ik gelukkig weer gewoon aan het werk :smile:. Bedankt voor het voorbeeldscript, alleen wil ik graag iets hebben dat standaard te gebruiken is. Ik kan ook wel diverse extra parameters doorgeven vanuit de functie-aanroep, maar dat wil ik zo min mogelijk. Dus het aantal vragen per keer nodig hebben in het script is dan lastig, bovendien moet ik het aantal script-lines aanpassen per vraag. Werkt misschien wel, maar is te omslachtig (ik heb ooit eens gelezen dat een goede programmeur lui is, en ik wil telkens beter worden :wink: ).

Bill: Wat mijn bedoeling is, is om te checken alvorens ik de gegevens doorstuur naar de server. Maar als ik het breder moet formuleren: ik wil voorkomen dat iemand mijn vragen niet maakt, maar direct naar de antwoorden gaat kijken ("eerst zelf nadenken", zei de juffrouw). Naast de gegevens van de form-elements zit er ook nog een drag&drop-interactie in, gemaakt met de Coursebuilder-plugin van Dreamweaver. Ik heb de code dusdanig ontcijferd dat ik alleen het benodigde deel in mijn functie kan aanroepen om te kijken of de drags op een target gedropped zijn, maar ik weet niet hoe dit in PHP zou moeten omdat ik dan moet gaan uitzoeken hoe ik die uitkomst als variabelen moet meegeven.

Grtz,

NewYearMan

[anoniem]

Drag & drop? Mweuh? Dat mag je eens uitleggen...

------------------ Bill Gates: Scharrel een ouwe doos op, en zet er Linux op :) Chiquita71: tja...hahahah om nu linux op mezelf te zetten vind ik wat ver gaan.

[anoniem]

Oké dan... ik maak een medisch-educatieve webpagina over neurologie, waar studenten de verschillende baansystemen in het ruggenmerg op de goede plek moeten slepen (d&d), en er vervolgens nog wat vraagjes over krijgen. Momenteel alleen als <SELECT>, en daar kan ik ook makkelijk kijken of iemand een antwoord invult, want als eerste optie kies ik <SELECT value="dummy" selected> en dan werkt een lusje met document.forms[0].elements[i].value=='dummy' prima. Alleen zit ik met het probleem dat bijv (jawel, bijles :wink: ) je achterstrengen zowel info over tastzin als vibratiezin doorgeven, en daar heb ik nu een vrij omslachtige oplossing voor. Momenteel maak ik twee SELECT's, die ik in PHP vrij omslachtig moet checken (de eerste mag OF tast OF vibratie zijn, de tweede ook, en afhankelijk daarvan moet ik mijn feedback opbouwen). Toen wilde ik de selects vervangen door een multiple select, of evt checkboxes/radiobuttons, en dook dit probleem op.

Iets anders, wat me ook zou kunnen helpen, is als je me een methode kunt vertellen dat je door op een optie uit een select-list te klikken, deze kunt toevoegen aan een lijstje, en dat je vervolgens het lijstje met gekozen opties selecteert. Klinkt misschien wat vaag, maar hopelijk kom je er verder mee. Ik wil de pagina zo opzetten dat ook digibeten ermee uit de voeten kunnen, dus bv Ctrl inhouden voor een multiple-select gaat me al te ver.

Capice?

[anoniem]

Heb je een voorbeeld online staan? Dat zegt waarschijnlijk iets meer dan je mooie verhaaltje waar ik eigenlijk nog weinig van snap.

------------------ Bill Gates: Scharrel een ouwe doos op, en zet er Linux op :) Chiquita71: tja...hahahah om nu linux op mezelf te zetten vind ik wat ver gaan.

[anoniem]

Nog niet, ik heb nog geen (tijdelijke) gratis PHP-host, in afwachting van de nieuwe server op de faculteit. Ga zo eens kijken op hothosting.com, schijnt ook iets te zijn.

Je hoort nog van me!