mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 20:35 Benutzername: Passwort: Auto-Login

Thema: Text-Link als Submitbutton reagiert nicht auf "Enter" vom 21.11.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Text-Link als Submitbutton reagiert nicht auf "Enter"
Autor Nachricht
ohrobot
Threadersteller

Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht: Männlich
Verfasst Di 21.11.2006 18:43
Titel

Text-Link als Submitbutton reagiert nicht auf "Enter&q

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
laber

Dabei seit: 27.02.2006
Ort: Heilbronn
Alter: 37
Geschlecht: Männlich
Verfasst Di 21.11.2006 20:22
Titel

Antworten mit Zitat Zum Seitenanfang

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;">
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ohrobot
Threadersteller

Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht: Männlich
Verfasst Di 21.11.2006 21:30
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
laber

Dabei seit: 27.02.2006
Ort: Heilbronn
Alter: 37
Geschlecht: Männlich
Verfasst Di 21.11.2006 21:59
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ChraCe

Dabei seit: 11.10.2004
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 21.11.2006 22:36
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mi 22.11.2006 11:51
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
ohrobot
Threadersteller

Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht: Männlich
Verfasst Mo 27.11.2006 14:41
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
<input style="display:none" type="submit" />

funkioniert super, ausser im neuen IE7 mpf .. *Schnief*


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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ohrobot
Threadersteller

Dabei seit: 21.08.2006
Ort: München
Alter: 42
Geschlecht: Männlich
Verfasst Fr 01.12.2006 15:39
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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)
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.