Radiobtn ja/nee textbox visible - Softwareontwikkeling

dinsdag 20 december 2005 15:28

Acties:

Verwijderd

Topicstarter

Goede middag,

Heb een probleem.
Ik heb 2 radiobottons namelijk:

code:

1 2	<INPUT id="Ja" type="radio" value="Ja" name="RadioGroup"> <INPUT id="Nee" type="radio" value="Nee" name="RadioGroup">

Nee is standaard geselecteerd.
En een textbox: "Klantnummer" (is standaard: visible = false)
Wil nu hebben dat als ja is gekozen het klantnummertextbox zichtbaar word.
Ik werk in ASP.NET en weet dat het met autopostback ook lukt. maar ik wil het clientside afhandelen.
Deze code heb ik nu staan:

code:

<!--
        function Ja_Checkstate() {
            var editor = igedit_getById("KlantNummer");
            if (editor.getVisible() == true) {
                editor.setVisible(false);
            }
            else {
                editor.setVisible(true);
        }
    }
-->

Maar helaas werkt deze script niet.
Weet iemand wat ik hier fout doe? Of heeft iemand tips?

Heb zitten googlen en nu weeg ik nog een ons

Thanks in advance...

dinsdag 20 december 2005 15:31

Acties:

AtleX

Tyrannosaurus Lex 🦖

Een voorbeeldscriptje wat ik een tijdje terug heb gedaan en ongeveer doet wat jij wilt: http://www.atlex.nl/voorbeelden/js/checkbox_onoff.html

JavaScript:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <title>Checkbox on/off</title>
    <script type="text/javascript">
        window.onload=function()
            {
                document.getElementById('textarea_id').style.display='none';
                
                document.getElementById('checkbox_id').onclick = function()
                    {
                        if (this.checked==true)
                            document.getElementById('textarea_id').style.display='block';
                        else
                            document.getElementById('textarea_id').style.display='none';
                    }
            }
    </script>
</head>
<body>
    <p><label for="checkbox_id">Show textarea?</label> <input type="checkbox" id="checkbox_id"></p>
    <p><textarea id="textarea_id" cols="20" rows="5"></textarea></p>

</body>
</html>

[ Voor 21% gewijzigd door AtleX op 20-12-2005 15:31 ]

Sole survivor of the Chicxulub asteroid impact.

dinsdag 20 december 2005 15:32

Acties:

TeeDee

CQB 241

Wat werkt er niet? Wat krijg je voor foutmelding?

Als ik je functienamen zo zie, gok ik erop dat je gebruik maakt van een control van AspxLab.com. Vraag het anders aan hun?Nevermind, er zijn natuurlijk meer hondjes die fikkie heten

[ Voor 20% gewijzigd door TeeDee op 20-12-2005 15:35 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

dinsdag 20 december 2005 15:43

Acties:

Verwijderd

Topicstarter

Nee ik maak gebruik van infragistic 2005.
Maar ik krijg geen foutmelding oid, kan alleen maar switchen tussen ja en nee zonder enige reactie.

Heb trouwens de help van infragistic tot op de bodem uitgezocht.
Ook de site van hun.

Dus daar zal het niet aan liggen.
Maar ik zit wel met een probleem............

dinsdag 20 december 2005 16:35

Acties:

Verwijderd

voorbeeld. Die van AtleX is iets netter, alleen voor 1 ID geschikt.

dinsdag 20 december 2005 16:36

Acties:

mosymuis

Het script van AtleX voldoet gewoon aan je vraag; enkel gebruik je dan ".selected" in plaats van ".checked" omdat het om radio buttons gaat, en de textarea vervang je natuurlijk voor je text input. De functie hoef je ook niet te schrijven als body onload, je kunt de onclick of onchange handler ook inline aan je radio button hangen, met de display="none" als inline style op je textveld.

dinsdag 20 december 2005 17:20

Acties:

Verwijderd

Topicstarter

Hartelijk dank.

Ik ga het direct proberen.

Ziet er veel belovend uit.

Greets

dinsdag 20 december 2005 17:46

Acties:

Verwijderd

Topicstarter

Helaas lukt het mij niet om het voor elkaar te boksen.

Dit heb ik geprobeerd:

code:

<script type="text/javascript">
      
      function FunctionShow(TextBox){
    
    el = document.getElementById(TextBox1)
    
    if (el.style.display == 'block')
        el.style.display = 'none';
    else
        el.style.display = 'block';
    }
</script>

En bij de radiobutton 1 = ja:

code:

1	<INPUT type="radio" id="Ja" type="radio" value="Ja" name="RadioGroup" onclick="FunctionShow('Textbox1');">Ja

Bij radiobutton 2 = nee:

code:

1	<INPUT type="radio" id="Nee" type="radio" CHECKED value="Nee" name="RadioGroup">Nee

Bij de textbox:

code:

1	<asp:TextBox id="TextBox1" runat="server"></asp:TextBox>

Maar krijg nu de runtime foutmelding:
! Runtime-fout Microsoft JScript: 'TextBox1' is niet gedefinieerd

dinsdag 20 december 2005 18:01

Acties:

TeeDee

CQB 241

code:

1	document.getElementById('TextBox1')

Je geeft hem nu door aan je functie, vervolgens gebruik je deze niet.

Heart..pumps blood.Has nothing to do with emotion! Bored

dinsdag 20 december 2005 18:25

Acties:

BtM909

Watch out Guys...

code:

1	el = document.getElementById(TextBox)

Wel ff de verwijzing naar de juiste var maken

[ Voor 4% gewijzigd door BtM909 op 21-12-2005 15:44 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 21 december 2005 15:38

Acties:

Verwijderd

Topicstarter

Ja ik was die kwootjes vergeten. En die bij ('Texbox1') moest weg...
Stom zeg...

Thanks TeeDee

[ Voor 36% gewijzigd door Verwijderd op 21-12-2005 15:57 ]

Pagina: 1

Reageer