Søg
Avatar billede Slettet bruger
03. juni 2003 - 23:06 Der er 11 kommentarer og
1 løsning

<FORM> Password - Brugernavn.

Der er et problem med password feltet som ændrer størrelse når det får focus...Jeg skal bruge en løsning der fixer det. Derudover når man skriver i password feltet og så klikker væk fra det, skal feltet ændres tilbage til hvor der stod "password". Det skal helst være en udbygning af nedestående kode..


-------------------------------------------------


<HTML>
<head>

<script language="JavaScript1.2">

function LoginBoxPassFocus(d,e) {
  d.style.display = "none";
  e.style.display = "inline";
  e.focus();
}

function LoginBoxExit()
{
    if(document.getElementById("password").value == '')
    {
        document.getElementById("password").style.display = "none";
        document.getElementById("dapasstxt").style.display = "inline";
    }
}

</script>

</head>

<body>

<form>

<input type="text" size="10" name="username" value="Brugernavn" onfocus="if(this.value=='Brugernavn') this.value='';" onblur="if(this.value=='') this.value='Brugernavn';">

<input type="text" size="10" name="dapasstxt" value="Password" onfocus="LoginBoxPassFocus(this,this.form.password);">
<input type="password" size="10" name="password" onblur="LoginBoxExit();" style="display:none;">

</form>

</body>
</HTML>
Avatar billede roenving Novice
03. juni 2003 - 23:29 #1
Hvis de står på samme linje kunne jeg ikke umiddelbart forhindre den i at flytte sig -- størrelsen var ikke problemet, men den flytter sig ?-)

Så den er lavet med en <div> omkring, men så står den på en anden linje -- vi kan arbejde videre hvis dit behov kræver samme linje:

<DIV><input type="text" name="dapasstxt" value="Password" onfocus="LoginBoxPassFocus(this,this.form.password);" style="position:relative;width=130;height:20;">
<input type="password"name="password" onblur="LoginBoxExit();" style="display:none;position:relative;width=130;height:20;"></DIV>
Avatar billede roenving Novice
03. juni 2003 - 23:31 #2
-- forøvrigt har jeg sat højde på -- det var fordi jeg eksperimeterede med en monospace skrifttype, det var ikke nødvendigt !-)
Avatar billede googolplex Novice
04. juni 2003 - 00:15 #3
Jep, det virker smukt roenving, det er vidst også den løsning der er brugt, der hvor scriptet er lånt fra ;)

Her er det sat sammen:

<html>

<head>

<script language="JavaScript1.2">

function LoginBoxPassFocus(d,e) {
  d.style.display = "none";
  e.style.display = "inline";
  e.focus();
}

function LoginBoxExit()
{
    if(document.getElementById("password").value == '')
    {
        document.getElementById("password").style.display = "none";
        document.getElementById("dapasstxt").style.display = "inline";
    }
}

</script>

</head>

<body>

<form>
<input type="text" size="10" name="username" value="Brugernavn" onfocus="if(this.value=='Brugernavn') this.value='';" onblur="if(this.value=='') this.value='Brugernavn';" style="position: relative; width: 100px; height: 20px;" />
<div>
<input type="text" name="dapasstxt" value="Password" onfocus="LoginBoxPassFocus(this,this.form.password);" style="position: relative; width: 100px; height: 20px;" />
<input type="password"name="password" onblur="LoginBoxExit();" style="display: none; position: relative; width: 100px ;height: 20px;" />
</div>
</form>

</body>

</html>
Avatar billede roenving Novice
04. juni 2003 - 00:22 #4
-- hvor kommer det fra ?-)

-- jeg kender løsningen fra ofir.dk -- men havde jo nok ikke haft brug for deres inspiration for at finde på det sæl' ,-)
Avatar billede googolplex Novice
04. juni 2003 - 00:25 #5
Nej roenving, men du er jo også så dyyygtig :P

Det er nappet fra jubii.dk

Ps. Nu du er så dygtig roenving, kan du så ikke lige løse det andet problem ;)

(Derudover når man skriver i password feltet og så klikker væk fra det, skal feltet ændres tilbage til hvor der stod "password".)
Avatar billede roenving Novice
04. juni 2003 - 00:30 #6
Det gør den da, når jeg prøver ?-)

-- har selvfølgelig kun prøvet frem og tilbage mellem de to felter, men min erfaring med onblur er at den godt nok er på !-)
Avatar billede roenving Novice
04. juni 2003 - 00:33 #7
Jeg har ikke kigget efter, at den tilhørende kode faktisk kigger efter om der er skrevet noget, men vi kan da bare slette det der kigEfter:

function LoginBoxExit()
{
        document.getElementById("password").style.display = "none";
        document.getElementById("dapasstxt").style.display = "inline";
}
Avatar billede googolplex Novice
04. juni 2003 - 00:34 #8
Det gør det ikke hos mig :( Hvis jeg først har skrevet i password feltet, skal jeg fjerne det igen, før 'password' dukker op...
Avatar billede googolplex Novice
04. juni 2003 - 00:36 #9
Der var den ja, havde ikke lige set det sidste du skrev :)
Avatar billede roenving Novice
04. juni 2003 - 00:36 #10
-- jamen du har jo helt ret -- koden er indrettet til at hvis man først har skrevet noget, så skal det blive fremme -- og det havde jeg ikke tænkt ;-|
Avatar billede roenving Novice
04. juni 2003 - 00:37 #11
-- og vice versa ,-)
Avatar billede Slettet bruger
08. december 2010 - 11:04 #12
Lukker
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »