Avatar billede goose Nybegynder
22. maj 2008 - 13:02 Der er 15 kommentarer og
1 løsning

Submit form til popup og disable submitknap

Jeg har en formular med en submitknap på.

Når brugeren klikker på submit, skal der åbnes en popup på 600 x 400 pixels og samtidig skal submitknappen disables så der altså kun kan klikke én gang på submitknappen

Hvordan skal koden se ud for dette hvis den også skal virke cross-browser?

/Goose
Avatar billede majbom Novice
22. maj 2008 - 13:08 #1
skal der så ske noget i formen, nårman lukker pop-up vinduet?
Avatar billede w13 Novice
22. maj 2008 - 13:13 #2
<form method="post" action="urlen.asp" target="_blank" onsubmit="document.getElementById('submit1').setAttribute('disable',true)">

  ...

  <input id="submit1" type="submit" value="Send">

</form>

burde gøre tricket.
Avatar billede w13 Novice
22. maj 2008 - 13:13 #3
Som ekstra sikkerhed:

<form method="post" action="urlen.asp" target="_blank" onsubmit="document.getElementById('submit1').setAttribute('disable',true);this.onsubmit=function(){return false}">

  ...

  <input id="submit1" type="submit" value="Send">

</form>
Avatar billede fennec Nybegynder
22. maj 2008 - 13:15 #4
Eller sådan så størrelsen af vinduet kan styres:

<form method="Post" target="thisWindow" action="dinSide.htm" onSubmit="this.submit1.disabled=true;window.open('','thisWindow','width=600,height=400');">
<input type="Text" name="text1" value=""><br>
<input type="Submit" name="submit1" value="Send">
</form>
Avatar billede goose Nybegynder
22. maj 2008 - 13:17 #5
splazz > Det har jeg allerede lavet

w13 > Mangler der ikke noget der får den til at åbne i popup?

/Goose
Avatar billede goose Nybegynder
22. maj 2008 - 13:17 #6
fennec > prøver lige din

/Goose
Avatar billede w13 Novice
22. maj 2008 - 13:19 #7
goose > Det sker med target="_blank"
Avatar billede goose Nybegynder
22. maj 2008 - 13:20 #8
fennec > smid et svar, det virker perfekt.

/Goose
Avatar billede goose Nybegynder
22. maj 2008 - 13:21 #9
w13 > _blank åbner da bare en nyt browservindue og ikke i de mål jeg ønsker, er det ikke korrekt?

/Goose
Avatar billede w13 Novice
22. maj 2008 - 13:21 #10
Jo, jeg overså helt det med størrelsen i dit spørgsmål. Ups. =)
Avatar billede w13 Novice
22. maj 2008 - 13:28 #11
Vær dog opmærksom på, at formen stadig kan submittes ved at trykke enter. Derfor ville jeg tilføje i onsubmit:

this.onsubmit=function(){return false};this.setAttribute('action','');
Avatar billede fennec Nybegynder
22. maj 2008 - 13:43 #12
.o) <-- One Eyed Jack
Avatar billede goose Nybegynder
22. maj 2008 - 16:52 #13
Er det iorden hvis w13 og fennec deler point?

Syntes i begge har bidraget :-)

/Goose
Avatar billede w13 Novice
22. maj 2008 - 17:08 #14
Bare giv dem til fennec - det er i orden. ;)
Avatar billede w13 Novice
22. maj 2008 - 17:08 #15
Men du bør nok tage min kommentar 13:28:40 i betragtning. =)
Avatar billede goose Nybegynder
22. maj 2008 - 18:56 #16
w13 > Det gør jeg ....

/Goose
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