JavaScript: checkbox ja valinnan "piilottaminen"?

Glen · Viesti Kirjoittaja **Glen** » 4.12.2007 klo 11.02

Moi!

Löytyiskö keneltäkään sellaista yksinkertaista pätkä, jolla saisi formista harmattua yhden input-kentän? Tarkoitus olisi saada asiakkaalle sellainen "varmennus" jossa rastilaatikko on pakko ruksia, ennen kuin kenttään saa laitettua mitään.

cue · Viesti Kirjoittaja **cue** » 4.12.2007 klo 11.49

Koodi: Valitse kaikki

<html>
<head>
<script type="text/javascript">

function toggle_textfield(field) {

        var f = document.getElementById(field);
        if (f.disabled) f.disabled = false;
        else {
                f.value = ""; // tyhjää tekstikenttä
                f.disabled = true;
        }
}

</script>
</head>
<body>

<input type="checkbox" name="cb" onchange="toggle_textfield('t')">
<input disabled type="text" id="t" name="t">

</body>
</html>

Tuommosta putkahti kun rupesin naputtamaan.

Glen · Viesti Kirjoittaja **Glen** » 4.12.2007 klo 12.04

Pystytkö vielä tarkentamaan tuon toiminnan? Kun ei ainakaan suoraan toiminut. Tää javascript on mulle ihan tuntematon aluevaltaus.

Tarkennan tuota formia omalta osalta vielä.

Koodi: Valitse kaikki

<input type="checkbox"  onchange="toggle_textfield('t[32]')" name="manuaalinen_numero" />
<input type='text' name='t[32]' value='3658' id="t[32]" disabled />

Eli tuo on nyt suora kopio sorsasta. checkboxin nimen pystyn vaihtamaan, tekstikentän nimeä en. Tekstikentän ID:n pystyn vaihtamaan.

nimim. mitä teen väärin.

cue · Viesti Kirjoittaja **cue** » 4.12.2007 klo 12.17

Jaa-a, firefoxilla ja safarilla testailin täsmälleen noilla sun fieldeillä ja toimii ihan nätisti, aluksi ei voi muuttaa tekstifieldin sisältöä, checkkaa boxin ni sitten voi.

Täsmälleen tällä koodilla ajelin

Koodi: Valitse kaikki


<html>
<head>
<script type="text/javascript">

function toggle_textfield(field) {
        var f = document.getElementById(field);
        if (f.disabled) f.disabled = false;
        else {
                f.value = ""; // tyhjää tekstikenttä
                f.disabled = true;
        }
}

</script>
</head>
<body>


<input type="checkbox"  onchange="toggle_textfield('t[32]')" name="manuaalinen_numero" />
<input type='text' name='t[32]' value='3658' id="t[32]" disabled /> 

</body>
</html>

Kato javascript consolesta virheet että ei ole tullut mitään copy paste bugia

(firefoxissa Tools -> Error Console)

Glen · Viesti Kirjoittaja **Glen** » 4.12.2007 klo 12.23

Kiitoksia. Virheitähän siellä oli. Kuten sanoin, javascript ei ole kovin vahva osaamisalueeni tällä hetkellä, joten ei ihan heti osaa debugatakkaan oikein