✔ Popupmenü - Auswahl - Verlinkung

Status
Nicht offen für weitere Antworten.
F

fruchtgummi

Mitglied
Hallo allerseits,

ich glaube, das mein Problem nicht so schwierig ist, aber ich habe im großen www nichts dazu gefunden. Irgendwan - schon lange her - habe ich gesehen, dass es geht.

Da ist ein Popup-Menü, das nicht in einem Formular steht. Wenn ich eine Auswahl treffe, werde ich auf eine entsprechende Seite weitergeleitet. So, wie es versucht habe, geht es jedenfalls nicht:

Code: 
<body bgcolor="#ffffff">
		<p><select name="jahrauswahl" size="1">
				<option value="1">Bitte ausw&auml;hlen</option>
				<option value="2"><a href="http://www.beispiel-xxx.de" target="_top">1949</a></option>
				<option value="3">1967</option>
				<option value="4">1970</option>
			</select></p>
		<p></p>
	</body>

Ihr würdet mir sehr helfen, danke schon mal.
Viele Grüße
fruchtgummi
 
So sollte es funktionieren:

HTML: 
<p>
<select name="jahrauswahl" size="1" onchange="window.open(this.options[this.selectedIndex].value)">
        <option>Bitte ausw&auml;hlen</option>
        <option value="http://www.beispiel-1949.de">1949</option>
        <option value="http://www.beispiel-1967.de">1967</option>
        <option value="http://www.beispiel-1970.de">1970</option>
</select>
</p>
 
Zuletzt bearbeitet von einem Moderator:
Hallo und danke!

Es gibt nur noch ein Problem. Die angeklickte Seite öffnet in einem neuen Fenster, es soll aber über _top kommen, d.h. im selben Fenster aufmachen.

Ich überlege auch noch, ob ich was anderes mache, da der Inhalt der neuen Seite sehr klein ist. Es würde sich auch eine kleinere Fenstergröße anbieten. Das Script wäre so:

JavaScript:fenster('http://www.beispiel-xxx.de','fenster1','width=770,height=460,left=20,top=5,scrollbars=no,toolbar=no')

Das dazugehörige Javascript steht natürlich im Headbereich.
Könnte man das auch über das Popupmenü einbauen? Falls nicht, wäre es schön, wenn es für das erstere Problem eine Lösung gäb. Dann wär ich auch schon happy...

Viele Grüße
fruchtgummi
 
Seitenaufruf im gleichen Browserfenster:

HTML: 
<p>
<select name="jahrauswahl" size="1" onchange="window.location.href(this.options[this.selectedIndex].value)">
        <option>Bitte ausw&auml;hlen</option>
        <option value="http://www.beispiel-1949.de">1949</option>
        <option value="http://www.beispiel-1967.de">1967</option>
        <option value="http://www.beispiel-1970.de">1970</option>
</select>
</p>

[editpost 05:20]

Hier eine browserübergreifende Lösung, da obiger Script-Code nur im IE funktioniert:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Auswahlliste mit Links</title>

<script type="text/javaScript">
<!--
function surfto(form) {
var myindex=form.jahrauswahl.selectedIndex
if (form.jahrauswahl.options[myindex].value != "0") {
location=form.jahrauswahl.options[myindex].value;}
}
//-->
</script>

</head>
<body>

<form>
<p>
<select name="jahrauswahl" size="1" onchange="surfto(this.form)">
        <option value="1">Bitte auswählen</option>
        <option value="http://www.beispiel1.de">link 1</option>
        <option value="http://www.beispiel2.de">link 2</option>
        <option value="http://www.beispiel3.de">link 3</option>
</select>
</p>
</form>

</body>
</html>
  • Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 8.01
Achtung: hierbei ist das form -Element erforderlich!
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück