webForumDet fria alternativet

Visa/Dölj fält..

13 svar · 328 visningar · startad av webbSAJTEN

webbSAJTENMedlem sedan jan. 2002992 inlägg
#1

Tjenare!
Skulle vilja med hjälp av en checkbox besämma om ett annat fält skall visas eller inte..

if(document.addmapp.box.value == "1") {
addmapp.losen.style.display = ''
}

Den där snutten fungerar inte..

<input ID="box" type="checkbox" name="intPassword" value="0" onChange="level(this)">

Så ser boxen ut...

Peter SMedlem sedan dec. 20025 483 inlägg
#2

Om "addmap" är namnet på ditt formulär:

function level(o){
  var addmap = o.form;

  if(o.checked) {
    addmapp.losen.style.display = '';
  } else {
    addmap.losen.style.display = 'block';
  }
}
webbSAJTENMedlem sedan jan. 2002992 inlägg
#3

Boxen som finns heter box och fältet som skall visas heter losen..

function level(box){
  var addmap = box.form;

  if(box.checked) {
    addmapp.losen.style.display = '';
  } else {
    addmap.losen.style.display = 'block';
  }
}

Men det visas inget fält... Och sidan laddar klokt..
Anropar nu med: return level();

Peter SMedlem sedan dec. 20025 483 inlägg
#4
function level(box){
  var elms = box.form.elements;

  if (box.checked){
    elms["losen"].style.display = "block";
  } else {
    elms["losen"].style.display = "none";
  }
}

<input type="checkbox" onclick="level(this)"...

Något sådant bör fungera.

webbSAJTENMedlem sedan jan. 2002992 inlägg
#5

Går det att göra så att det blir samma sak med text.
Vill att texten Lösenord skall visas när den är intryckt, inte annars..

Peter SMedlem sedan dec. 20025 483 inlägg
#6

Så?

function level(box){
  var elms = box.form.elements;

  if (box.checked){
    elms["losen"].style.display = "block";
    elms["losen"].value = "Lösenord";
  } else {
    elms["losen"].style.display = "none";
    elms["losen"].value = "";
  }
}
webbSAJTENMedlem sedan jan. 2002992 inlägg
#7

Njae.. Utan mer att det skall stå Lösenord ovanför fältet...

Peter SMedlem sedan dec. 20025 483 inlägg
#8

Inom vilket element skall den texten ligga? Har du en <label>, <div> eller annat skoj där?

webbSAJTENMedlem sedan jan. 2002992 inlägg
#9

Det vette fan faktiskt.. Men i <font> skulle nog inte sitta fel :)
Testade att sätta ID="losen" och gömma den, men de funkade inte..

Men du vet säkert :D

Peter SMedlem sedan dec. 20025 483 inlägg
#10

Om vi lägger allt i en dyr och exklusiv <div>, kan vi gömma/visa den istället:

function level(box, div){
  var elm = document.getElementById(div);

  if (box.checked){
    elm.style.display = "block";
  } else {
    elm.style.display = "none";
  }
}

<div [b]id="ett_kuligt_id"[/b]>
  <font>Lösenord:</font>
  <input type="text" name="losen">
</div>

<input type="checkbox" onclick="level(this, [b]'ett_kuligt_id'[/b])"...
webbSAJTENMedlem sedan jan. 2002992 inlägg
#11

Nu blev allt krånligt och fel :P

function level(box, div){
  var elm = document.getElementById(box);

  if (box.checked){
    elm.style.display = "block";
  } else {
    elm.style.display = "none";
  }
}

<div id="losenord" style="display: none"><br>
<strong>Lösenord:</strong><br>
<input name="strPassword" type="password" ID="losen" size="20">
</div>

<input id="box" type="checkbox" name="intPassword" value="0" onclick="level(this, 'losenord')">

Fungerar icke tyvärr :(

Peter SMedlem sedan dec. 20025 483 inlägg
#12

Ja, det blev det tydligen även för mig :r

Hur som helst har jag redigerat mitt förra inlägg.

webbSAJTENMedlem sedan jan. 2002992 inlägg
#13

TACK! Gud så underbart :D:D

Peter SMedlem sedan dec. 20025 483 inlägg
#14

Weee! :bire

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