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 fra Lenovo
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.