Autor |
Nachricht |
ohrobot
Threadersteller
Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht:
|
Verfasst Di 21.11.2006 18:43
Titel Text-Link als Submitbutton reagiert nicht auf "Enter&q |
|
|
Ich habe ein Formular (Login Box), das nicht per normalen Submit-Button abgeschickt wird, sondern über einen Textlink, der so aussieht:
Code: | <a href="javascript: document.login.submit()">Anmelden</a> |
Das funktioniert ganz gut, allerdings kann ich das Formular nicht alternativ per "Enter" absenden.
Wie kann ich diese Funktionalität "nachrüsten"?
Freue mich über Lösungsideen,
schöne Grüße,
Bernd
|
|
|
|
|
laber
Dabei seit: 27.02.2006
Ort: Heilbronn
Alter: 37
Geschlecht:
|
Verfasst Di 21.11.2006 20:22
Titel
|
|
|
nimm doch nen normalen submit button
<input type="Submit" name="" value="">
und bearbeite ihn mit css so, dass es nach nem text-link aussieht, so in etwa
<input type="Submit" name="" value="" style="border:none; background-color:transparent;">
|
|
|
|
|
Anzeige
|
|
|
ohrobot
Threadersteller
Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht:
|
Verfasst Di 21.11.2006 21:30
Titel
|
|
|
das ist leider keine alternative in meinem fall.
gibt es keine möglichkeit mit "enter" das formular abzuschicken ohne die erscheinung oder das sein des text-links selbst zu verändern?
|
|
|
|
|
laber
Dabei seit: 27.02.2006
Ort: Heilbronn
Alter: 37
Geschlecht:
|
Verfasst Di 21.11.2006 21:59
Titel
|
|
|
mh, habe ein wenig recherchiert aber nichts gefunden
warum muss es denn unbedingt ein text-link sein? vielleicht lassen sich diese umstände ändern
falls es nur drum geht, dass der text-link da ist und nicht das eigentliche versenden, kannst du ja auch unter deinen text-link einen normalen submit-button in nem hidden-div verstecken.
/EDIT
oder du machst es ganz krass und startest bei jedem input field bei ner veränderung (onChange oder onEnter oder so) ne funktion die überprüft ob die taste "enter" war, wenn ja, dann soll es das formular abschicken
Zuletzt bearbeitet von laber am Di 21.11.2006 22:04, insgesamt 1-mal bearbeitet
|
|
|
|
|
ChraCe
Dabei seit: 11.10.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 21.11.2006 22:36
Titel
|
|
|
wahlweise:
Code: | <button type="submit">Anmelden</button> |
oder auch:
Code: | <button type="submit"><a href="javascript: document.login.submit()">Anmelden</a></button> |
- ungetestet
- ersteres präferiert
- button-tag muss innerhalb des formulars stehen
falls letzteres nicht möglich -> leeren button mit type="submit" in das formular legen
cu
|
|
|
|
|
schachbrett
Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mi 22.11.2006 11:51
Titel
|
|
|
Bau doch den ein:
Code: | <input style="display:none" type="submit" /> |
Gruss
Edit: Seh gerade, den Tip hatte mein Vorgaenger schon =)
Zuletzt bearbeitet von schachbrett am Mi 22.11.2006 11:52, insgesamt 1-mal bearbeitet
|
|
|
|
|
ohrobot
Threadersteller
Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht:
|
Verfasst Mo 27.11.2006 14:41
Titel
|
|
|
Zitat: | <input style="display:none" type="submit" /> |
funkioniert super, ausser im neuen IE7 mpf ..
hab's dann doch hiermit gemacht...
Zitat: | <button type="submit"><a href="javascript: document.login.submit()">Anmelden</a></button> |
Danke!
Zuletzt bearbeitet von ohrobot am Mo 27.11.2006 15:40, insgesamt 2-mal bearbeitet
|
|
|
|
|
ohrobot
Threadersteller
Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht:
|
Verfasst Fr 01.12.2006 15:39
Titel
|
|
|
noch eine frage hierzu..
ich habe ja nun
Code: | <input name="email" type="text" value=""><button class="submitbutton_content" type="submit"><img src="../blocks/img/button_registrieren.gif" alt="Registrieren" border="0"></button> |
genutzt um einen button mit grafik einzubauen, der auch auf ENTER reagiert. Nun ist der tatsächliche Button etwas größer als das Bild. Das sieht man durch die Markierung beim Anklicken (zB im IE6), die nicht direkt an der Grafik selbst liegt, was sehr unschön ist.
Wie krieg ich diesen "Rand" weg?
|
|
|
|
|
|
|
|
Ähnliche Themen |
hilfe bei text/link // css // html
HILFE BITTE: Flash-Link auf Text funktioniert nicht
enter deaktivieren
Login mit Enter
Flash: Navigieren mit der Enter-Taste?
Dokument durchsuchen mit JavaScript (Enter Taste)
|
|