Ankündigung

Einklappen
Keine Ankündigung bisher.

Problem mit css/Javascript-Navi

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Problem mit css/Javascript-Navi

    Hallo ich habe hier eine tolle Navigation gefunden, die ich auch in eine Testseite eingebaut habe.
    http://standards.webmasterpro.de/dat...appmenue.html#
    Wenn man auf Einen Navi-Punkt klickt, öffnen sich drunter die Untermenüs. Sie haben als Verweisziel ein #.
    Soweit so gut!
    <a href="#" onclick="javascript:zeigen('submenue1')">Oberpunkt 01</a>

    wenn ich aber die Navi meiner Seite anpasse und HTML-Dateien als Verweise einbinde,

    <a href="ueberuns.html" onclick="javascript:zeigen('submenue1')">Oberpunkt 01</a>

    öffnet sich das Untermenü beim Klicken kurz und geht wieder zu.



    wie kann ich das ändern?
    http://www.erlebniswelt-museum.de/index.html

  • #2
    AW: Problem mit css/Javascript-Navi

    In meinem Firefox funktioniert es prima ?!

    Kommentar


    • #3
      AW: Problem mit css/Javascript-Navi

      Zitat von threadi Beitrag anzeigen
      In meinem Firefox funktioniert es prima ?!
      darf ich mal deinen Quelltext sehen??
      http://www.erlebniswelt-museum.de/index.html

      Kommentar


      • #4
        AW: Problem mit css/Javascript-Navi

        Äh, na der den du da hochgeladen hast

        Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
        <html xmlns="http://www.w3.org/1999/xhtml">  
          
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Webstandards-Projekt - Beipiele</title>
        
        <!-- Dieses Javascript ist für den Wechsel von "unsichtbar" zum Blockelement verantwortlich -->
        
        <script type="text/javascript">
        <!--
        window.onload=zeigen;
        function zeigen(id) {
        	for (var i = 1; i<=5; i++) {
        		if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
        	}
        if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
        }
        //-->
        </script>
        
        
        <style type="text/css">
        
        body 
        {
            background: 	#e8e7e3;
            margin-left:	10%;
        	font-size:		0.8em;
        	font-family:	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        }
        
        a
        {
        	color:			#b3655a;
        	text-decoration:none;
        	background:		#f6f6f6;
        }
        
        a:hover
        {
        	background:		none;
        	color:			#666;
        }
        
        h1
        {
        	color:			#53B1FF;
        	margin:			1em 0;
        	padding:		0;
        	font-size:		2em;
        	text-align:		left;
        }
        
        h1 span
        {
        	font-size:		1.1em;
        	color:			#34537c;
        }
        
        h2
        {
        	color:			#B3655A;
        	margin:			0.5em 0;
        	font-size:		1.2em;
        }
        
        ul, li 
        {
        	margin: 		0;
        	padding: 		0;
        	list-style-type: none;
        }
        
        ul#menue {
        	width: 			300px;
        	margin: 		3em 0 0 0;
        }
        
        ul#menue li a 
        {
        	margin: 		2px 0;
        	height: 		25px;
        	line-height: 	25px;
        	text-align: 	center;
        	border: 		1px solid #666;
        	background: 	#ccc;
        	display:		block;
        	color:			#000;
        	text-decoration:none;
        }
        
        ul#menue li a + ul.submenue{
        	display:		none;
        }
        
        ul#menue li a:focus + ul.submenue {
        	display:		block;
        	color:			#34537c;
        }
        
        ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4 li a{
        	background:		none; /* IE */
        }
        
        </style>
        
        </head>
        
        <body>
        <h1><span>&lt;</span> Aufklappmenü ohne Javascript.<span>&gt;</span></h1>
        
        <p><a title="Javascript sollte aktiviert sein." href="javascript:history.back();">&lt;&lt; Zur&uuml;ck</a></p>
        
        <h2>Für dern Internet Explorer wird die Funktionalität per Javascript sichergestellt.</h2>
        <ul id="menue">
        	<li><a href="#" onclick="javascript:zeigen('submenue1')">Oberpunkt 01</a>
        
        		<ul id="submenue1" class="submenue">
        			<li><a href="#">Untermenü 1.a</a></li>
        			<li><a href="#">Untermenü 1.b</a></li>
        			<li><a href="#">Untermenü 1.c</a></li>
        		</ul>
        	</li>	
        			
        	<li><a href="#" onclick="javascript:zeigen('submenue2')">Oberpunkt 02</a>
        
        		<ul id="submenue2" class="submenue">
        			<li><a href="#">Unterpunkt 2.a</a></li>
        			<li><a href="#">Unterpunkt 2.b</a></li>
        			<li><a href="#">Unterpunkt 2.c</a></li>
        		</ul>
        	</li>	
        
        	<li><a href="#" onclick="javascript:zeigen('submenue3')">Oberpunkt 03</a>
        
        		<ul id="submenue3" class="submenue">
        			<li><a href="#">Unterpunkt 3.a</a></li>
        			<li><a href="#">Unterpunkt 3.b</a></li>
        			<li><a href="#">Unterpunkt 3.c</a></li>
        		</ul>
        	</li>
        
        	<li><a href="#" onclick="javascript:zeigen('submenue4')">Oberpunkt 04</a>
        
        		<ul id="submenue4" class="submenue">
        			<li><a href="#">Unterpunkt 4.a</a></li>
        			<li><a href="#">Unterpunkt 4.b</a></li>
        			<li><a href="#">Unterpunkt 4.c</a></li>
        		</ul>
        	</li>
        </ul>
        </body>
        
        </html>

        Kommentar


        • #5
          AW: Problem mit css/Javascript-Navi

          Zitat von threadi Beitrag anzeigen
          Äh, na der den du da hochgeladen hast

          Code:
          <ul id="menue">
          	<li><a href="#" onclick="javascript:zeigen('submenue1')">Oberpunkt 01</a>
          
          		<ul id="submenue1" class="submenue">
          			<li><a href="#">Untermenü 1.a</a></li>
          			<li><a href="#">Untermenü 1.b</a></li>
          			<li><a href="#">Untermenü 1.c</a></li>
          		</ul>
          	</li>	
          			
          	<li><a href="#" onclick="javascript:zeigen('submenue2')">Oberpunkt 02</a>
          
          		<ul id="submenue2" class="submenue">
          			<li><a href="#">Unterpunkt 2.a</a></li>
          			<li><a href="#">Unterpunkt 2.b</a></li>
          			<li><a href="#">Unterpunkt 2.c</a></li>
          		</ul>
          	</li>	
          
          	<li><a href="#" onclick="javascript:zeigen('submenue3')">Oberpunkt 03</a>
          
          		<ul id="submenue3" class="submenue">
          			<li><a href="#">Unterpunkt 3.a</a></li>
          			<li><a href="#">Unterpunkt 3.b</a></li>
          			<li><a href="#">Unterpunkt 3.c</a></li>
          		</ul>
          	</li>
          
          	<li><a href="#" onclick="javascript:zeigen('submenue4')">Oberpunkt 04</a>
          
          		<ul id="submenue4" class="submenue">
          			<li><a href="#">Unterpunkt 4.a</a></li>
          			<li><a href="#">Unterpunkt 4.b</a></li>
          			<li><a href="#">Unterpunkt 4.c</a></li>
          		</ul>
          	</li>
          </ul>
          Ich wollte damit folgendes sagen:

          wenn ich anstatt der # z.b. Blabla.html einsetze, dann bleibt das Untermenü nicht offen, beim klicken. Es geht wieder zu.
          http://www.erlebniswelt-museum.de/index.html

          Kommentar


          • #6
            AW: Problem mit css/Javascript-Navi

            Ach soooo ... nun, das Menü geht nicht einfach zu, es wird die dort angegebene Seite geladen. Um dies zu verhindern musst du bei onclick ein "return false;" einfügen. Z.B. so:

            Code:
             onclick="javascript:zeigen('submenue2');return false;"

            Kommentar

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 57.078   Beiträge: 432.009   Mitglieder: 29.246   Aktive Mitglieder: 45
            Willkommen an unser neuestes Mitglied, payais.

            Online-Benutzer

            Einklappen

            290 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 288.

            Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            • ST747
              9 EUR Ticket - Chaos vorprogrammiert
              Hallo, jetzt kommt das 9 EUR.

              Da stellt sich für mich die Frage, wie groß wird das Chaos?


              Sicher werden das viele nutzen und hauptsächlich die Bahn wird überlastet werden. Die Pendler, die auf den Zug angewiesen sind, werden sich dann mit dem Platzmangel ärgern...
              Gestern, 17:57
            • matze244
              Homepage umziehen
              Hallo liebes Forum,

              ich möchte eine Vorhandene Webseite von T-Online (wurde nicht von mir erstellt, aber ich übernehme den Großteil der Homepage vom Bekannten) zu einen anderen Anbieter umziehen.
              Dabei habe ich bei T-Online den ganzen Ordner kopiert wo die ganzen Unterordner drin...
              20.05.2022, 20:21
            • zfry123
              instagram: Wie kann ich sehen, wer meine Highlights angeschaut hat?
              Liebe Community,

              wie kann man sehen, wer sich die Highlights auf einem Instagram-Profil angeschaut hat? Im Netz finde ich zu diesem Thema zwei Artikel. Im ersten Artikel steht folgendes:
              1. Navigieren Sie zu Ihrem Profil auf Instagram.
              2. Tippen Sie auf das Symbol des Highlight, zu dem Sie
              ...
              20.05.2022, 16:36
            • croxxx69
              Seite nicht von Google indexiert?
              Hallo, wenn ich site:meineseite in google eintippe, ist leider immer noch kein Resultat in Google, also nicht indexiert. Die Seite ist schon paar Monate online, auch in Search Console angemeldet... Kann mir bitte einer helfen? Was kann ich tun? Wenn ich darf, kann ich auch meine Seite hier posten
              18.05.2022, 21:21
            • daniel5959
              Überdachte Pedelecs
              Hallo,

              nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

              Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
              15.05.2022, 21:12

            Die neuesten Beiträge

            Einklappen

            Lädt...
            X