Søg
Avatar billede d.kryger Praktikant
17. september 2004 - 12:24 Der er 14 kommentarer og
1 løsning

OnFocus med password

Hej Eksperter...

Jeg håber i kan hjæle mig. Jeg har nedenståede på min side, men når man indtaster et password, kan man se hvad der står i feltet, dette vil jeg gerne have til at være stjerner (*).
Men hvis jeg ændret "type" til password, så står der fra begyndelsen bare 11 stjerner...

Kan man ikke lave noget smart her?

Kode:
<input type="text" name="adgangskode" size="15" class="input" onFocus="adgangskode.value=''" value='Adgangskode'>
Avatar billede webcreator Nybegynder
17. september 2004 - 12:25 #1
Fjern value='Adgangskode' :)
Avatar billede webcreator Nybegynder
17. september 2004 - 12:26 #2
Hvis du benytter value, så indsætter du noget i dit input-felt. Men når det er af typen 'password', så bliver det automatisk lavet om til stjerner :)
Avatar billede d.kryger Praktikant
17. september 2004 - 12:27 #3
Ja, men så kan man jo ikke se hvad feltet skal bruges til... :)
Avatar billede d.kryger Praktikant
17. september 2004 - 12:27 #4
Prøv evt. at se på www.mail.dk, der har de det, men jeg kan ikke se hvad de har gjort for at gøre det...
Avatar billede ldanielsen Nybegynder
17. september 2004 - 12:28 #5
ja, sådan er det jo. Måska kan man ændre type, checkker lige ...
Avatar billede webcreator Nybegynder
17. september 2004 - 12:32 #6
Hvis du i value bare skriver 3-5 stjerner, så ved folk godt, at de skal indtaste en kode :)
Avatar billede d.kryger Praktikant
17. september 2004 - 12:35 #7
Ja, det er muligt, men kan det andet ikke lade sig gøre?
Avatar billede ldanielsen Nybegynder
17. september 2004 - 12:35 #8
<INPUT type=text id=PassFieldDummy name=PassFieldDummy value="Adgangskode" onClick="this.style.display = 'none';document.getElementById('PassField').style.display = 'block';">
<INPUT type=password id=PassField name=PassField value="" style="display: 'none';">

Hvad med det?
Avatar billede d.kryger Praktikant
17. september 2004 - 12:41 #9
Ja, bortset fra at hvis man bruger tabulator, så skifter den ikke...
Avatar billede ldanielsen Nybegynder
17. september 2004 - 12:47 #10
ok, så ret onClick til onFocus ...
Avatar billede ldanielsen Nybegynder
17. september 2004 - 12:55 #11
Her er den lidt mere fixet; nu er felterne lige store, og der gives focus til pass-feltet

<INPUT type=text id=PassFieldDummy name=PassFieldDummy value="Adgangskode" onFocus="showPassField(this);" style="width: 100px;">
<INPUT type=password id=PassField name=PassField value="" style="display: 'none'; width: 100px;">

<script>
function showPassField(objDummy){
  objPass = document.getElementById('PassField');
  objDummy.style.display = "none";
  objPass.style.display = "block";
  objPass.focus();
  }
</script>
Avatar billede d.kryger Praktikant
17. september 2004 - 13:02 #12
Jeg kigger på det i løbet at weekenden eller mandag, men tak for hjælpen indtil videre...
Avatar billede roenving Novice
18. september 2004 - 13:54 #13
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Show/hide password-felt</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function showPass(f){
    fld1 = f.minPassTxt;
    fld2 = f.minPass;
    if(fld1.style.display=='block'){
        fld1.style.display='none';
        fld2.style.display='block';
        fld2.select();
        fld2.focus();
    }else{
        fld2.style.display='none';
        fld1.style.display='block';
        if(fld2.value!="")fld1.value = "Password"
    }
}
</script>
</head>
<body>
<br>
<form id="minForm" name="minForm" onsubmit="showPass(this);">
<input id="minInput" name="minInput" type="text" value="Tom" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<input id="minPass" name="minPass" type="password" value="" onblur="showPass(this.form);" size="20" style="display:none;">
<input id="minPassTxt" name="minPassTxt" type="text" value="Indtast password" onfocus="if(this.value==this.defaultValue)this.value='';showPass(this.form);" onblur="if(this.value=='')this.value=this.defaultValue;" size="20" style="display:block;">
<button name="button2" id="button2" onclick="showPass(this.form);alert('Nu skulle formen submittes')">Submit!</button>

</form>
</body>
</html>
Avatar billede fire-fox Nybegynder
10. januar 2008 - 00:05 #14
kunne da evt. bruges til mig men efter man har indtastet password retter den fra "***" til indtast password igen, og det er nu heller ikke lige det jeg søger hvis jeg skulle bruge det :)
Avatar billede d.kryger Praktikant
21. februar 2008 - 16:05 #15
Hej igen...

Det er efterhånden længe siden... Jeg bruger tit dette script, og det har været en stor hjælp for mig. Jeg er dog lige løbet ind i et lille problem/udfordring:

Jeg skal lave en login side, som åbner et nyt vindue og logger ind det. Det virker 100%. I form på den første side (login.php) står der følgende:
<form action='www.google.dk' name='loginform' onsubmit='clearFields()' target='_blank' method='post' ID='Form1'>

clearFields() indeholder:
<script>
  function clearFields(){
  setTimeout('document.loginform.reset()',100);
  }
</script>

Dette skulle sikre at brugernavn og kode bliver nulstillet. Det gør de også, men password-feltet bliver nulstillet til:
<INPUT type=password id=PassField name=PassField value="" style="display: 'none'; width: 100px;">

men det skulle gerne have været:
<INPUT type=text id=PassFieldDummy name=PassFieldDummy value="Adgangskode" onFocus="showPassField(this);" style="width: 100px;">

Således ville der nemlig stå "Adgangskode" i feltet og hvis det kom i fokus ville det blive nulstillet og blive til et "password" felt.

Jeg håber nogle kan hjælpe mig.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 10:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
White papers
Flere white papers »