webForumDet fria alternativet

Visa/Dölj fält..

JavaScriptur Javascript

13 svar · 328 visningar · startad av webbSAJTEN

Medlem sedan jan. 2002992 inlägg
Frågan#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...

Medlem 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';
  }
}
Medlem 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();

Medlem 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.

Medlem 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..

Medlem 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 = "";
  }
}
Medlem sedan jan. 2002992 inlägg
#7

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

Medlem sedan dec. 20025 483 inlägg
#8

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

Medlem 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

Medlem 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])"...
Medlem 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 :(

Medlem 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.

Medlem sedan jan. 2002992 inlägg
#13

TACK! Gud så underbart :D:D

Medlem sedan dec. 20025 483 inlägg
#14

Weee! :bire

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