Avatar billede ssv Nybegynder
24. november 2008 - 17:08 Der er 5 kommentarer og
1 løsning

Vis div efter 2 indtastede inputs

Hello.

Ja, overskriften giver sikkert ikke megen mening, så i får lige en uddybning her:

Jeg skal bruge noget javascript der kan vise en div (med flere inputs i) når 2 felter er udfyldt. Når de 2 synlige felter er udfyldt/skrevet i, skal de næste felter vises. Jeg går ud fra det er nemmest at skjule dem i en div, og så vise dem når felterne er udfyldt.

Et eksempel kunne være:
<form action="#" method="post">
<input type="text" name="firstname"> <input type="text" name="email">

<div style="display:none;">
<input type="text" name="lastname">
<input type="text" name="city">
</div>

<input type="submit" value="Send">
</form>
Avatar billede roenving Novice
24. november 2008 - 17:26 #1
F.eks.

<form action="#" method="post">
<input type="text" name="firstname" onchange="visDiv(this.form);"> <input type="text" name="email" onchange="visDiv(this.form);">

<div id="minDiv" style="display:none;">
<input type="text" name="lastname">
<input type="text" name="city">
</div>

<input type="submit" value="Send">
</form>

-- og et script:

<script type="text/javascript">
function visDiv(f){
  if(f.firstname.value != "" && f.email.value != "")
    document.getElementById("minDiv").style.display = "block";
}
</script>

-- og så måske en hel masse mere, når du får prøvet det !-)
Avatar billede ssv Nybegynder
24. november 2008 - 17:36 #2
De ekstra felter skal gerne vises så snart der bliver skrevet i felt 2 (email), i stedet for, som det er nu, at der skal klikkes ved siden af feltet før de ekstra felter bliver vist.

Er det muligt at skjule div'en igen hvis felterne bliver ryddet for tekst? Og hvordan vil det opføre sig med forudfyldt tekst i de 2 felter? Hvis en bruger er logget ind kan vi fx indsætte navn og email som default-value - vil felterne så blive vist?
Avatar billede roenving Novice
29. november 2008 - 11:40 #3
Hvis du kan forudindsætte i felterne, så kan du vel også fjerne display:none; ?-)

-- og du kan på det andet felt/felterne ændre til onkeyup i stedet for onchange !-)
Avatar billede ssv Nybegynder
04. december 2008 - 15:08 #4
Smid et svar så vi kan få lukket. Jeg prøver de nye ting :-)
Avatar billede roenving Novice
07. december 2008 - 10:05 #5
Oki '-)
Avatar billede roenving Novice
19. december 2008 - 16:17 #6
-- og tak for point ;~}
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