30. november 2007 - 16:36
Der er
5 kommentarer og 1 løsning
Submit knap - skjules
Hej alle sammen Har en form sådan: <form method="post" action="login/login.asp" name="loginForm"> <input type="hidden" name="redir" value="<%=redir%>"> <table border="0" cellspacing="0" style="border-collapse: collapse"> <tr> <td align="right"><p class="lille">Brugernavn: <input style="background-color: #eeeeee; color: #000000; border: 1px solid #000000; font-family: arial;font-weight:bold; font-size: 11px; width: 100px;height: 17px;filter: alpha(opacity=25)" onMouseOver="this.filters.alpha.opacity=70" onFocus="this.filters.alpha.opacity=70" onBlur="this.filters.alpha.opacity=25" name="username" type="text" value="<%=login_username%>" size="15"></td> </tr> <tr> <td align="right"><p class="lille">Password: <input style="background-color: #eeeeee; color: #000066; border: 1px solid #000000; font-family: arial; font-size: 11px; width: 100px;height: 17px;filter: alpha(opacity=25)" onMouseOver="this.filters.alpha.opacity=70" onFocus="this.filters.alpha.opacity=70" onBlur="this.filters.alpha.opacity=25" name="password" type="password" value="<%=login_password%>" size="15"></td> <td> <input class="button_hide" type="submit" name="submitBtn" value="Login"> </td> </tr> </table> </form> ... men jeg vil gerne undvære submit-knappen, så jeg har forsøgt at skjule den ved at lave den lille og i samme farve som baggrunden. Det virker dog ikke helt, fordi jeg får et par hvide prikker ... Kan det lade sig gøre at undvære knappen og så stadig kunne sende formen (ved at trykke return)?
Annonceindlæg tema
Forsvar & beredskab
Cybersikkerhed, realtidsdata og robuste it-systemer er blevet fundamentet for moderne forsvar.
30. november 2007 - 16:54
#1
Tror du har - det kan ikke lade sig gøre, men har smidt noget kode sammen til dig med noget JavaScript i, som kan løse dit problem. <form method="post" id="login_form" action="login/login.asp" name="loginForm"> <input type="hidden" name="redir" value="<%=redir%>"> <table border="0" cellspacing="0" style="border-collapse: collapse"> <tr> <td align="right"><p class="lille">Brugernavn: <input style="background-color: #eeeeee; color: #000000; border: 1px solid #000000; font-family: arial;font-weight:bold; font-size: 11px; width: 100px;height: 17px;filter: alpha(opacity=25)" onMouseOver="this.filters.alpha.opacity=70" onFocus="this.filters.alpha.opacity=70" onBlur="this.filters.alpha.opacity=25" name="username" type="text" value="<%=login_username%>" size="15" onkeypress="if(event.keyCode == 13){document.getElementById('login_form').submit();}"></td> </tr> <tr> <td align="right"><p class="lille">Password: <input style="background-color: #eeeeee; color: #000066; border: 1px solid #000000; font-family: arial; font-size: 11px; width: 100px;height: 17px;filter: alpha(opacity=25)" onMouseOver="this.filters.alpha.opacity=70" onFocus="this.filters.alpha.opacity=70" onBlur="this.filters.alpha.opacity=25" name="password" type="password" value="<%=login_password%>" size="15" onkeypress="if(event.keyCode == 13){document.getElementById('login_form').submit();}"></td> </tr> </table> </form>
30. november 2007 - 17:13
#2
prøv at fjerne knappen... og så istedet lav et onkeypress event på din form.. her fanger du tasten enter og kalder this.submit() på din form. jeg har ikke læst madeindk's kode - men muligvis er det præcis det han har lavet.
30. november 2007 - 17:18
#3
Det er det - har testen den ;-)
30. november 2007 - 20:34
#4
Det virker perfekt madeindk ... smid lige et svar så sende jeg nogle point
01. december 2007 - 16:00
#5
Svar.
02. december 2007 - 11:20
#6
Tak til jer begge to ... points gik til madeindk, som jo var først med det rigtige svar ;-)
Vi tilbyder markedets bedste kurser inden for webudvikling