Archivlink: javarea.de Forum > JavaScript > brauche hilfe bei einem menü
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > brauche hilfe bei einem menü

Pages: [1]
geschrieben von olli26 am 20.05.2006 - 14:47
hi

ich komm nicht dahinter. das menü hier fährt beim aufrufen der websiete den ersten menüteil automatisch runter. wie kann man das machen, das das menü nicht gleich runter fährt sondern wie die anderen menülinks, nur beim drauf klicken ?


gruss,olli


<link rel="stylesheet" title="Screen" href="jssidemenu4_files/jssidemenu4.css" type="text/css" media="screen">
<style type="text/css">
<!--
#main {
margin-left: 9em;
}
#menu {
position: absolute;
left: 0;
margin: 0;
padding: 1ex;
}
#menu a {
display: block;
padding-left: 1em;
}
#menu ul{
margin-left: 0;
padding-left: 1em;
}
#menu li ul {
padding: 0;
margin: 0;
}
#menu li {
cursor: pointer;
list-style-type: none;
padding: 0;
text-decoration: underline;
display: block;
border: solid 1px white;
}
//-->
</style>


<script type="text/javascript">
<!--
function hideSub( ) {
if (!document.getElementsByTagName)
return;
var mnu = document.getElementById("menu");
var toplis = mnu.getElementsByTagName("li");
for (it = 0; it < toplis.length; it++) { /* each top li */
var sublis = toplis[it].getElementsByTagName("li");
for (is = 0; is < sublis.length; is++) { /* each sub li */
if (sublis[is].style)
if (toplis[it].className == 'show')
sublis[is].style.display = 'block';
else
sublis[is].style.display = 'none';
}
}
}
function mShow(Me)
{
if (!Me.getElementsByTagName)
return;
var mylis = Me.getElementsByTagName("li");
if (!mylis)
return;
for (j = 0; j < mylis.length; j++) {
if (mylis[j].style.display == 'block')
mylis[j].style.display = 'none';
else
mylis[j].style.display = 'block';
}
}
//-->
</script>


<body onload="hideSub();">
<h1>Javascript und css Seitenmenu</h1>
<ul id="menu">
<li onclick="mShow(this);">Options 1
<ul>
<li style="display: none;"><a href="#">Item 1</a></li>
<li style="display: none;"><a href="#">Item 1</a></li>
<li style="display: none;"><a href="#">Item 1</a></li>
<li style="display: none;"><a href="#">Item 1</a></li>
</ul>
</li>
<li class="show" onclick="mShow(this);">Options 2
<ul>
<li style="display: none;"><a href="#">Item 2</a></li>
<li style="display: none;"><a href="#">Item 2</a></li>
<li style="display: none;"><a href="#">Item 2</a></li>
<li style="display: none;"><a href="#">Item 2</a></li>
</ul>
</li>
<li onclick="mShow(this);">Options 3
<ul>
<li style="display: none;"><a href="#">Item 3</a></li>
<li style="display: none;"><a href="#">Item 3</a></li>
<li style="display: none;"><a href="#">Item 3</a></li>
</ul>
</li>
<li onclick="mShow(this);">Options 4
<ul>
<li style="display: none;"><a href="#">Item 4</a></li>
<li style="display: none;"><a href="#">Item 4</a></li>
<li style="display: none;"><a href="#">Item 4</a></li>
<li style="display: none;"><a href="#">Item 4</a></li>
<li style="display: none;"><a href="#">Item 4</a></li>
</ul>
</li>
<li onclick="mShow(this);">Options 5
<ul>
<li style="display: none;"><a href="http://google.com/">Item 5</a></li>
<li style="display: none;"><a href="#&4">Item 5</a></li>
<li style="display: none;"><a href="#&4">Item 5</a></li>
<li style="display: none;"><a href="#&4">Item 5</a></li>
</ul>
</li>
</ul>

geschrieben von René am 20.05.2006 - 19:40
... wenn ich das onload aus dem body nehme bleiben alle Menüpunkte zu.

geschrieben von olli26 am 20.05.2006 - 19:52
shit, war das falsche script. ist zu lange um das hier rein zu stellen. aber hier ist das script:

http://javarea.de/index.php3?openca....amp;id=471

geschrieben von Micha am 20.05.2006 - 20:07
Hi,

Zitat
 Original geschrieben von olli26 am 20.05.2006 - 19:52
ist zu lange um das hier rein zu stellen


Gott sei Dank, denn es ist nur ein Zeichen, das ich mal geändert habe und es geht:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 

<script language="JavaScript" type="text/javascript">
<!--
startup(0);
//-->
</script>


Micha

geschrieben von olli26 am 20.05.2006 - 20:14
oooh man, wie einfach. naja, ich kann leider kein english und hab das einfach nicht gesehen. ich dnake dir !!!


gruss,olli

geschrieben von olli26 am 20.05.2006 - 21:54
so, jetzt geht leider das verlinken nicht.
was stimmt daran nicht ?

so solls gehen:
// Link[nr] = 'position [0 is menu/1 is item] | Link name | url | target (blank|top|frame_name)' var Link = new Array();


das ist mein menü:
Link[0] = '0|&nbsp; Main';
Link[1] = '1|&nbsp; Startseite|haupt.html|target frame_haupt|';

geschrieben von Micha am 20.05.2006 - 21:59
Hi,

das sollte so gehen. Bitte ab jetzt eine Beispielseite (temporär) hochladen.

Micha

geschrieben von olli26 am 20.05.2006 - 22:07
oki. aber so gehtsd leider nicht:

http://www.olli26.de/1-test/

geht immer im neuen fenster auf ;-(

geschrieben von Micha am 20.05.2006 - 22:16
Hi,

nimm mal target raus, das nur "frame_haupt" da steht. Korrigiere dann gleich mal Deinen Framenamen:

HTML-Quelltext
1: 

<frame src='haupt.html' name=haupt scrolling=no marginwidth=0 marginheight=0>


Micha

geschrieben von olli26 am 20.05.2006 - 23:38
he, ich dank dir. es geht.
ist schon einen nachteil, wenn man kein english kann ;-/


gruss,olli

geschrieben von Micha am 21.05.2006 - 10:45
Hi,

ich glaube nicht, das es an der Sprache liegt...

Micha

geschrieben von René am 21.05.2006 - 11:15
Zitat
 Original geschrieben von olli26 am 20.05.2006 - 23:38

ist schon einen nachteil, wenn man kein english kann ;-/

Glaube ich auch nicht, zu jeder Frage die du hier gestellt hast gab es schon Antworten hier im Forum.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.