Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

[JS] vertakken enquete (Opgelost)

demich - 24/03/2007 12:36 (laatste wijziging 24/03/2007 12:37)

Nieuw lid

Stel ik heb 2 vragen met radio buttons. Als ik op de eerste vraag (=hoe vaak speelt u op de lotto) het eerste antwoord(=nooit) geef, mag de tweede vraag (hoeveel zet u in?) niet meer verschijnen. Hoe doe ik dat ?

Onderstaande code kan wsl heel veel beter want ben een n00b in javascript.

php code - Bekijk de code zonder highlighting - Klap code in

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lotto enquete</title>
</head>
<body>
<SCRIPT language="JavaScript">
function branch(thenum)
{
   var branch1 = thenum;
}
</SCRIPT>
<FORM>
  <p>Hoe vaak speelt u met de lotto ?</p>
  <p>
    <input type="radio" name="r1" onClick="branch(1)">
    Nooit<br>
    <input type="radio" name="r1" onClick="branch(2)">
    Soms<br>
    <input type="radio" name="r1" onClick="branch(3)">
    Regelmatig<br>
    <input type="radio" name="r1" onClick="branch(4)">
    Altijd</p>
<SCRIPT language = "javascript">
if (var branch1 !=1)
{
document.write("
  <p>Hoe veel zet u in bij de lotto ?</p>
  <p>
    <input type="radio" name="r2" value="radiobutton">
    Weinig<br>
    <input type="radio" name="r2" value="radiobutton">
    Veel</p>
  <p><br>
  ");
}
</SCRIPT>

<input type=button value="Verzend" >
  </p>
  </FORM>
</body>
</html>
            
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lotto enquete</title>
</head>
<body>
<SCRIPT language="JavaScript">
function branch(thenum)
{
   var branch1 = thenum;
}
</SCRIPT>
<FORM>
  <p>Hoe vaak speelt u met de lotto ?</p>
  <p>
    <input type="radio" name="r1" onClick="branch(1)">
    Nooit<br>
    <input type="radio" name="r1" onClick="branch(2)">
    Soms<br>
    <input type="radio" name="r1" onClick="branch(3)">
    Regelmatig<br>
    <input type="radio" name="r1" onClick="branch(4)">
    Altijd</p>
<SCRIPT language = "javascript">
if (var branch1 !=1)
{
document.write("
  <p>Hoe veel zet u in bij de lotto ?</p>
  <p>
    <input type="radio" name="r2" value="radiobutton">
    Weinig<br>
    <input type="radio" name="r2" value="radiobutton">
    Veel</p>
  <p><br>
  ");
}
</SCRIPT>
 
<input type=button value="Verzend" >
  </p>
  </FORM>
</body>
</html>
 

4 antwoorden

Gesponsorde links

Metalhead - 24/03/2007 13:47

HTML gevorderde

Je onderste scrip heeft natuurlijk geen nut, want je geeft alleen maar iets weer, dus dat kan ook gewoon plain HTML...

Maar op deze manier bijv.:

php code - Bekijk de code zonder highlighting - Klap code in

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lotto enquete</title>
</head>
<body>
<SCRIPT language="JavaScript">
function branch(thenum)
{
   if (thenum == 1) {
   	document.tstfrm.r2[0].disabled=true;
		document.tstfrm.r2[1].disabled=true;
   } else {
   	document.tstfrm.r2[0].disabled=false
   	document.tstfrm.r2[1].disabled=false;
   }
}
</SCRIPT>
<FORM name="tstfrm">
  <p>Hoe vaak speelt u met de lotto ?</p>
  <p>
    <input type="radio" name="r1" onClick="branch(1)">
    Nooit<br>
    <input type="radio" name="r1" onClick="branch(2)">
    Soms<br>
    <input type="radio" name="r1" onClick="branch(3)">
    Regelmatig<br>
    <input type="radio" name="r1" onClick="branch(4)">
    Altijd</p>
	  <p>Hoe veel zet u in bij de lotto ?</p>
	  <p>
	    <input type="radio" name="r2" value="radiobutton">
	    Weinig<br>
	    <input type="radio" name="r2" value="radiobutton">
	    Veel</p>
	  <p><br>
		<input type=button value="Verzend" >
  </p>
  </FORM>
</body>
</html>
            
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lotto enquete</title>
</head>
<body>
<SCRIPT language="JavaScript">
function branch(thenum)
{
   if (thenum == 1) {
   	document.tstfrm.r2[0].disabled=true;
		document.tstfrm.r2[1].disabled=true;
   } else {
   	document.tstfrm.r2[0].disabled=false
   	document.tstfrm.r2[1].disabled=false;
   }
}
</SCRIPT>
<FORM name="tstfrm">
  <p>Hoe vaak speelt u met de lotto ?</p>
  <p>
    <input type="radio" name="r1" onClick="branch(1)">
    Nooit<br>
    <input type="radio" name="r1" onClick="branch(2)">
    Soms<br>
    <input type="radio" name="r1" onClick="branch(3)">
    Regelmatig<br>
    <input type="radio" name="r1" onClick="branch(4)">
    Altijd</p>
	  <p>Hoe veel zet u in bij de lotto ?</p>
	  <p>
	    <input type="radio" name="r2" value="radiobutton">
	    Weinig<br>
	    <input type="radio" name="r2" value="radiobutton">
	    Veel</p>
	  <p><br>
		<input type=button value="Verzend" >
  </p>
  </FORM>
</body>
</html>
 

demich - 24/03/2007 13:57
Nieuw lid		Dank je voor je antwoord. Maar ik zou graag hebben dat de vraag helemaal wegvalt, dus niet alleen de radiobuttons. Is dat mogelijk in javascript ?

Metalhead - 24/03/2007 14:07

HTML gevorderde

Zoals jij het had gemaakt, wordt eerst de hele pagina opgebouwd... Als je daarna klikt, wordt je variable geset, maar komt hij niet weer bij je 2e script.

Als je zoiets wilt maken, moet je eigenlijk met een div werken. Daar kun je namelijk wel runtime de tekst van wijzigen...

Op deze manier:

php code - Bekijk de code zonder highlighting - Klap code in

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lotto enquete</title>
</head>
<body>
<SCRIPT language="JavaScript">
function branch(thenum)
{
   if (thenum == 1) {
     document.getElementById('divid').innerHTML ="";
   } else {
     var html = "<p>Hoe veel zet u in bij de lotto ?</p>"
     html += "<p><input type=\"radio\" name=\"r2\" value=\"radiobutton\">";
    //etc...
     document.getElementById('divid').innerHTML = html;
   }
}
</SCRIPT>
<FORM name="tstfrm">
  <p>Hoe vaak speelt u met de lotto ?</p>
  <p>
    <input type="radio" name="r1" onClick="branch(1)">
    Nooit<br>
    <input type="radio" name="r1" onClick="branch(2)">
    Soms<br>
    <input type="radio" name="r1" onClick="branch(3)">
    Regelmatig<br>
    <input type="radio" name="r1" onClick="branch(4)">
    Altijd</p>
    <div id="divid"></div>
    <input type=button value="Verzend" >
  </p>
  </FORM>
</body>
</html>
            
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lotto enquete</title>
</head>
<body>
<SCRIPT language="JavaScript">
function branch(thenum)
{
   if (thenum == 1) {
     document.getElementById('divid').innerHTML ="";
   } else {
     var html = "<p>Hoe veel zet u in bij de lotto ?</p>"
     html += "<p><input type=\"radio\" name=\"r2\" value=\"radiobutton\">";
    //etc...
     document.getElementById('divid').innerHTML = html;
   }
}
</SCRIPT>
<FORM name="tstfrm">
  <p>Hoe vaak speelt u met de lotto ?</p>
  <p>
    <input type="radio" name="r1" onClick="branch(1)">
    Nooit<br>
    <input type="radio" name="r1" onClick="branch(2)">
    Soms<br>
    <input type="radio" name="r1" onClick="branch(3)">
    Regelmatig<br>
    <input type="radio" name="r1" onClick="branch(4)">
    Altijd</p>
    <div id="divid"></div>
    <input type=button value="Verzend" >
  </p>
  </FORM>
</body>
</html>
 

demich - 24/03/2007 14:22
Nieuw lid		OK das perfect wat ik nodig heb ! Dankjewel

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten