[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: 45

7. Feb 2007, 17:43
Beitrag # 1 von 6
Bewertung:
(1621 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, 18:17
Beitrag # 2 von 6
Beitrag ID: #275029
Bewertung:
(1614 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: 45

7. Feb 2007, 18:21
Beitrag # 3 von 6
Beitrag ID: #275030
Bewertung:
(1610 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, 18:45
Beitrag # 4 von 6
Beitrag ID: #275040
Bewertung:
(1606 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.
Gruß Sabine


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

CSS-Menü mit Java Script-Problem

Medienoperator
Beiträge gesamt: 45

7. Feb 2007, 18:50
Beitrag # 5 von 6
Beitrag ID: #275043
Bewertung:
(1601 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, 20:51
Beitrag # 6 von 6
Beitrag ID: #275061
Bewertung:
(1589 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
Gruß Sabine


als Antwort auf: [#275043]
X

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
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
12.03.2021 - 16.07.2021

Digicomp Academy AG, Zürich oder virtuell
Freitag, 12. März 2021, 13.00 Uhr - Freitag, 16. Juli 2021, 17.00 Uhr

Lehrgang

Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von publishingNETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen.

Preis: CHF 6'300.-
Dauer: 18 Tage (ca. 126 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PBAS