Avatar billede dcheng Novice
12. august 2004 - 10:11 Der er 2 kommentarer og
1 løsning

Password felt Vis og Skjul

Jeg har et form felt med password/text

Jeg vil gerne have en knap som kan switche mellem skjul og vis password i et bestemt felt
Avatar billede ldanielsen Nybegynder
12. august 2004 - 11:21 #1
Her er der noget, det er dog ikke testet i andre browsere end Explorer

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
function showHide(){
    f = document.forms[0]
    if (f.passHidden.style.display == "none"){
        f.passHidden.value = f.passShown.value;
        f.passShown.style.display = "none";
        f.passHidden.style.display = "block";
    }else{
        f.passShown.value = f.passHidden.value;
        f.passHidden.style.display = "none";
        f.passShown.style.display = "block";
        }
    }
//-->
</SCRIPT>

</HEAD>
<BODY>

<P>
<form>
<input name=passHidden type=password>
<input name=passShown type=text style="display: none;">
<br>
<input type=button onClick="showHide()">
</form>
</P>

</BODY>
</HTML>

Bemærk at det er det felt som er synligt du kan regne med, det andet er ikke nødvendigvis opdateret. jeg vender lige tilbage med noget mere ...
Avatar billede ldanielsen Nybegynder
12. august 2004 - 11:25 #2
Nu har jeg splittet det i to funktioner, den ene viser/skjuler felterne, den anden overfører værdien fra det synlige til det usynlige. Ved at kalde denne funktion idet formen submittes er du sikker på at den korrekte værdi findes i begge felter.

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
function showHide(){
    transferPasswordValue();
    f = document.forms[0];
    if (f.passHidden.style.display == "none"){
        f.passShown.style.display = "none";
        f.passHidden.style.display = "block";
    }else{
        f.passHidden.style.display = "none";
        f.passShown.style.display = "block";
        }
    }
   
function transferPasswordValue(){   
    f = document.forms[0];
    if (f.passHidden.style.display == "none"){
        f.passHidden.value = f.passShown.value;
    }else{
        f.passShown.value = f.passHidden.value;
        }
    }
//-->
</SCRIPT>

</HEAD>
<BODY>

<P>
<form onSubmit="transferPasswordValue();">
<input name=passHidden type=password>
<input name=passShown type=text style="display: none;">
<br>
<input type=button onClick="showHide()">
</form>
</P>

</BODY>
</HTML>
Avatar billede roenving Novice
12. august 2004 - 14:35 #3
Måske er det denne, du har brug for:

<form name="minForm">
<input type="text" name="username" size=20 value="Brugernavn" onclick="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue">
<input name="dapass" type="text" value="Adgangskode" onfocus="this.form.password.style.display='block';this.style.display='none';this.form.password.focus();this.form.password.select();" style="display:block;" size="20">
<input name="password" type="password" style="display:none;" onblur="this.style.display='none';this.form.dapass.style.display='block';" size="20">
<input type="submit" value="login" name="Button" >
</form>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester