JavaScript für Formulare

von **.wired** am 21.04.2008, 23:32

Hallo again

So langsam komme ich in die Schwierigkeiten, dass die Standardfunktionen eines Buttons in einem Formular nicht ausreichen, oder auch, dass das Formular aus Designtechnischen Gründen nicht mehr die Submits enthalten kann, sondern diese an anderer Stelle angezeigt werden. Was ich nun wissen will, ist, was man alles wie mit JavaScript anstellen kann in Verbindung mit Formularen, insbesondere Formulare seperat mit einem Button abschicken, der gar nicht im Formular steht. (ein Tutorial fänd ich auch nicht schlecht). Tut mir auch sehr leid, wenn ich jetzt einige zum Lachen bringe, weil dies höchstwahrscheinlich höchst einfach ist. Ich muss aber zugeben, dass ich mich schon ein paar (3) Mal an JavaScript versucht habe ranzutasten und immer ziemlich schnell aufgegeben habe. Diese Sprache liegt mir wirklich gar nicht, genauso wie Flash

Lange Rede, kurzer Sinn, danke für die Antworten

MfG .wired

von **Manuel** am 21.04.2008, 23:48

Na du könntest dir dafür einfache Funktionen schreiben, die eine andere URL aufrufen, wenn du beispielsweise einen Button als normalen Link missbrauchen willst. Bedenke nur, dass das für Google nicht geeignet ist und auch so teilweise hinderlich ist, wenn User JavaScript eventuell deaktiviert haben.

Code: Alles auswählen: function callUrl() { window.location.href = 'http://www.der-webdesigner.net'; }

Code: Alles auswählen: <input type="button" onclick="callUrl();" value="schnell zu dW - ich brauche Hilfe :)">

Lg,
Manuel ;-]

von **Ingo** am 22.04.2008, 00:08

Hi.
Und speziell zur Formularfrage: Es geht zum Beispiel folgendes:

Code: Alles auswählen: <body> <form action="#" method="get" name="myform" id="myform"> Meine Name ist <input type="text" size="30" name="meinname" value="Hase" /> <input type="submit" name="erster" value="Abschicken" /> </form> Irgendwo anders steht noch ein "Submit"-Button: <button type="button" onclick="document.myform.submit();">Von hier aus auch</button> </body>

Aber wie gesagt: onclick geht nur mit JavaScript, ebenso wie die Anweisung
document.myform.submit(). Ohne JS ist der Knopf also wertlos.

Gruß, Ingo

von **.wired** am 22.04.2008, 00:22

@Ingo:Hmm, bestimmt wieder eine doofe Frage: Hat das was zu bedeuten, dass du <button> und nicht <submit> benutzt

?

@Manuel: Wie meinst du das mit Google? Gefunden soll das ganze eh nicht werden, auch wenn ich nicht ganz verstehe, wie sich das überhaupt auf die SERPs auswirken könnte... Soll eigentlich eine Installation für ein CMS werden

. Und wer da JavaScript ausgeschaltet hat, hat eh verloren. Wobei ich aber denke, dass alle halbwegs vernünftigen Webseitenersteller (mir fällt grade kein anderer Begriff ein

) JavaScript angeschaltet haben...

MfG .wired

von **Ingo** am 22.04.2008, 19:26

Hi.
Nein, das hat keinen besonderen Grund. Möglich ist m.E. also z.B.

<input type="button" onclick="..." ... />
<button type="button" onclick="...">HTML-Inhalt</button>
jedes andere Element, das ein onclick haben darf.

Speziell der <input type="submit" ... /> macht wohl nur innerhalb eines Formulars Sinn,
weil außerhalb nicht klar ist, welches Formular wohin (action) abgeschickt werden soll.

<button> hat die manchmal nützliche Eigenschaft, dass es HTML-Inhalt (Bilder...) haben
darf, wohingegen <input>s ja leere Elemente sind und mittels value nur eine Beschriftung
erlauben.

Gruß, Ingo

(PS: Ach was, 'doofe' Frage ... ne ehrliche Frage kann nicht doof sein

)

von **.wired** am 22.04.2008, 19:35

Hehe, danke

So, und jetzt noch eine vorerst letzte Frage: Wie sieht es mit Links aus? Wenn ich einen Link (selbstverständlich außerhalb eines Formulars) irgendwo einbaue, kann ich damit dann das Formular abschicken?

MfG .wired

von **Ingo** am 22.04.2008, 21:36

Ja, auch das geht; man gibt hierbei als href eine JS-Anweisung an (beachte den Vorspann javascript:)

Code: Alles auswählen: <a href="javascript:document.myform.submit()">Hier abschicken</a>

Gruß, Ingo

JavaScript für Formulare

JavaScript für Formulare

Re: JavaScript für Formulare

Re: JavaScript für Formulare

Re: JavaScript für Formulare

Re: JavaScript für Formulare

Re: JavaScript für Formulare

Re: JavaScript für Formulare

Wer ist online?