nicht angemeldet
Dropdownmenü
Hi
ich möchte über ein dropdownmenue nach einer auswahl eines themas bspw. ein popup öffnen mit bestimmter größe und nicht ein neues fenster oder den link im gleichen fenster aufgehen lassen. hat jemand evtl eine idee oder ein tutorial wie ich das bewerkstelligen kann?
Dank euch
Gruß
-
hi
man kann popup veschiden interpretieren.
1:ein neues fenster öffent sich - mit bestimmten eingeschaften
http://selfhtml.teamone.de/javascript/objekte/window.htm#open2: ein div tag wird eingeblendet
<html>
<head>
<style type="text/css">
.popup {position:absolute; left:50px; top:50px; height:200px; width:200px; visibility:hidden; background-color:red;}
</style>
<script laguage="JavaScript">
eingeblendet = false
function einblenden(label) {
if (label=='auswahlen') {
if (eingeblendet==false) {
document.getElementById('popup1').style.visibility="visible"
eingeblendet=true
}
if (eingeblendet==true) {eingeblendet=false
}
}
}
</script>
</head>
<body>
<div class="popup" id="popup1">
<p>es öffnet sich</p>
</div>
<form name="dieform">
<select name="wahlen" onChange="einblenden(this.form.wahlen.options[this.form.wahlen.options.selectedIndex].value)">
<option value="normal">normal</option>
<option value="auswahlen">klick</option>
</select>
</form>
</body>
</html>Grüße aus Düsseldorf
Aleksej
-
Danke für die schnelle Antwort aber so meinte ich das nicht. Es soll nach Auswahl ein eigenständiges neues Fenster in bestimmter größe aufgehen.
Gruß
-
Hi
Das ist noch einfacher:
<html>
<head>
<style type="text/css">
.popup {position:absolute; left:50px; top:50px; height:200px; width:200px; visibility:hidden; background-color:red;}
</style>
<script laguage="JavaScript">
eingeblendet = false
function einblenden(label) {
if (label=='auswahlen1') {// Die Fenster eingenschaften bestimmten: http://selfhtml.teamone.de/javascript/objekte/window.htm#open
window.open('fensetr1.html','fenser1','left=200,top=140')
}
if (label=='auswahlen2') {
window.open('fensetr2.html','fenser2','left=200,top=140')
}
}
</script>
</head>
<body>
<div class="popup" id="popup1">
<p>es öffnet sich</p>
</div>
<form name="dieform">
<select name="wahlen" onChange="einblenden(this.form.wahlen.options[this.form.wahlen.options.selectedIndex].value)">
<option value="normal">normal</option>
<option value="auswahlen1">klick1</option>
<option value="auswahlen2">klick2</option>
</select>
</form>
</body>
</html>Aleksej
-
-