[Javascript] d.m.v radiobutton focus op texveld.

[Verwijderd]

Ik ben bezig met een enquete te maken voor het bedrijf waar ik nu voor werk.

Het formulier is vrijwel klaar en de css ook maar nu komt er dus een andertje onder het gras.
ik moet zorgen dat zodra de optie

(radio button) "anders nl" word geselecteerd.
er een textveld actief word en ook gefocused.

Ik als javascript beginner heb geen idee wat en hoe ik heb wel al wat geprobeerd maar ik vermoed dat ik iets compleet fout doe.

Java:

<script language="javascript">


function anders()
{
document.enquete.namelijk.focus;
}

</script>

HTML:

    <form method="post" name="enquete" action="klant.htm">

        <div class="enq">
            <input class="radiob" type="radio" name="contact" value="E-Mail" Checked>
            Via E-mail
            <br>
            <input class="radiob" type="radio" name="contact" value="Persoonlijk">
            Een persoonlijke benadering
            <br>
            <input class="radiob" type="radio" name="contact" value="Telefonisch">
            Telefonisch
            <br>
            <input class="radiob" type="radio" name="contact" value="Fax">
            Per fax
            <br>
            <input class="radiob" type="radio" name="contact" onChange="anders();">
            Anders nl
            <br>
            <input class="textveld" type="text" name="namelijk" value="" hidden="1">
            <br>
        </div>
        <br>
        
        <input class="btns" type="submit" name="submit" value="Verder -->">
        <input class="btnr" type="reset" name="reset" value="Wissen">
        
        <div class="count">
            2/23
        </div>

    </form>

enig idee?

[ Voor 24% gewijzigd door Verwijderd op 02-03-2005 14:46 ]

[gorgi_19]

Clientside zaken horen in Webdesign & Graphics

[André]

code:

<script type="text/javascript">
  function anders()
  {
    document.forms["enquete"].elements["namelijk"].style.display = "block";
    document.forms["enquete"].elements["namelijk"].focus();
  }
</script>

<input class="radiob" type="radio" name="contact" onclick="anders();">
<input class="textveld" type="text" name="namelijk" value="" style="display:none;">

[ Voor 123% gewijzigd door André op 02-03-2005 14:55 ]

[Verwijderd]

geweldig andre werkt perfect .

ik ga eens een boek van javascript aanschaffen want ik merk echt dat ik hier toch een zekere kennis aan te kort kom.

thanks!

maar stel he dat ik em alleen wil enablen?
en als ik een andere radiobutton selecteer moet hij weer gedisabled worden.

weet je daar ook wat op ?

[André]

Natuurlijk:

code:

<script type="text/javascript">
  function anders(obj)
  {
    if (obj.value == "anders")
    {
      document.forms["enquete"].elements["namelijk"].disabled = false;
      document.forms["enquete"].elements["namelijk"].focus();
    }
    else
    {
      document.forms["enquete"].elements["namelijk"].disabled = true;
    }
  }
</script>

<form name="enquete">
  <input class="radiob" type="radio" name="contact" onclick="anders(this);">Optie 1
  <input class="radiob" type="radio" name="contact" onclick="anders(this);">Optie 2
  <input class="radiob" type="radio" name="contact" value="anders" onclick="anders(this);">Anders
  <input class="textveld" type="text" name="namelijk" value="" disabled="disabled">
</form>

[Verwijderd]

hmm hij enabled het veld nu niet.

ik zie wel dat je in de java script true en false gebruikt terwijl je in html
disabled = disabled hebt staan?

edit:
Laat maar ik ben echt zo'n slaaperd, had geen value ingesteld op die radiobutton van anders

Thanks

[ Voor 119% gewijzigd door Verwijderd op 02-03-2005 15:32 ]