Autor |
Nachricht |
bbcsb
Threadersteller
Dabei seit: 09.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 19.08.2008 10:30
Titel [JS]Menüpunkte beim Laden anzeigen |
|
|
Hallo,
ich habe mal wieder ein kleines Problem mit einem Menü, welches auf JS und XHTML basiert.
Zuerstmal das Menü:
JavaScript:
Code: | <script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
|
Das "eigentliche" Menü:
Code: | <dl id="menu">
<dt onclick="javascript:show();"><a href="#">- News</a></dt>
<dt onclick="javascript:show('smenu2');">- Prozesse</dt>
<dd id="smenu2">
<ul>
<li><a href="#">sub-menu 2.1</a></li>
<li><a href="#">sub-menu 2.2</a></li>
<li><a href="#">sub-menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu3');">- Infos / Formulare</dt>
<dd id="smenu3">
<ul>
<li><a href="#">sub-menu 3.1</a></li>
<li><a href="#">sub-menu 3.1</a></li>
<li><a href="#">sub-menu 3.1</a></li>
<li><a href="#">sub-menu 3.1</a></li>
<li><a href="#">sub-menu 3.1</a></li>
<li><a href="#">sub-menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu4');">- Firmenrichtlinien</dt>
<dd id="smenu4">
<ul>
<li><a href="#">sub-menu 4.1</a></li>
<li><a href="#">sub-menu 4.1</a></li>
</ul>
</dd>
</dl> |
und soweit noch interesant die CSS
Code: | <style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
|
Meine Frage wäre jetzt: wie bekomme ich es hin, dass einzelne Menüs bereits beim Laden offen sind und nicht erst angeklickt werden müssen...???
Bin über jede Hilfe dankbar
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Di 19.08.2008 10:33
Titel
|
|
|
edit: ach ne, vergiss meinen post.
andere frage, warum ist es ein dropdown menü, wenn die dinger eh ausgefahren sind?
Zuletzt bearbeitet von choise am Di 19.08.2008 10:34, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
bbcsb
Threadersteller
Dabei seit: 09.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 19.08.2008 12:52
Titel
|
|
|
Naja die Dinger sind ja NICHT ausgefahren, ich möchte aber, dass einige Reiter von Grund auf ausgefahren sind... standardmäßig sind sie zusammengeklappt
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 19.08.2008 12:56
Titel
|
|
|
bbcsb hat geschrieben: | Naja die Dinger sind ja NICHT ausgefahren, ich möchte aber, dass einige Reiter von Grund auf ausgefahren sind... standardmäßig sind sie zusammengeklappt |
Na du gibst den Elementen die ausgefahren sein sollen von anfang an per ID oder Klasse den Wert display: block; ?
|
|
|
|
|
bbcsb
Threadersteller
Dabei seit: 09.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 19.08.2008 13:08
Titel
|
|
|
Das funktioniert leider nicht, hab jetzt in die CSS zusätzlich:
Code: | .menuo {
cursor: pointer;
margin: 1px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
font-size: 13px;
border: 1px solid gray;
display: block;
background: #ccc;
} |
reingeschrieben und den entsprechenden Abschnitt
Code: | <dt class="menuo" onclick="javascript:show('smenu2');">- Prozesse</dt>
<dd id="smenu2">
<ul>
<li><a href="#">sub-menu 2.1</a></li>
<li><a href="#">sub-menu 2.2</a></li>
<li><a href="#">sub-menu 2.3</a></li>
</ul>
</dd>
|
findet jemand den Fehler oder bin ich einfach nur total blöd??? ^^
|
|
|
|
|
|
|
|
Ähnliche Themen |
Menüpunkte im Hauptcontent laden
Flash: Bilder (jpg) via XML laden, preloaden, anzeigen
menüpunkte
einzelne Menüpunkte gestalten
[Typo3] Menüpunkte zählen
Fliegende / Rotierende Menüpunkte für Webseiten
|
|