Ergebnis 1 bis 8 von 8

Thema: Seite reagiert nicht mehr auf javascript

  1. #1
    Azubi(ne)
    Registriert seit
    15.03.2015
    Beiträge
    80
    Danke
    38
    Bekam 0 mal "Danke" in 0 Postings

    Standard Seite reagiert nicht mehr auf javascript

    Hallo,

    mir ist gerade bei meiner Website folgendes Problem aufgefallen: Ich verwende für die mobile Ansicht eine ausklappbare Navigation, die auf allen Seiten gut funktioniert außer auf einer. Diese Seite hat viel anderen Javascript Code, aber ich versteh trotzdem nicht warum es plötzlich nicht mehr funktionieren sollte..

    Hier der head Bereich vom Code:
    HTML-Code:
    <head>
        <title>Parasozial</title>
        <link rel="stylesheet" href="style.css" type="text/css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta charset="UTF-8">
        <script >
            $(function() {
                var pull         = $('#pull');
                    menu         = $('nav ul');
                    menuHeight    = menu.height();
    
                $(pull).on('click', function(e) {
                    e.preventDefault();
                    menu.slideToggle();
                });
    
                $(window).resize(function(){
                    var w = $(window).width();
                    if(w > 320 && menu.is(':hidden')) {
                        menu.removeAttr('style');
                    }
                });
            
        </script>
        <script language="JavaScript" type="text/javascript">
    <!--
    function toggleDiv(element){
     if(document.getElementById(element).style.display == 'none')
      document.getElementById(element).style.display = 'block';
     else
           document.getElementById(element).style.display = 'none';
    }
    //-->
    </script>
    <script language="JavaScript" type="text/javascript">
    <!--
    function toggleDiv2(element){
     if(document.getElementById(element).style.display == 'none')
      document.getElementById(element).style.display = 'block';
     else
           document.getElementById(element).style.display = 'none';
    }
    //-->
    </script>
    
    <script language="JavaScript" type="text/javascript">
    <!--
    function toggleDiv3(element){
     if(document.getElementById(element).style.display == 'none')
      document.getElementById(element).style.display = 'block';
     else
           document.getElementById(element).style.display = 'none';
    }
    //-->
    </script>
    
    <script language="JavaScript" type="text/javascript">
    <!--
    function toggleDiv4(element){
     if(document.getElementById(element).style.display == 'none')
      document.getElementById(element).style.display = 'block';
     else
           document.getElementById(element).style.display = 'none';
    }
    //-->
    </script>
    
    <script language="JavaScript" type="text/javascript">
    <!--
    function toggleDiv5(element){
     if(document.getElementById(element).style.display == 'none')
      document.getElementById(element).style.display = 'block';
     else
           document.getElementById(element).style.display = 'none';
    }
    //-->
    </script>
    
    <script language="JavaScript" type="text/javascript">
    <!--
    function toggleDiv6(element){
     if(document.getElementById(element).style.display == 'none')
      document.getElementById(element).style.display = 'block';
     else
           document.getElementById(element).style.display = 'none';
    }
    //-->
    </script>
    
    </head>
    Der Teil der nicht mehr funktioniert ist der erste script tag

    HTML-Code:
    <script >
            $(function() {
                var pull         = $('#pull');
                    menu         = $('nav ul');
                    menuHeight    = menu.height();
    
                $(pull).on('click', function(e) {
                    e.preventDefault();
                    menu.slideToggle();
                });
    
                $(window).resize(function(){
                    var w = $(window).width();
                    if(w > 320 && menu.is(':hidden')) {
                        menu.removeAttr('style');
                    }
                });
            
        </script>
    Wäre wirklich wirklich dankbar, wenn mir jemand helfen könnte !

    Liebe Grüße
    Sundream
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.235
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Seite reagiert nicht mehr auf javascript

    Deine 6 toggleDiv Funktionen kannst Du zu einer zusammenfassen, die benötigst Du nicht. Beachte das DRY-Prinzip.
    Das language-Attribut im Script-Tag ist deprecated, type reicht vollkommen aus.
    Das type-Attribut fehlt in dem ersten Script-Tag komplett.

    Das würde ich erstmal bereinigen. Wenn dann noch Fehler sind, F12 im Browser Deiner Wahl und mal auf der Konsole schauen, was ihn stört.
    Da steht meistens was drin, wenn's ein JS-Problem gibt.

    Gruß Arne

  3. Folgende User finden die Antwort von Arne Drews gut:


  4. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    15.03.2015
    Beiträge
    80
    Danke
    38
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seite reagiert nicht mehr auf javascript

    Hallo,

    dankeschön für die Antwort. Leider kenne ich mich mit JavaScript überhaupt nicht aus... Wie muss ich denn die 6 toggleDiv Funktionen zusammenfassen?

    Danke schonmal,

    Liebe Grüße !

  5. #4
    HTML Newbie
    Registriert seit
    04.02.2016
    Ort
    Unterfranken
    Alter
    30
    Beiträge
    2
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Seite reagiert nicht mehr auf javascript

    Hey Sundream,

    bist du schon weiter gekommen?

    Kann dir gerne helfen. Schreib doch mal eine kurze PN sollte das Problem noch bestehen.

    BG Frank

  6. Folgende User finden die Antwort von frankie87 gut:


  7. #5
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.235
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Seite reagiert nicht mehr auf javascript

    Hallo,

    Da Du bereits jQuery integriert hast, gehts relativ einfach.
    Ausgehend davon, daß das togglen per Klick passieren soll:
    Code:
    $( 'div' ).click( function(e) {
    
        e.preventDefault();
        _currDiv = $( this );
        
        if ( _currDiv.css('display') == 'none' )
            _currDiv.css( 'display', 'block' );
        else
            _currDiv.css( 'display', 'none' );
    
    });
    Das geht noch eleganter, wenn man bspw. mit .toggle() oder .show() und .hide() arbeitet, aber grundlegend würde das so gehen.

    Gruß Arne

  8. Folgende User finden die Antwort von Arne Drews gut:


  9. #6
    Azubi(ne)
    Themenstarter

    Registriert seit
    15.03.2015
    Beiträge
    80
    Danke
    38
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seite reagiert nicht mehr auf javascript

    Hallo,

    danke schonmal, aber wäre das schon auf meinen Code bezogen? Ich versteh wie gesagt garnichts von Javascript... Welche Funktionen müsste ich damit ersetzen? Oder wie müsste ich das umschreiben?

    Danke !

    Liebe Grüße

    Sundream

  10. #7
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.235
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Seite reagiert nicht mehr auf javascript

    Hallo,

    die Funktion ersetzt bereits alle Deine toggleDIV-Funktionen!
    Dürfte ohne Anpassung laufen, sofern wie gesagt das togglen auf Klick passieren soll.

    Für Anpassungsvorschläge sind allerdings mehr Infos erforderlich.
    Geändert von Arne Drews (05.02.2016 um 14:28 Uhr)

  11. #8
    Azubi(ne)
    Themenstarter

    Registriert seit
    15.03.2015
    Beiträge
    80
    Danke
    38
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seite reagiert nicht mehr auf javascript

    Hallo,

    damit funktioniert es leider nicht... Beim Klick passiert nichts...
    Welche Infos würdest du denn noch brauchen ?

    Liebe Grüße

    - - - Aktualisiert - - -

    Habe den Fehler gefunden... es haben zwei Klammern gefehlt Danke an alle !!!

Ähnliche Themen

  1. externe Festplatte reagiert nicht mehr - was tun?
    Von Maus90 im Forum Computer - Internet Forum
    Antworten: 4
    Letzter Beitrag: 20.02.2015, 06:55
  2. Lap Top (Acer Aspire) reagiert nicht mehr
    Von RaGusa im Forum Computer - Internet Forum
    Antworten: 3
    Letzter Beitrag: 11.02.2009, 12:52
  3. Seite bei Google nicht mehr da
    Von Roland Rafael Repczuk im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.10.2008, 23:14
  4. Seite geht nicht mehr
    Von Matens im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 03.03.2008, 19:45
  5. USB Dell-Maus reagiert nach sleep mode nicht mehr
    Von nik im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 03.09.2004, 15:45

Stichworte

Berechtigungen

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