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