vraag en antwoord

Status
Niet open voor verdere reacties.
Hoi olaf88,
  1. Een invulvakje met een verzendknop "Vraag!" is te maken.
    (zie www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_submit)
    In plaats van doorsturen naar een server-pagina zet je op de knop een onclick eigenschap die javascript in werking zet.
  2. Een berichtvenstertje voor het antwoord is ook te maken.
    (zie www.w3schools.com/js/tryit.asp?filename=tryjs_alert)
  3. De grote vraag is alleen: hoe kom je van een vraag tot een antwoord?

Daarvoor kan je in principe een javascript-functie maken. Maar hoe moet die functie er dan uit zien??? :shocked:

Als je geen setje van aan te klikken vragen hebt, maar een open invulvakje, dan kan er van alles en nog wat gevraagd worden.
Als je een echt antwoord wilt geven *), hoe kom je daar dan aan? - Tevoren weet je de vraag niet!
  • De een zal vragen: "Regent het nu in Rome?".
  • Iemand anders zal vragen: "Hoeveel is 1+1?".
  • Een derde zal vragen: "Wat betekent CSS?".
  • En nog iemand anders zal vragen: "Wanneer is mijn oma jarig?"
  • Enz. enz.: er zijn nogal veel vragen mogelijk! :d

Daarom voor jou de vraag: waarom wil je zoiets, en wat wil je ermee bereiken?

Met vriendelijke groet,
CSShunter
________
*) Wat wel kan: bv. 10 fake-antwoorden maken, en daar bij een vraag een willekeurige uit pakken.
 
Laatst bewerkt:
csshunter zei:
Hoi olaf88,
  1. Een invulvakje met een verzendknop "Vraag!" is te maken.
    (zie [url]www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_submit[/URL])
    In plaats van doorsturen naar een server-pagina zet je op de knop een onclick eigenschap die javascript in werking zet.
  2. Een berichtvenstertje voor het antwoord is ook te maken.
    (zie [url]www.w3schools.com/js/tryit.asp?filename=tryjs_alert[/URL])
  3. De grote vraag is alleen: hoe kom je van een vraag tot een antwoord?

Daarvoor kan je in principe een javascript-functie maken. Maar hoe moet die functie er dan uit zien??? :shocked:

Als je geen setje van aan te klikken vragen hebt, maar een open invulvakje, dan kan er van alles en nog wat gevraagd worden.
Als je een echt antwoord wilt geven *), hoe kom je daar dan aan? - Tevoren weet je de vraag niet!
  • De een zal vragen: "Regent het nu in Rome?".
  • Iemand anders zal vragen: "Hoeveel is 1+1?".
  • Een derde zal vragen: "Wat betekent CSS?".
  • En nog iemand anders zal vragen: "Wanneer is mijn oma jarig?"
  • Enz. enz.: er zijn nogal veel vragen mogelijk! :d

Daarom voor jou de vraag: waarom wil je zoiets, en wat wil je ermee bereiken?

Met vriendelijke groet,
CSShunter
________
*) Wat wel kan: bv. 10 fake-antwoorden maken, en daar bij een vraag een willekeurige uit pakken.
Klik om te vergroten...

Ik ben niet zo goed in al die toestanden.
Kan je ook gwn de code geven (als je dat zou willen)
waarbij ik alleen de vragen en de antwoorden moet veranderen ?
 
csshunter zei:
Hoi olaf88,
  1. Een invulvakje met een verzendknop "Vraag!" is te maken.
    (zie [url]www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_submit[/URL])
    In plaats van doorsturen naar een server-pagina zet je op de knop een onclick eigenschap die javascript in werking zet.
  2. Een berichtvenstertje voor het antwoord is ook te maken.
    (zie [url]www.w3schools.com/js/tryit.asp?filename=tryjs_alert[/URL])
  3. De grote vraag is alleen: hoe kom je van een vraag tot een antwoord?

Daarvoor kan je in principe een javascript-functie maken. Maar hoe moet die functie er dan uit zien??? :shocked:

Als je geen setje van aan te klikken vragen hebt, maar een open invulvakje, dan kan er van alles en nog wat gevraagd worden.
Als je een echt antwoord wilt geven *), hoe kom je daar dan aan? - Tevoren weet je de vraag niet!
  • De een zal vragen: "Regent het nu in Rome?".
  • Iemand anders zal vragen: "Hoeveel is 1+1?".
  • Een derde zal vragen: "Wat betekent CSS?".
  • En nog iemand anders zal vragen: "Wanneer is mijn oma jarig?"
  • Enz. enz.: er zijn nogal veel vragen mogelijk! :d

Daarom voor jou de vraag: waarom wil je zoiets, en wat wil je ermee bereiken?

Met vriendelijke groet,
CSShunter
________
*) Wat wel kan: bv. 10 fake-antwoorden maken, en daar bij een vraag een willekeurige uit pakken.
Klik om te vergroten...


volgens mij heb je me verkeerd begrepen,
er staan bijvoorbeeld 10vragen en bij elke vraag hoort 1 antwoord.
dit is dan eens Soort van F.A.Q
 
Oké, je hebt dus 10 voorgebakken vragen en 10 voorgebakken antwoorden.
Dan combineer je wat hierboven staat:
  • Met de suggestie van giannidw maak je een keuzelijstje (info: hier en hier).
  • Uit mijn antwoord pak je het berichtvenstertje, de "alert-box".
Je verbindt ze met een javascript-functie, waarmee de aangeklikte vraag wordt genoteerd totdat op de knop wordt geklikt voor het antwoord.

HTML: 
<div>
	<select>
		<option onclick="vraagNummer(1)">Hoe krijg ik meer informatie?</option>
		<option onclick="vraagNummer(2)">Wat zijn de openingstijden?</option>
		<option onclick="vraagNummer(3)">Kan ik ruilen?</option>
	</select>
	<input type="button" value="Vraag!" onclick="antwoord()" />
</div>

<script type="text/javascript">
// <![CDATA[
var antwoord1="U kunt ons bellen, of mailen via het contactformulier op de contact-pagina.";
var antwoord2="Van 9u tot 17u, en voor het 06-nummer ook 'svonds tussen 19u en 21u.";
var antwoord3="Jazeker, mits onbeschadigd/ongebruikt en binnen 7 dagen na aankoop.";

var geklikt=1; // standaard voor als iemand meteen op de knop klikt

function vraagNummer(i){
	geklikt=i; // noteer op welk vraagnummer is geklikt
}

function antwoord(){ // geef het antwoord dat bij het vraagnummer hoort
	if (geklikt==1){ alert(antwoord1) }
	if (geklikt==2){ alert(antwoord2) }
	if (geklikt==3){ alert(antwoord3) }
}
// ]]>
</script>

Met vriendelijke groet,
CSShunter
 
csshunter zei:
Oké, je hebt dus 10 voorgebakken vragen en 10 voorgebakken antwoorden.
Dan combineer je wat hierboven staat:
  • Met de suggestie van giannidw maak je een keuzelijstje (info: hier en hier).
  • Uit mijn antwoord pak je het berichtvenstertje, de "alert-box".
Je verbindt ze met een javascript-functie, waarmee de aangeklikte vraag wordt genoteerd totdat op de knop wordt geklikt voor het antwoord.

HTML: 
<div>
	<select>
		<option onclick="vraagNummer(1)">Hoe krijg ik meer informatie?</option>
		<option onclick="vraagNummer(2)">Wat zijn de openingstijden?</option>
		<option onclick="vraagNummer(3)">Kan ik ruilen?</option>
	</select>
	<input type="button" value="Vraag!" onclick="antwoord()" />
</div>

<script type="text/javascript">
// <![CDATA[
var antwoord1="U kunt ons bellen, of mailen via het contactformulier op de contact-pagina.";
var antwoord2="Van 9u tot 17u, en voor het 06-nummer ook 'svonds tussen 19u en 21u.";
var antwoord3="Jazeker, mits onbeschadigd/ongebruikt en binnen 7 dagen na aankoop.";

var geklikt=1; // standaard voor als iemand meteen op de knop klikt

function vraagNummer(i){
	geklikt=i; // noteer op welk vraagnummer is geklikt
}

function antwoord(){ // geef het antwoord dat bij het vraagnummer hoort
	if (geklikt==1){ alert(antwoord1) }
	if (geklikt==2){ alert(antwoord2) }
	if (geklikt==3){ alert(antwoord3) }
}
// ]]>
</script>

Met vriendelijke groet,
CSShunter
Klik om te vergroten...

dankuwel,dat wou ik
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan