DYNAMİC DROP MENÜ
GURURUM5 :: WEBMASTER :: HTML KODLARI
1 sayfadaki 1 sayfası
DYNAMİC DROP MENÜ
- Kod:
<body onload="redirect(0)">
<form name="formular">
<select name="stage0" size="1" onclick="redirect(1)">
</select>
<select name="stage1" size="1" onclick="redirect(2)">
</select>
<select name="stage2" size="1">
</select>
<input type="button" name="test" value="Go!" onClick="go()"></p>
<script type="text/javascript">
<!--
//@ Autor: Danny Rosifka
//@ publisher: javarea.de
//Bitte entfernen Sie diesen Vermerk nicht !
var fields = new Array(
document.formular.stage0,
document.formular.stage1,
document.formular.stage2
);
var group = new Array();
group[0] = new Array(
new Option("Ebene 1"),
new Option("Ebene 2"),
new Option("Ebene 3")
);
group[1] = new Array(
new Array(
new Option("Ebene 1.1"),
new Option("Ebene 1.2")
),
new Array(
new Option("Ebene 2.1"),
new Option("Ebene 2.2")
),
new Array(
new Option("Ebene 3.1"),
new Option("Ebene 3.2")
)
);
group[2] = Array(
new Array(
new Array(
new Option("Ebene 1.1.1", "http://www.javarea.de"),
new Option("Ebene 1.1.2", "http://www.google.de")
),
new Array(
new Option("Ebene 1.2.1", "http://www.youtube.de"),
new Option("Ebene 1.2.2", "http://www.php.net")
)
),
new Array(
new Array(
new Option("Ebene 2.1.1", "http://www.flickr.com"),
new Option("Ebene 2.1.2", "http://www.studivz.de")
),
new Array(
new Option("Ebene 2.2.1", "http://www.wikipedia.de"),
new Option("Ebene 2.2.2", "http://www.javarea.de")
)
),
new Array(
new Array(
new Option("Ebene 3.1.1", "http://www.javarea.de"),
new Option("Ebene 3.1.2", "http://www.javarea.de")
),
new Array(
new Option("Ebene 3.2.1", "http://www.javarea.de"),
new Option("Ebene 3.2.2", "http://www.javarea.de")
)
)
);
function redirect(level) {
newgroup = group[level];
for(i = 0; i < level; i++) {
newgroup = newgroup[fields[i].options.selectedIndex];
}
draw(newgroup, level);
}
function draw(g, level) {
var select = fields[level];
for(f = level; f < fields.length; f++) {
selectfield = fields[f];
for (m = selectfield.options.length-1;m>=0;m--) {
selectfield.options[m]=null
}
selectfield.style.visibility = 'hidden';
}
for(i = 0; i < g.length; i++) {
select.options[i] = g[i];
}
select.style.visibility = 'visible';
}
function go() {
select = fields[fields.length-1];
location= select.options[select.selectedIndex].value;
}
-->
</script>
</form>
GURURUM5 :: WEBMASTER :: HTML KODLARI
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz