Hallo Ihr,
ich habe ne Seite gemacht mit einem Java DropDown-Menu mit übergängen.
Das Problem ist: Ich klicke auf die erste Oberkategorie und es werden nur 3 von 7 untermenupunkten sichbar. Habe schon bissle versucht selbst zu tüfteln habe es aber nicht hin bekommen.
Das ist der part in der Index.php:
und hier das ist das skript.js:
Könnte jemand sich das mal angucken bitte?
Liebe Grüße
SEK1989
ich habe ne Seite gemacht mit einem Java DropDown-Menu mit übergängen.
Das Problem ist: Ich klicke auf die erste Oberkategorie und es werden nur 3 von 7 untermenupunkten sichbar. Habe schon bissle versucht selbst zu tüfteln habe es aber nicht hin bekommen.
Das ist der part in der Index.php:
PHP:
<script src="script.js" type="text/javascript"></script>
PHP:
<ul>
<li><a href="Javascript:navi(1)">Einjähriges Berufskolleg Wirtschaft</a></li>
<ul style="overflow:hidden;" id="n1">
<li onMouseOver="startrotate('n1_1');" onMouseOut="stoprotate('n1_1');" id="n1_1" style="position:relative;"><a href="index.php?content=aufnahmevorraussetzungen">Aufnahmevorraussetzungen</a></li>
<li onMouseOver="startrotate('n1_2');" onMouseOut="stoprotate('n1_2');" id="n1_2" style="position:relative;"><a href="index.php?content=unterrichtsinhalte">Unterrichtsfächer</a></li>
<li onMouseOver="startrotate('n1_3');" onMouseOut="stoprotate('n1_3');" id="n1_3" style="position:relative;"><a href="index.php?content=abschluss">Abschluss</a></li>
<li onMouseOver="startrotate('n1_4');" onMouseOut="stoprotate('n1_4');" id="n1_4" style="position:relative;"><a href="index.php?content=dauer">Dauer der Schulzeit</a></li>
<li onMouseOver="startrotate('n1_5');" onMouseOut="stoprotate('n1_5');" id="n1_5" style="position:relative;"><a href="index.php?content=kosten">Kosten</a></li>
<li onMouseOver="startrotate('n1_6');" onMouseOut="stoprotate('n1_6');" id="n1_6" style="position:relative;"><a href="index.php?content=foerderung">Förderung</a></li>
<li onMouseOver="startrotate('n1_7');" onMouseOut="stoprotate('n1_7');" id="n1_7" style="position:relative;"><a href="index.php?content=praktikum">Praktikum</a></li>
</ul>
<li><a href="Javascript:navi(2)">Bürokaufmann </a></li>
<ul style="overflow:hidden;" id="n2">
<li onMouseOver="startrotate('n2_1');" onMouseOut="stoprotate('n2_1');" id="n2_1" style="position:relative;"><a href="index.php?content=unterrichtsfaecher">Unterrichtsfächer</a></li>
<li onMouseOver="startrotate('n2_2');" onMouseOut="stoprotate('n2_2');" id="n2_2" style="position:relative;"><a href="index.php?content=aufnahme">Aufnahmevorraussetzungen</a></li>
<li onMouseOver="startrotate('n2_3');" onMouseOut="stoprotate('n2_3');" id="n2_3" style="position:relative;"><a href="index.php?content=abschlussa">Abschluss</a></li>
<li onMouseOver="startrotate('n2_4');" onMouseOut="stoprotate('n2_4');" id="n2_4" style="position:relative;"><a href="index.php?content=dauera">Dauer der Schulzeit</a></li>
<li onMouseOver="startrotate('n2_5');" onMouseOut="stoprotate('n2_5');" id="n2_5" style="position:relative;"><a href="index.php?content=kostena">Kosten</a></li>
</ul>
<li><a href="Javascript:navi(3)">Kaufmann für Bürokommunikation</a></li>
<ul style="overflow:hidden;" id="n3">
<li onMouseOver="startrotate('n3_1');" onMouseOut="stoprotate('n3_1');" id="n3_1" style="position:relative;"><a href="index.php?content=unterricht">Unterrichtsfächer</a></li>
<li onMouseOver="startrotate('n3_2');" onMouseOut="stoprotate('n3_2');" id="n3_2" style="position:relative;"><a href="index.php?content=aufnahme">Aufnahmevorraussetzungen</a></li>
<li onMouseOver="startrotate('n3_3');" onMouseOut="stoprotate('n3_3');" id="n3_3" style="position:relative;"><a href="index.php?content=abschlussb">Abschluss</a></li>
<li onMouseOver="startrotate('n3_4');" onMouseOut="stoprotate('n3_4');" id="n3_4" style="position:relative;"><a href="index.php?content=dauerb">Dauer der Schulzeit</a></li>
<li onMouseOver="startrotate('n3_5');" onMouseOut="stoprotate('n3_5');" id="n3_5" style="position:relative;"><a href="index.php?content=kostenb">Kosten</a></li>
</ul>
<li><a href="Javascript:navi(4)">Aktuelles</a></li>
<ul style="overflow:hidden;" id="n4">
<li onMouseOver="startrotate('n4_1');" onMouseOut="stoprotate('n4_1');" id="n4_1" style="position:relative;"><a href="#">Link 1</a></li>
<li onMouseOver="startrotate('n4_2');" onMouseOut="stoprotate('n4_2');" id="n4_2" style="position:relative;"><a href="#">Link 2</a></li>
<li onMouseOver="startrotate('n4_3');" onMouseOut="stoprotate('n4_3');" id="n4_3" style="position:relative;"><a href="#">Link 3</a></li>
</ul>
</ul>
<script type="text/javascript">
firststart();
</script>und hier das ist das skript.js:
PHP:
height = 0;
currentheight=0;
aktiv = "";
times_sin = 0;
times_away = 1;
aktiv_rotate = "";
function firststart(){
for(i=1;i<=4;i++){
document.getElementById('n'+i).style.height= "1px";
}
}
function getHeight(id){
switch (id){
case 1:
return 100;
break;
case 2:
return 100;
break;
case 3:
return 100;
break;
case 4:
return 100;
break;
case 5:
return 100;
break;
}
}
function navi(id){
if(aktiv == ""){
if(document.getElementById('n'+id).style.height != "1px"){
currentheight = getHeight(id);
aktiv = window.setInterval('closemenu('+id+')', 10);
}else{
height=getHeight(id);
currentheight = 0;
aktiv = window.setInterval('openmenu('+id+')', 10);
last = id;
}
}
}
function closemenu(id){
if(currentheight-7 > 1){
currentheight -= 7;
document.getElementById('n'+id).style.height = currentheight+"px";
}else{
document.getElementById('n'+id).style.height = "1px";
window.clearInterval(aktiv);
aktiv = "";
}
}
function openmenu(id){
if(currentheight +7 < height){
currentheight += 7;
document.getElementById('n'+id).style.height = currentheight+"px";
}else{
document.getElementById('n'+id).style.height = height+"px";
window.clearInterval(aktiv);
aktiv = "";
}
}
function startrotate(r_id){
aktiv_rotate = window.setInterval('rotate("'+r_id+'")', 75);
}
function stoprotate(r_id){
window.clearInterval(aktiv_rotate)
times_sin = 0;
document.getElementById(r_id).style.top= "0px";
}
function rotate(r_id){
document.getElementById(r_id).style.top= Math.round(3 * Math.sin(times_sin))+"px";
times_sin++;
}
function start_flyaway(id){
aktiv_away = window.setInterval('flyaway("'+id+'")', 10);
}
function flyaway(id){
document.getElementById(id).style.left = (times_away*30)+"px";
times_away++;
if(times_away==10){
times_away = 1;
window.clearInterval(aktiv_away);
window.location.href = "test.html";
}
}Könnte jemand sich das mal angucken bitte?
Liebe Grüße
SEK1989
