Avatar billede timmwillum Nybegynder
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)?
Avatar billede madeindk Nybegynder
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>
Avatar billede kalp Novice
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.
Avatar billede madeindk Nybegynder
30. november 2007 - 17:18 #3
Det er det - har testen den ;-)
Avatar billede timmwillum Nybegynder
30. november 2007 - 20:34 #4
Det virker perfekt madeindk ... smid lige et svar så sende jeg nogle point
Avatar billede madeindk Nybegynder
01. december 2007 - 16:00 #5
Svar.
Avatar billede timmwillum Nybegynder
02. december 2007 - 11:20 #6
Tak til jer begge to ... points gik til madeindk, som jo var først med det rigtige svar ;-)
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