Html tags uitvoeren in Javascript

[emkedouwe]

Ik ben bezig met een formuliertje te maken. Het moet er ongeveer zo uit zien:

Naam: [Textfield]
Getrouwd: [radio button ja] [radio button nee]
Als er ja is geselecteerd:
Naam partner: [textfield]

Nu had ik het ongeveer zo bedacht. Kiest de gebruiker Ja dan vul je bv een boolean waarde met true. De pagina word dan direct gesubmit en dmv in php simpele if-then statements te zetten krijg je het formulier wat je wilt.

Ik moet dan dus ongeveer maken:
[code]
<SCRIPT LANGUAGE="JavaScript">
function toon() {
pagina word gesubmit
}
</script>
<input type="radio" name="radiobutton" value="radiobutton" onClick="javascript:toon()">
[code]

Is dit zo handig ? en hoe zorg ik er voor dat ie gesubmit word ? Ik heb ook alwat met layers geprobeerd maar als je dan nee invult heb je een lose ruimte. Dus als je ja invult komt er een regel tussen.

Of ik dacht het volgende:
<input type="radio" name="radiobutton" value="radiobutton" onClick="javascript:toon()">
<SCRIPT LANGUAGE="JavaScript">

fuction toon() {
<input type="text" name="textfield">
}
</script>

Dus als je ja selecteerd word de functie uitgevoerd waarna er een regel tussen word gezet.

Wie kan mij helpen??

[André]

Volgens mij moet je eerst javascript leren....

Je moet zoeken op display:none en display:block.

Zodra je de radiobutton veranderd kun je een layer met de textbox erin zichtbaar maken of laten verdwijnen.

[ Voor 7% gewijzigd door André op 14-01-2003 15:48 ]

[emkedouwe]

ja dat weet ik ook wel, maar als je ff goed mn probleem leest dan lees je dat het probleem met layers is, is dat je als die hidden is je een loze ruimte hebt. Ik wil dus GEEN layers gebruiken

[André]

Als je visibility:hidden doet heb je inderdaad loze ruimte maar als je display:none doet heb je dat niet.

[emkedouwe]

Oke mensen, ik heb nu het volgende gecreerd:

code:

<SCRIPT LANGUAGE="JavaScript">
function blocking(nr)
{
    document.nr.style.display = 'block';
}

</SCRIPT>
<form name="form1" method="post" action="">
  <p>Gehuwd: 
    <input type="radio" name="radiobutton" value="radiobutton" 
onClick="javascript:blocking(nummer2)" >
    J 
    <input type="radio" name="radiobutton" value="radiobutton" >
    N<br>
    <P CLASS="para" ID="number2">
        Partner naam: 
        <input type="text" name="textfield">
        <br>
    </p>
    Email: 
    <input type="text" name="textfield2">
  </p>
</form>

Het werkt niet, ik krijg een syntax error. Mischien is het iets heel makkelijks, maar jah ik doe het ook pas sinds giser

[ Voor 23% gewijzigd door emkedouwe op 14-01-2003 16:20 ]

[André]

JavaScript:

<script language="javascript">
  function Show(nr)
  {
    document.getElementById(nr).style.display = "block";
  }
  function Hide(nr)
  {
    document.getElementById(nr).style.display = "none";
  }

</script>
<form name="form1" method="post" action="">
  <p>Gehuwd: 
  <input type="radio" name="radiobutton" value="radiobutton" onClick="javascript:Show('nummer2')">J 
  <input type="radio" name="radiobutton" value="radiobutton" onClick="javascript:Hide('nummer2')">N 
  <br>
  <div id="nummer2" style="display:none;">
    Partner naam: 
    <input type="text" name="textfield">
    <p>
    Email: 
    <input type="text" name="textfield2">
  </div>
</form>

Omdat ik in een goede bui ben...

Trouwens:
www.beginnersweb.nl
www.w3schools.com
www.hotscripts.com
www.dynamicdrive.com

[ Voor 53% gewijzigd door André op 14-01-2003 16:26 ]

[emkedouwe]

Kijk hier heb ik wat aan, DANK JE WEL !!!!!

[Pelle]

Klinkt heel erg als een scriptrequest. Lees de FAQ even, want dat mag dus niet. 't is de bedoeling dat je zelf aan de slag gaat.

Pluim voor Yogho zijn behulpzaamheid overigens.