DHTML Menü auf NS Site geht trotz ausgeschaltetem Javascript

[Peter]

Hallo Forum,

Auf der Nestcape Site http://devedge.netscape.com/ ist oben
ein DHTML Menü, das funktioniert bei mir im Mozilla auch mit deaktiviertem
Javascript...
Bei anderen Seiten wie
http://selfhtml.teamone.de/javascript/beispiele/index.htm
ist es, wie es sein sollte deaktiviert. Browser neu gestartet, kein
Unterschied. Hat da jemand eine Erklärung für?

Getestet mit Mozilla 1.2.1 und 1.3beta. Im IE lässt es sich deaktivieren.

[Benjamin Wilfing]

Hallo Peter,

Auf der Nestcape Site http://devedge.netscape.com/ ist oben
ein DHTML Menü, das funktioniert bei mir im Mozilla auch mit deaktiviertem
Javascript...
Bei anderen Seiten wie
http://selfhtml.teamone.de/javascript/beispiele/index.htm
ist es, wie es sein sollte deaktiviert. Browser neu gestartet, kein
Unterschied. Hat da jemand eine Erklärung für?

Ich kann das Problem nicht nachvollziehen. Javascript im Mozilla deaktiviert [1] - und schwupps, sogar ohne Browserneustart - funktioniert das Menü nicht mehr.

Getestet mit Mozilla 1.2.1 und 1.3beta.

Ich habe hier auch den Mozilla 1.2.1

[1] Wie bist du beim Deaktivieren von Javascript im Mozilla vorgegangen? Ich habe folgendes gemacht: Menü "Bearbeiten" -> "Einstellungen" -> "Erweitert" -> "Scripts & Plugins" -> "Javascript aktivieren für [ ] Navigator" (also den Haken dort wegmachen.

Grüße aus Darmstadt,
Benjamin

[Peter]

Hallo,

Danke für die Antwort. Für alle die nicht im Chat waren
zur Info, Phänomen tritt bei zwei Rechnern auf.

mfg,
Peter

[Thomas J.S.]

Hallo,

Auf der Nestcape Site http://devedge.netscape.com/ ist oben
ein DHTML Menü, das funktioniert bei mir im Mozilla auch mit deaktiviertem
Javascript...

Kein wunder, der das Menü oben ist mit CSS gemacht und nicht mit JavaScript.

<div id="navbar">
<ul class="nde-menu-system">
<li class="submenu">
<a href="http://devedge.netscape.com/central/">Tech Central</a>
<ul>
---------------------------------------------
ul.nde-menu-system li.submenu:hover ul
{
  left: 0;
  visibility: visible;
}

Du kannst dir die Seite einfach aus dem Quelltext kopieren und abspeichern, dann die <script> Teile rausnehmen und das Menü funktioniert trotzdem ;-)

Grüße
Thomas

[Peter]

Hallo,

Danke für die Antwort.
Coole Sache, aber warum lässt sich das Menü dann im IE
deaktivieren wenn man dort Javascript ausschaltet...

mfg,
Peter

[AlexBausW]

Hallo,

["DHTML"-Menu mit CSS]

[...]
Coole Sache, aber warum lässt sich das Menü dann im IE
deaktivieren wenn man dort Javascript ausschaltet...

Ist denn der Quelltext den der IE sieht der gleiche wie für Mozilla?

Gruß Alex

[Thomas J.S.]

Hallo,

Danke für die Antwort.
Coole Sache, aber warum lässt sich das Menü dann im IE
deaktivieren wenn man dort Javascript ausschaltet...

Ich habe jetzt das nicht extra überprüft, aber von den diversen Eintragungen im CSS und Quelltext vermute ich, dadurch dass der IE nur die Hälfte der CSS-Angaben versteht einiges für die IE mit JavaScript realisiert wurde.

Grüße
Thomas

[Sebastian Mößner]

Sers,

Coole Sache, aber warum lässt sich das Menü dann im IE
deaktivieren wenn man dort Javascript ausschaltet...

Der IE versteht das CSS Pseudoformat :hover nur bei Links, nicht aber bei anderen HTML Elementen. Mozilla, Opera 7, usw akzeptieren, dieses auch in anderen Verbindungen, wie du an der Netscape Seite sehen kannst.

mfg
Sebastian

[Benjamin Wilfing]

Hallo Thomas,

Kein wunder, der das Menü oben ist mit CSS gemacht und nicht mit JavaScript.

Ja, das dachte ich auch zuerst, aber dann ist es doch um so verwunderlicher, dass sich das Menü bei mir durch Abschalten von Javascript auch unter Mozilla abschalten lässt (ich habe das soeben nochmal mit dem 1.2.1er unter Linux getestet).

Grüße aus Darmstadt,
Benjamin

[Sebastian Mößner]

Sers,

Ja, das dachte ich auch zuerst, aber dann ist es doch um so verwunderlicher, dass sich das Menü bei mir durch Abschalten von Javascript auch unter Mozilla abschalten lässt (ich habe das soeben nochmal mit dem 1.2.1er unter Linux getestet).

Hast du die Seite neugeladen, nachdem du Javascript ausgestellt hast?

So hat es zumindest bei meinem Phoenix funktioniert.

mfg
Sebastian

[Benjamin Wilfing]

Hallo Sebastian,

Hast du die Seite neugeladen, nachdem du Javascript ausgestellt hast?

Ja, dann sieht die Sache schon ganz anders aus. Darauf muss man aber auch erstmal kommen... ;-)

Grüße aus Darmstadt,
Benjamin

[Thomas J.S.]

Hallo Benjamin,

Kein wunder, der das Menü oben ist mit CSS gemacht und nicht mit JavaScript.

Ja, das dachte ich auch zuerst, aber dann ist es doch um so verwunderlicher, dass sich das Menü bei mir durch Abschalten von Javascript auch unter Mozilla abschalten lässt (ich habe das soeben nochmal mit dem 1.2.1er unter Linux getestet).

Dann hast du was falsch gemacht: bitte hier der Relevante Code ohne JS.

Grüße
Thomas

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type">
<title>Netscape DevEdge</title>
<link rel="icon" href="http://devedge.netscape.com/favicon.ico" type="image/ico">
<link rel="stylesheet" href="http://devedge.netscape.com/lib/css/nde-basic.css" type="text/css" media="all">
<link rel="stylesheet" href="http://devedge.netscape.com/lib/css/nde-central.css" type="text/css" media="all">
<link rel="stylesheet" href="http://devedge.netscape.com/lib/css/nde-home.css" type="text/css">
<link rel="stylesheet" type="text/css" href="http://devedge.netscape.com/lib/css/cssjsmenudhtml.css" media="all">
<link rel="stylesheet" type="text/css" href="http://devedge.netscape.com/lib/css/cssjsmenuhover.css" media="all" id="hoverJS">
<link rel="stylesheet" type="text/css" href="http://devedge.netscape.com/lib/css/cssjsmenupreso.css" media="all">
<link rel="stylesheet" href="http://devedge.netscape.com/lib/css/nde-blue.css" type="text/css" title="Blue" media="screen">
<link rel="alternate stylesheet" href="http://devedge.netscape.com/lib/css/nde-tan.css" type="text/css" title="Tan" media="screen">
<link rel="alternate stylesheet" href="http://devedge.netscape.com/lib/css/nde-gray.css" type="text/css" title="Gray" media="screen">
<link rel="alternate stylesheet" href="http://devedge.netscape.com/lib/css/nde-classic.css" type="text/css" title="Classic" media="screen">

</head>
<body>

<div id="main">

