[GastForen Programmierung/Entwicklung JavaScript CSS-Menü mit Java Script-Problem

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS-Menü mit Java Script-Problem

Medienoperator
Beiträge gesamt: 46

7. Feb 2007, 18:43
Beitrag # 1 von 6
Bewertung:
(1662 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo. Habe hier folgenden Quellcode und das Problem, dass das Menü - einmal aufgeklappt - nicht mehr zuklappt. Und ich habe keinen Plan, warum.

Hier mein Code:
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Expanding horizontal menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
<!--
function flutsch(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>


<style type="text/css">
<!--
/* CSS from tutorials of www.alsacreations.com/articles */



#menu dl,
#menu dt,
#menu dd,
#menu ul,
#menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}




-->
</style>
</head>

<body>

<div id="menu">

<dl>
<dt onmouseover="javascript:flutsch('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sub Menu 1.1</a></li>

<li><a href="#">Sub Menu 1.2</a></li>
<li><a href="#">Sub Menu 1.3</a></li>
<li><a href="#">Sub Menu 1.4</a></li>
<li><a href="#">Sub Menu 1.5</a></li>
<li><a href="#">Sub Menu 1.6</a></li>
</ul>

</dd>
</dl>


<dl>
<dt onmouseover="javascript:flutsch();"><a href="">Menu 2</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:flutsch('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>

<li><a href="#">Sub Menu 3.1</a></li>
<li><a href="#">Sub Menu 3.2</a></li>
<li><a href="#">Sub Menu 3.3</a></li>
<li><a href="#">Sub Menu 3.4</a></li>
<li><a href="#">Sub Menu 3.5</a></li>
</ul>

</dd>
</dl>

<dl>
<dt onmouseover="javascript:flutsch('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sub Menu 4.1</a></li>
<li><a href="#">Sub Menu 4.2</a></li>

<li><a href="#">Sub Menu 4.3</a></li>
</ul>
</dd>
</dl>

</div>




</body>
</html>
[/code]
X

CSS-Menü mit Java Script-Problem

SabineP
Beiträge gesamt: 7586

7. Feb 2007, 19:17
Beitrag # 2 von 6
Beitrag ID: #275029
Bewertung:
(1655 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Medienoperator,

ein Hauptmenü klappt zu, sobald die Maus ein anderes Hauptmenü berührt.

Gruß Sabine


als Antwort auf: [#275019]

CSS-Menü mit Java Script-Problem

Medienoperator
Beiträge gesamt: 46

7. Feb 2007, 19:21
Beitrag # 3 von 6
Beitrag ID: #275030
Bewertung:
(1651 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Obiges leider nicht.
Kann es mit dem Browser zusammenhängen? In FF2 und IE6,7 funktioniert es zumindest nicht.


als Antwort auf: [#275029]

CSS-Menü mit Java Script-Problem

SabineP
Beiträge gesamt: 7586

7. Feb 2007, 19:45
Beitrag # 4 von 6
Beitrag ID: #275040
Bewertung:
(1647 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Probier mal hier das Orginalscript in Firefox 2 und IE 6,7.
http://tutorials.alsacreations.com/modelesmenus/hd1.htm
Firefox 2 und IE 6,7 habe ich nicht zum Testen.
Schau einfach mal in der Javascript-Konsole nach Fehlermeldungen.


als Antwort auf: [#275030]
(Dieser Beitrag wurde von SabineP am 7. Feb 2007, 19:47 geändert)

CSS-Menü mit Java Script-Problem

Medienoperator
Beiträge gesamt: 46

7. Feb 2007, 19:50
Beitrag # 5 von 6
Beitrag ID: #275043
Bewertung:
(1642 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das klappt auch nicht zu. Klar, da ist bei "home" und "Menu2" kein Untermenü, aber wenn ich z.B. "Menu4" aufklappe und mit der Maus einfach weiter nach unten fahre und das Untermenü sozusagen verlasse, klappt es nicht zu. Aber genau dies hätte ich gerne.


als Antwort auf: [#275040]

CSS-Menü mit Java Script-Problem

SabineP
Beiträge gesamt: 7586

7. Feb 2007, 21:51
Beitrag # 6 von 6
Beitrag ID: #275061
Bewertung:
(1630 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Schau mal hier nach, da gibt es eine reiche Auswahl an solchen Menüs:
http://hotscripts.com/...ion/Menus/index.html


als Antwort auf: [#275043]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/