webForumDet fria alternativet

Nertonade formulärfält

HTML & CSSur HTML, XHTML & CSS

5 svar · 255 visningar · startad av Koggen

Medlem sedan juni 2002169 inlägg
Frågan#1

Jag har sökt på detta, men inte lyckats hitta något.
Kanske det hör hemma i javascriptsforumet.. jag vet inte.

På en del siter där man registrerar sig är ibland en del formulärfält nertonade tills man satt en prick i en viss radiobutton. Hur görs detta? En omstänlig metod är att göra en bild med ett nertonad fält och dölja den vid onClick.

Det känns som en enormt krånglig och kass lösning, finns det något bättre sätt kanske?

Medlem sedan nov. 20017 144 inlägg
#2

disabled==false i onclick, skulle jag tro. Men detta är ett fall för Javascriptforumet tror jag minsann.

Medlem sedan nov. 20017 144 inlägg
#3
<form name="form1" method="post" action="">
  <input type="radio" name="radiobutton" onClick="document.form1.textfield.disabled=false;" value="radiobutton">
  <input type="text" name="textfield" disabled value="Hej">
</form>
Medlem sedan dec. 20025 483 inlägg
#4

Det görs med JavaScript:

<head>

<script type="text/javascript">
<!--

function check(o){
     var elm = o.form.elements["foo"];

     elm.disabled = (o.checked)?true:false;
};

//-->
</script>

</head>

<body>

<form>
<input type="text" name="foo"><br>
<input type="checkbox" onclick="check(this)">
</form>

</body>

:)

Medlem sedan juni 2002169 inlägg
#5

Tack men...

Det funkade ju så till vida att man inte kan skriva in något i textfältet, och det är ju bra.

Men ibland är textfältet synligt nertonat också, ofta grått, går det också att fixa med javascript?

Medlem sedan dec. 20025 483 inlägg
#6

Ja, med en liten justering:

...
elm.[B]readonly[/B] = (o.checked)?true:false;

...

:)

135 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)