Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[JavaScript] - Openklik textveld door aanklikken radiobutton

Anoniem
Annie
7 antwoorden
  • Op een website heb ik een webFormulier.

    Deze heeft 2 radiobuttons, er is geen button default aangeklikt.

    Ik wil dat als er het eerste radiobutton aangeklikt wordt dat er een extra invul tekstveld verschijnt.

    Ik heb inmiddels de volgende code:

    [code:1:6c2f9de0fe]<html>
    <head>
    <title></title>
    <script language="javascript">
    function toggleDisplay(o) {
    if(o!=null&&o.style;!=null) {
    o.style.display=o.style.display=='none'?'block':'none';
    }
    }
    </script>
    </head>
    <body>

    <p><a href="javascript: void toggleDisplay(Tekst);" title="Klik voor meer tekst">Klik
    hier voor meer tekst…</a> </p>
    <p><span id="Tekst" style="display: none">———————— <br>
    Meer tekst….. <br>
    Meer tekst….. <br>
    Meer tekst….. <br>
    Meer tekst….. <br>
    Meer tekst….. <br>
    ———————— </span> </p>
    </body>
    </html>[/code:1:6c2f9de0fe]

    Hoe pas ik dit aan?
  • [quote:e5a6b5b1ca="Johant"]Hoe pas ik dit aan?[/quote:e5a6b5b1ca]
    Nou, gewoon, openen in een editor en start met typen. :wink:


    Sorry, flauw. Maar ik snap niet helemaal wat er misgaat. Ik zie een voorbeeldje van hoe je extra tekst kan laten verschijnen na het klikken op een link. Dus de eerste stap voor je is het doorkijken van het script en proberen te begrijpen hoe het werkt. Zoek daarbij de gebruikte technieken op in een reference (html en javascript).

    Daarna zou je kunnen beginnen met het wijzigen van de link in een set radiobuttons die de tekst 'aan' en 'uit' kunnen zetten. En als dat werkt kan je de tekst wijzigen in een text input.

    Succes.

    p.s. Ik vind de code overigens behoorlijk slecht opgezet (er zijn betere voorbeelden te vinden op het internet). Deze zal waarschijnlijk alleen in IE werken.
  • Wat is er verkeer aan opgezet. Hij leek mij redelijk simpel en recht toe recht aan.
  • Ik heb deze form-code toegevoegd, maar die werkt niet.

    [code:1:bd2f88f1c4]<form name="form1" method="post" action="">
    <input type="radio" name="radiobutton" value="radiobutton" OnChange="toggeleDisplay(Tekst)">
    Tekst open<br>
    <input type="radio" name="radiobutton" value="radiobutton">
    Tekst dicht
    </form>[/code:1:bd2f88f1c4]

    Ik weet niet goed welke code ik moet gebruiken:

    onchange
    onsubmit
    onreset
    onselect
    onblur
    onfocus

    Daarbij weet ik dus ook niet of bovenstaand aanroep methode werkt.
  • Ik heb zelf een keertje zo gedaan:
    [code:1:6354751bf0]
    html:

    <input type="Radio" name='dagtip' value='nee' onmousedown="javascript:window.datumdiv.style.visibility='hidden';" checked>nee&
    <input type="Radio" name="dagtip" value="ja" onmousedown="javascript:window.datumdiv.style.visibility='visible';">ja

    <div name='datumdiv' id='datumdiv' style='visibility: hidden'><input class='inputveld' name='dagtip_datum' value='21-03-2003' >

    [/code:1:6354751bf0]

    Bij mij staat er dus wel standaard eentje op checked… het enige nadeel van de onclick is dat het pas gebeurt als je erop klikt…
    maarja :) je kan niet alles hebben
  • [quote:35cc327a2b="Johant"]Wat is er verkeer aan opgezet. Hij leek mij redelijk simpel en recht toe recht aan.[/quote:35cc327a2b]De object verwijzing klopt niet. Beter is om document.getElementById() te gebruiken (DOM scripting dus), dan werkt het iig in alle nieuwere browsers.
  • Dus die oplossing van defl8te is ook niet echt zoals het hoort, want die heb ik gebruikt en het werkt inmiddels.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.