nicht angemeldet
schaltfläche
hallo liebe leute,
ich bin ein neuling in der homepage gestalltung und habe da mal eine frage.
ich will das sich ein besucher auf meiner page aus einem drop down menü etwas aussucht.(in meinem fall einen spieltag). daneben ist ein button und wenn man nun auf diesen button klickt soll die seite aufgehen, die im drop down menü ausgewählt wurde.
beispiel:
auswahl im drop down menü ----> 03. Spieltag, button klicken und die seite 03tag.html soll aufgehen.
wie kann ich das realisieren.
vielen lieben dank für eure hilfe
habe folgenden code schon in meiner seite eingebaut. kann mir den jemand vervollständigen?
<html>
<head>
<title>Auswahl Spieltage</title>
</head>
<body>
<form>
Spieltag:
<select name="Spieltage">
<option value="01">01. Spieltag</option>
<option value="02">02. Spieltag</option>
<option value="03">03. Spieltag</option>
<option value="04">04. Spieltag</option>
</select>
<input type="button" name="spieltag" value="Spieltag anzeigen">
</form>
</body>
</html>
lieben gruss aus hamburg
bernd
-
Moin!
<html>
<head>
<title>Auswahl Spieltage</title>
</head>
<body>
<form name="auswahl">
Spieltag:<select name="Spieltage" name="selector">
<option value="01">01. Spieltag</option>
<option value="02">02. Spieltag</option>
<option value="03">03. Spieltag</option>
<option value="04">04. Spieltag</option>
</select><input type="button" name="spieltag" value="Spieltag anzeigen" onclick="myGoTo()">
</form>
</body>
</html>Nun, mit den Mittel von reinem HTML wird das nichts. Die (schlechte)
Javascriptlösung sieht so aus:<script type="text/javscript">
<!--
function myGoTo() {
target = document.forms['auswahl'].elements['selector'].value;
/* Die Variable "target" ist jetzt: 01 ... 04 */
target = target + "tag.html";
/* das "+" hängt Texte an... naja: ich habs nicht erfunden...
es entsteht also 01tag.html*/
window.location.href = target;
/* jetzt schreiben wir das mal in die Adressleiste */
}
//-->
</script>Das Skript gehört in den header des Dokuments. Du musst die Zeilen, die ich geändert habe, auch anpassen.
Besser wäre aber gerde hier serverseitiges Scripting, weil das jeder Browser kann. Vermutlich wirst Du aber keinen Webspace mit der Möglichkeit CGI's oder PHP auszuführen haben .
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Meinereinerselbst ist auf der Suche nach Aufträgen-
hallo fastix,
habe jetzt den code funzt aber nicht:
<html>
<head>
<title>Auswahl Spieltage</title>
<script type="text/javscript">
<!--
function myGoTo() {
target = document.forms['auswahl'].elements['selector'].value;
/* Die Variable "target" ist jetzt: 01 ... 04 */
target = target + "tag.html";
/* das "+" hängt Texte an... naja: ich habs nicht erfunden...
es entsteht also 01tag.html*/
window.location.href = target;
/* jetzt schreiben wir das mal in die Adressleiste */
}
//-->
</script>
</head>
<body>
<form>
Spieltag:
<select name="Spieltage" name="selector">
<option value="01">01. Spieltag</option>
<option value="02">02. Spieltag</option>
<option value="03">03. Spieltag</option>
<option value="04">04. Spieltag</option>
</select>
<input type="button" name="spieltag" value="Spieltag anzeigen" onclick="myGoTo()">
</form>
</body>
</html>kannst du mir da bitte nocheinmal helfen.
lieben dank
bernd
Moin!
<html>
<head>
<title>Auswahl Spieltage</title>
</head>
<body>
<form name="auswahl">
Spieltag:
<select name="Spieltage" name="selector">
<option value="01">01. Spieltag</option>
<option value="02">02. Spieltag</option>
<option value="03">03. Spieltag</option>
<option value="04">04. Spieltag</option>
</select>
<input type="button" name="spieltag" value="Spieltag anzeigen" onclick="myGoTo()">
</form>
</body>
</html>Nun, mit den Mittel von reinem HTML wird das nichts. Die (schlechte)
Javascriptlösung sieht so aus:<script type="text/javscript">
<!--
function myGoTo() {
target = document.forms['auswahl'].elements['selector'].value;
/* Die Variable "target" ist jetzt: 01 ... 04 */
target = target + "tag.html";
/* das "+" hängt Texte an... naja: ich habs nicht erfunden...
es entsteht also 01tag.html*/
window.location.href = target;
/* jetzt schreiben wir das mal in die Adressleiste */
}
//-->
</script>Das Skript gehört in den header des Dokuments. Du musst die Zeilen, die ich geändert habe, auch anpassen.
Besser wäre aber gerde hier serverseitiges Scripting, weil das jeder Browser kann. Vermutlich wirst Du aber keinen Webspace mit der Möglichkeit CGI's oder PHP auszuführen haben .
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
-
Moin!
<form name="auswahl">
musst Du noch anpassen. Ansonsten interessieren uns natürlich die Fehlermeldungen. Am besten die von Netscape6/Mozilla 1.xx.
(Tools-> Webentwicklung ->Javascriptconsole)MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Meinereinerselbst ist auf der Suche nach Aufträgen-
Moin!
<select name="Spieltage" name="selector">
Du musst also auch noch meinen Fehler ausbügeln-
richtig ist:
<form name="auswahl">
<select name="selector">MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Meinereinerselbst ist auf der Suche nach Aufträgen
-
-
-
Hi,
<select name="Spieltage" name="selector">
Unsinn. Jedes Attribut darf im Element nur höchstens einmal vorkommen.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/-
Moin!
Hi,
<select name="Spieltage" name="selector">
Unsinn. Jedes Attribut darf im Element nur höchstens einmal vorkommen.
Stimmt. Hab ich übersehen.
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
--
Meinereinerselbst ist auf der Suche nach Aufträgen
-
-