Ankündigung

Einklappen
Keine Ankündigung bisher.

Ajax + PHP + jquery Accordion zusammenführen.

Einklappen

Neue Werbung 2019

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

  • Ajax + PHP + jquery Accordion zusammenführen.

    Hey,

    ich habe mir ein kleines Ajax-Script geschrieben um ein PHP Script auszuführen, dass Daten aus einer DB holt.

    Diese Daten ist der Text in einem Jquery Accordion.

    Nun möchte ich den Accordion JS-Code und den Abfrage-Code zusammenführen. Aber alles was ich versucht habe, klappt nicht. Bin leider nicht so der JS-Profi - im Gegenteil.
    Ziel ist es, dass der Ajax-Request nur ausgeführt wird, wenn das Accorion geschlossen ist. So wird er bei jedem Klick auf die Überschrift ausgeführt.

    Hier mal beide Scripte:

    Code:
    <script type="text/javascript">
    $(document).ready(function(){
        $(".begegnungen div").eq(1).addClass("active");
        $(".begegnungen table").eq(0).show();
        $(".begegnungen div").click(function(){
            $(this).next("table").slideToggle("slow")
            .siblings("table:visible").slideUp("slow");
            $(this).toggleClass("active");
            //if ($(this).Class == "active") {alert("You are using MSIE")};
            //$(this).filter(".active").doStuff(alert("You are using MSIE"));
            $(this).siblings("div").removeClass("active");
            
        }
      );
    
    
    
    });
    </script>
    Code:
    <script language="javascript" type="text/javascript">
    <!-- 
    
    function loadDetails(spiel_id){
    
        document.getElementById('loading_image_'+spiel_id).style.display='block';
    
        var ajaxRequest;
      //Browser Support Code    
        try{
            // Opera 8.0+, Firefox, Safari
            ajaxRequest = new XMLHttpRequest();
        } catch (e){
            // Internet Explorer Browsers
            try{
                ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try{
                    ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e){
                    // Something went wrong
                    alert("Your browser broke!");
                    return false;
                }
            }
        }
    
        ajaxRequest.onreadystatechange = function(){
            if(ajaxRequest.readyState == 4){
             document.getElementById('loading_image_'+spiel_id).style.display='none';        
                document.getElementById('spiel_'+spiel_id).innerHTML = ajaxRequest.responseText;
            }
        }
        var queryString = "?spielid=" + spiel_id;
        ajaxRequest.open("GET", "ajax_soccer.php" + queryString, true);
        ajaxRequest.send(null); 
    }
    
    //-->
    </script>
    Könnt ihr mir dabei helfen?

    Grüße
    Phil
Lädt...
X