Formular (SELECT) automatische weiterleitung... - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Formular (SELECT) automatische weiterleitung...

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Formular (SELECT) automatische weiterleitung...

Pages: [1]

geschrieben von 18inch am 21.05.2005 - 17:31

Hallo!
Ich möchte so eine Art Style Switcher bauen. Dazu soll dem User die Möglichkeit gegeben werden sein Lieblingsstyle für meine Seite auszusuchen. (z.B: Blau, Rot, Gelb, etc...)
Dieses kann er in einem Select Feld machen. Sobald er eine Farbe gewählt hat, soll automatisch auf z.B. index.php?style=green gewechselt werden. Oder auf index.php?style=red, etc...

Es soll weitergeleitet werden ohne, dass man auf einen SUBMIT Button klicken muss!

Wie kann man dies realisieren???

Danke!

geschrieben von Klaush am 21.05.2005 - 17:42

Ein Beispiel wäre den Code zu benutzen der genau hier auch verwendet wird, siehe hierzu Gehe zu: am Ende der Seite.

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6:

<form action="" method="post">
<select name="style" style="width:200" onchange="window.location=('index.php?style='+this.options[this.selectedIndex].value+'')">
<option value="green" >&nbsp;&nbsp;Grün</option>
<option value="red" >&nbsp;&nbsp;Rot</option>
</select>
</form>

geschrieben von 18inch am 22.05.2005 - 08:47

Danke!
Ich habe diesen Code genommen:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8:

<form action="" method="post">
	<select name="style" style="width:200" onchange="window.location=('index.php?style='+this.options[this.selectedIndex].value+'')">
		<option value="green" >&nbsp;&nbsp;Grün</option>
		<option value="red" >&nbsp;&nbsp;Rot</option>
		<option value="yel" >&nbsp;&nbsp;Gelb</option>
		<option value="blue" >&nbsp;&nbsp;Blau</option>
	</select>
</form>

Das Problem ist, dass das Feld Grün immer wieder makiert bleibt. Wenn ich z.B. Blau auswähle, dann bleibt beim nächsten aufruf trotzdem grün aktiviert. (selected) Wie erreiche ich es nun, dass die Option selected ist, welche ich ausgewählt habe.

Danke

geschrieben von René am 22.05.2005 - 09:38

PHP-Quelltext

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: <form action="" method="post"> <select name="style" style="width:200" onchange="window.location=('index.php?style='+this.options[this.selectedIndex].value+'')"> <option value="green"<?= (empty($_REQUEST['style']) || (isset($_REQUEST['style']) && ($_REQUEST['style'] == 'green'))) ? ' selected="selected"' : ''; ?>> Grün</option> <option value="red"<?= (isset($_REQUEST['style']) && ($_REQUEST['style'] == 'red')) ? ' selected="selected"' : ''; ?>> Rot</option> <option value="yel"<?= (isset($_REQUEST['style']) && ($_REQUEST['style'] == 'yel')) ? ' selected="selected"' : ''; ?>> Gelb</option> <option value="blue"<?= (isset($_REQUEST['style']) && ($_REQUEST['style'] == 'blue')) ? ' selected="selected"' : ''; ?>> Blau</option> </select> </form>

geschrieben von 18inch am 22.05.2005 - 10:33

Danke.

Mit php hätte ich es auch gemacht. Ich dachte, dass man es direkt mit js machen kann!!

Thx!