Ergebnis 1 bis 8 von 8
  1. #1
    Lensis ist offline Grünschnabel
    registriert
    26-08-2012
    Beiträge
    3

    Post JS-Funktion funktioniert nicht im IE

    Hallo,

    ich habe aus dem Internet eine JS-Funktion für ein ausklappbares Menü in meiner HP eingebaut.
    Wie ich feststellen musste, funktioniert diese nicht im IE. Im FF und anderen Browsern geht es.
    Da ich mich nicht so sehr mit JS auskenne wollte ich hier um Rat fragen.

    Code:
    <style>
    <!--
    #foldheader{cursor:pointer;cursor:hand ; font-weight:bold ;
    //list-style-image:url(fold.gif)}
    #foldinglist{list-style-image:url(list.gif)}
    //-->
    </style>
    
    <script language="text/javascript">
    <!--
    
    //Smart Folding Menu tree- By Dynamic Drive (rewritten 03/03/02)
    //For full source code and more DHTML scripts, visit Dynamic Drive DHTML(dynamic html) & JavaScript code library
    //This credit MUST stay intact for use
    
    var head="display:''"
    img1=new Image()
    img1.src="fold.gif"
    img2=new Image()
    img2.src="open.gif"
    
    var ns6=document.getElementById&&!document.all
    var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
    
    function checkcontained(e){
    var iscontained=0
    cur=ns6? e.target : event.srcElement
    i=0
    if (cur.id=="foldheader")
    iscontained=1
    else
    while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
    if (cur.id=="foldheader"||cur.id=="foldinglist"){
    iscontained=(cur.id=="foldheader")? 1 : 0
    break
    }
    cur=ns6? cur.parentNode : cur.parentElement
    }
    
    if (iscontained){
    var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
    if (foldercontent.style.display=="none"){
    foldercontent.style.display=""
    cur.style.listStyleImage="url(open.gif)"
    }
    else{
    foldercontent.style.display="none"
    cur.style.listStyleImage="url(fold.gif)"
    }
    }
    }
    
    if (ie4||ns6)
    document.onclick=checkcontained
    
    //-->
    </script>
    und im body steht folgendes...

    Code:
    <ul>
       <li id="foldheader"><h3>Boxen</h3></li>
       <ul id="foldinglist" style="display:none" style=&{head};>
          <li><a href="Boxen.html">&Uuml;ber das Boxen</a></li>
          <li><a href="Boxen_Kaempfer.html">K&auml;mpfer</a></li>
          <li><a href="Boxen_Gallerie.html">Gallerie</a></li>
       </ul>
    
       <li id="foldheader"><h3>Kickboxen</h3></li>
       <ul id="foldinglist" style="display:none" style=&{head};>
          <li><a href="Kickboxen.html">&Uuml;ber das Kickboxen</a></li>
          <li><a href="Kickboxen_Kaempfer.html">K&auml;mpfer</a></li>
          <li><a href="Kickboxen_Gallerie.html">Gallerie</a></li>
       </ul>
    
       <li id="foldheader"><h3>MMA</h3></li>
       <ul id="foldinglist" style="display:none" style=&{head};>
          <li><a href="MMA.html">&Uuml;ber MMA</a></li>
          <li><a href="MMA_Kaempfer.html">K&auml;mpfer</a></li>
          <li><a href="MMA_Gallerie.html">Gallerie</a></li>
       </ul>
    
       <li id="foldheader"><h3>Kindertraining</h3></li>
       <ul id="foldinglist" style="display:none" style=&{head};>
          <li><a href="Kindertraining.html">&Uuml;ber das Kindertraining</a></li>
          <li><a href="Kinder_Kaempfer.html">K&auml;mpfer</a></li>
          <li><a href="Kinder_Gallerie.html">Gallerie</a></li>
       </ul>
    
       <li id="foldheader"><h3>Privattraining</h3></li>
       <ul id="foldinglist" style="display:none" style=&{head};>
          <li><a href="Privattraining.html">&Uuml;ber das Privattraining</a></li>
          <li><a href="Privat_Gallerie.html">Gallerie</a></li>
       </ul>
     </ul>


    Falls mir jemand aber auch einen besser funktionierenden Code geben kann, würde ich mich auch freuen.

    Schon mal ein Danke von mir!
    Geändert von Lensis (26-08-2012 um 19:08 Uhr)

  2. #2
    Avatar von scrypter
    scrypter ist offline Haudegen
    registriert
    25-06-2011
    Beiträge
    706

    AW: JS-Funktion funktioniert nicht im IE

    ändere bitte den Beitrag und benutze die code-tags

    Bearbeiten > Erweitert > dort gibt es buttons; #, <>, php
    fatal error: EBKAC (error between keybord and chair)

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.760

    AW: JS-Funktion funktioniert nicht im IE

    1. das Skript ist schlecht geschrieben und veraltet.
    2. das language-Attribut ist veraltet -> type="text/javascript"
    3. Steht etwas in der Fehlerkonsole (Wo finde ich die Fehlerkonsole?)?
    4. Welche DocType verwendest du?

  4. #4
    Lensis ist offline Grünschnabel
    registriert
    26-08-2012
    Beiträge
    3

    AW: JS-Funktion funktioniert nicht im IE

    1.Also das Skript habe ich nicht selber geschrieben, sondern von einer js-Seite.
    2.Habe nun das language-Attribut verändert. Lag nicht daran.
    3.In der Fehlerkonsole steht nichts, wenn ich die Seite im IE aufrufe. Kann die internetadresse gerne per pm zuschicken, wenn gewünscht.
    4.Verwende diesen DocType -> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//DE">

  5. #5
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.760

    AW: JS-Funktion funktioniert nicht im IE

    Schick' mir mal den Link.

    PS: dir ist hoffentlich klar, dass IDs dokumentenweit eindeutig sein müssen...

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.760

    AW: JS-Funktion funktioniert nicht im IE

    Ich bekomme da schon eine Fehlermeldung... und die liegt an 1.!
    Schreib' dir ein neues Skript oder such' dir ein Aktuelleres. Das ist über 10 Jahre alt! Kein Wunder, dass es nicht mehr funktioniert.

    PS: da du jQuery schon ab Bord hast, bietet es sich da, was damit zu suchen.

  7. #7
    Lensis ist offline Grünschnabel
    registriert
    26-08-2012
    Beiträge
    3

    AW: JS-Funktion funktioniert nicht im IE

    Ich habe deinen Rat berücksichtigt und einen aktuelleren Code gesucht und gefunden.
    Nun ist das Problem so, dass es wieder im FF wunderbar funktioniert und der IE nur noch einen kleinen Fehler hat und zwar, wenn man im Menü auf "Kickboxen" klickt, dann verschiebt sich der untere Teil komischerweise nach rechts.

    War bei den anderen Menüpunkten genauso, daraufhin habe ich im CSS einfach die Schrift vergrößert und es hat sich gelegt.
    Ich glaube von daher das es ein CSS-Problem ist aber den Fehler finde ich einfach nicht.

    Benutze wieder jQuery-1.3.2
    Hier mein neuer Code:

    Code:
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/BaumNavigation.js"></script>
    
    $(function() {
    	$('span.ausklappen').next().hide();
    	$("span.ausklappen").before("<span></span>");
    	$("span.ausklappen").css("cursor", "pointer");
    	$("span.ausklappen").click(function() {
    		$(this).next().slideToggle("slow");
    		if ($(this).prev(this).text() == "+ " )
    			$(this).prev(this).replaceWith("<span></span>");
    		else if ($(this).prev(this).text() == "- " )
    			$(this).prev(this).replaceWith("<span></span>");
    	});
    });
    
    $('span.ausklappen').next().hide();

  8. #8
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.760

    AW: JS-Funktion funktioniert nicht im IE

    Das liegt wahrscheinlich daran, dass dein HTML nicht valide ist (ein <h3> darf einfach nicht in einem <span> sein... das <span> ist auch komplett überflüssig) - am CSS hab' ich jetzt nicht Auffälliges gesehen.

Ähnliche Themen

  1. js funktion funktioniert nicht
    Von Generic1 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 20-07-2009, 11:18
  2. Funktion funktioniert im IE nicht
    Von M4verick im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 07-08-2008, 16:12
  3. Funktion funktioniert nicht
    Von Haquin im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 18-07-2007, 23:56
  4. Wieso funktioniert die Funktion nicht?
    Von cryc im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 18-06-2007, 11:04
  5. Funktion funktioniert nicht..
    Von syco23 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 15-10-2005, 23:00

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •