[Erledigt] JavaScript Weiche bei Formular?

markus228 · 09.08.2009, 12:43

Ich betriebe zur Zeit eine kleine Seite, die es ermöglicht die Download Quellen für Videos von diverse Videoplattformen in Erfahrung zu bringen.
Das ganze System baut auf einem serverseitigen PHP-Script auf, das die Browserzugriffe auf das jeweilige Portal simuliert und einem clientseitigen JavaScript, das die Daten entgegenimmt und sie in einer Box darstellt.
Als Ajax Framework benutze ich Dojo.

Ist ja alles schön und gut, solange JavaScript eingeschaltet ist.
Weil ich aber nicht die Benutzer ausschließen will, die aus welchen Gründen auch immer kein JavaScript aktiviert haben, habe ich nach Möglichkeiten gesucht diejenigen zu erkennen und zu berücksichtigen.
Als erstes ist mir dann während meiner Recherche auf selfhtml das tag <noscript> aufgefallen und nach weiterem rumwühlen mit google habe ich in einem Forum diese Alternative gefunden:

Code:

<form id="download-form" action="get.php" method="get" onsubmit="return false">
     <input id="url" type="text" name="url" size="75">
	 <input type="hidden" name="type" value="online" />
	 <input type="submit" name="submit-button" value="VID-GET IT!" onclick="getText();">
   </form>

Hierbei wird bei eingeschaltetem JavaScript das Ajax Framework vorgeschaltet und bezieht seine Ausgabe über ein anderes Script.
Ansonsten soll das Formular wie jedes andere behandelt werden.
Jetzt meine Frage^^
Kann man das so machen (es funktioniert in IE und Firefox) oder gibt es eine elegantere Lösung vllt. auch schon direkt mit dem Dojo Framework.

nikic · 09.08.2009, 14:16

Das ist ein guter Ansatz (also der richtige).
Nur ein Tipp:
entferne das onclick-Attribut. Mache dafür im onsubmit ein "return getText();"
Grund:
Man kann auch mit der Tastatur navigieren. Das würde man bei dir dann nciht erfassen. Zudem, das JavaScript kann fehlschlagen. KA warum, aber es passiert. Bei dir würde das darin resultieren, dass einfach nichts passiert. Wenn du oben genannte Möglichkeit nutzt, dann wird das Formular abgeschickt. Also zwei Fliegen mit einer Hand: Tastatur und Fehlerbehandlung (getText() muss natürlich bei einem Fehler true zurückgeheben, ansonsten false).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PHP: Formular Generator	Zergling-new	Tutorials	16	06.07.2010 03:14
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
Formular Inhalt per JavaScript an Link anhängen	j.wagner	JavaScript, Ajax und mehr	11	14.04.2009 22:56
Wie würdet ihr das Formular submitten?	pras	Datenbanken	5	05.03.2009 21:33
[Erledigt] Formular prüfen mit JavaScript	Inaliii	JavaScript, Ajax und mehr	14	28.02.2009 17:01
JAVASCRIPT "document.write" mit ECHO <<< Formular ausgeben	mixer	PHP Tipps 2009	4	12.02.2009 21:19
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Php Formular prüfen mit Javascript ohne <form>	0uhr15	PHP Tipps 2008	13	16.06.2008 11:26
Wert aus Textfeld in neues Formular übernehmen (kein Submit)	PsychoEagle	HTML, Usability und Barrierefreiheit	9	02.01.2007 14:51
[Erledigt] Formular in Formular		HTML, Usability und Barrierefreiheit	4	19.10.2005 12:18
JavaScript Formular abschicken		HTML, Usability und Barrierefreiheit	4	15.08.2005 01:43
[Erledigt] Mit PHP prüfen ob JavaScript beim Browser aktiviert ist?		HTML, Usability und Barrierefreiheit	3	21.07.2005 12:43
Problem mit Formular und Javascript	phpKid	HTML, Usability und Barrierefreiheit	6	14.10.2004 23:51

09.08.2009, 12:43
markus228 Neuer Benutzer Registriert seit: 30.09.2008 Beiträge: 7	[Erledigt] JavaScript Weiche bei Formular? Ich betriebe zur Zeit eine kleine Seite, die es ermöglicht die Download Quellen für Videos von diverse Videoplattformen in Erfahrung zu bringen. Das ganze System baut auf einem serverseitigen PHP-Script auf, das die Browserzugriffe auf das jeweilige Portal simuliert und einem clientseitigen JavaScript, das die Daten entgegenimmt und sie in einer Box darstellt. Als Ajax Framework benutze ich Dojo. Ist ja alles schön und gut, solange JavaScript eingeschaltet ist. Weil ich aber nicht die Benutzer ausschließen will, die aus welchen Gründen auch immer kein JavaScript aktiviert haben, habe ich nach Möglichkeiten gesucht diejenigen zu erkennen und zu berücksichtigen. Als erstes ist mir dann während meiner Recherche auf selfhtml das tag <noscript> aufgefallen und nach weiterem rumwühlen mit google habe ich in einem Forum diese Alternative gefunden: Code: <form id="download-form" action="get.php" method="get" onsubmit="return false"> <input id="url" type="text" name="url" size="75"> <input type="hidden" name="type" value="online" /> <input type="submit" name="submit-button" value="VID-GET IT!" onclick="getText();"> </form> Hierbei wird bei eingeschaltetem JavaScript das Ajax Framework vorgeschaltet und bezieht seine Ausgabe über ein anderes Script. Ansonsten soll das Formular wie jedes andere behandelt werden. Jetzt meine Frage^^ Kann man das so machen (es funktioniert in IE und Firefox) oder gibt es eine elegantere Lösung vllt. auch schon direkt mit dem Dojo Framework.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.08.2009, 14:16
nikic Benutzer Registriert seit: 07.08.2009 Beiträge: 31 PHP-Kenntnisse: Fortgeschritten	Das ist ein guter Ansatz (also der richtige). Nur ein Tipp: entferne das onclick-Attribut. Mache dafür im onsubmit ein "return getText();" Grund: Man kann auch mit der Tastatur navigieren. Das würde man bei dir dann nciht erfassen. Zudem, das JavaScript kann fehlschlagen. KA warum, aber es passiert. Bei dir würde das darin resultieren, dass einfach nichts passiert. Wenn du oben genannte Möglichkeit nutzt, dann wird das Formular abgeschickt. Also zwei Fliegen mit einer Hand: Tastatur und Fehlerbehandlung (getText() muss natürlich bei einem Fehler true zurückgeheben, ansonsten false).