<div id="navbar"><ul class="nde-menu-system">
<li><a href="http://developer.netscape.com/index-archive.html">Archive</a></li>
<li><a href="http://devedge.netscape.com/viewsource/">ViewSource</a></li>
<li class="submenu">
<a href="http://devedge.netscape.com/central/">Tech Central</a><ul>
<li><a href="http://devedge.netscape.com/central/css/">CSS</a></li>
<li><a href="http://devedge.netscape.com/central/dom/">DOM</a></li>
<li><a href="http://devedge.netscape.com/central/gecko/">Gecko</a></li>
<li><a href="http://devedge.netscape.com/central/html/">HTML</a></li>

<li><a href="http://devedge.netscape.com/central/javascript/">JavaScript</a></li>
<li><a href="http://devedge.netscape.com/central/plugins/">Plugins</a></li>
<li><a href="http://devedge.netscape.com/central/security/">Security</a></li>
<li><a href="http://devedge.netscape.com/central/xml/">XML</a></li>
</ul>
</li>
<li class="submenu">
<a href="http://devedge.netscape.com/library/">Library</a><ul>
<li><a href="http://devedge.netscape.com/library/manuals/">Manuals</a></li>
<li><a href="http://devedge.netscape.com/library/xref/">Cross References</a></li>

</ul>
</li>
<li class="submenu">
<a href="http://devedge.netscape.com/toolbox/">Toolbox</a><ul>
<li><a href="http://devedge.netscape.com/toolbox/tools/">Development Tools</a></li>
<li><a href="http://devedge.netscape.com/toolbox/tools-validation/">Validation Tools</a></li>
<li><a href="http://devedge.netscape.com/toolbox/sidebars/">Sidebar Tabs</a></li>
<li><a href="http://devedge.netscape.com/central/gecko/2002/add-ons/">Browser Add Ons</a></li>
<li><a href="http://devedge.netscape.com/toolbox/examples/2002/xb/">APIs</a></li>
<li><a href="http://devedge.netscape.com/toolbox/examples/2003/dom-style/">DHTML Demos</a></li>

</ul>
</li>
<li class="submenu">
<a href="http://devedge.netscape.com/central/gecko/2002/download/">Downloads</a><ul>
<li><a href="http://channels.netscape.com/ns/browsers/7/download.jsp">Netscape 7</a></li>
<li><a href="http://free.aol.com/tryaolfree/dnld_aol/download_aol.adp#mac_os_x">AOL for Mac OSX</a></li>
<li><a href="http://www.compuserve.com">CompuServe 7</a></li>
<li><a href="http://ftp.mozilla.org/pub/mozilla/releases/mozilla1.0/">Mozilla 1.0</a></li>
<li><a href="http://ftp.mozilla.org/pub/mozilla/nightly/latest/">Latest Mozilla builds</a></li>
</ul>
</li>

<li class="submenu">
<a href="http://devedge.netscape.com/community/">Community</a><ul>
<li><a href="http://devedge.netscape.com/community/news/">Newsletter</a></li>
<li><a href="http://devedge.netscape.com/community/newsgroups/">Newsgroups</a></li>
</ul>
</li>
<li class="submenu">
<a href="http://devedge.netscape.com/help/">Help</a><ul>
<li><a href="http://devedge.netscape.com/sitemap/">Site Map</a></li>
<li><a href="http://devedge.netscape.com/viewsource/2003/devedge-redesign/">About DevEdge</a></li>
<li><a href="http://devedge.netscape.com/community/feedback/">Feedback</a></li>

</ul>
</li>
<li class="submenu">
<a href="http://devedge.netscape.com/viewsource/2003/devedge-intl/">International</a><ul>
<li><a href="http://devedge.netscape.com/index_fr.html" title="DevEdge French">Français</a></li>
<li><a href="http://devedge.netscape.com/index_ja.html"><img src="http://devedge.netscape.com/lib/images/japan.gif" title="DevEdge Japanese" style="border: none;" alt="DevEdge Japan"></a></li>
<li><a href="http://devedge.netscape.com/index_pt_br.html" title="DevEdge Portuguese">Português</a></li>
</ul>
</li>
</ul>
</div>
</div>

</body>
</html>