Macht Sinn, "wenn's mal wieder länger dauert"
Hab das mal nachgerüstet bei der Demo:
http://jpwfour.kilu.de/index.php?ajax=1
Vorallem auf der Refrallye (link links unten) sieht mans, die dauert lang (5 Sekunden )
Sieht jetzt nicht sonderlich toll aus, aber sowas kann ich halt auch nicht
Im Prinzip hab ich nur in der footer.php den Loader reingesetzt unter den Inhalt:
HTML-Code:
</div> <!-- #ajaxc, header.php -->
<div id="ajwait" style="display:none;background-image:url(http://www.speldhurstcc.org.uk/images/ajax-loader.gif); height:175px;width:200px;">
</div>
Un dann im Skript dafür gesorgt, dass dieses DIV eingeblendet wird, sobald das anderen "hochgeslidet" ist, und wieder ausgeblendet, sobald der neue Inhalt da ist:
Code:
$(".ajaxm a[class!=noaj]").css("border", "2px dotted blue");
$(".ajaxm a[class!=noaj]").click(function (event) {
turl = $(this).attr("href");
treffer = turl.match(/content=[\/a-z0-9]+/i);
$("#ajaxc").slideUp('fast', function() {
$("#ajwait").show(); // neu
$('#ajaxc').load('ajax.php',""+treffer, function() {
$("#ajwait").hide(); // neu
$("#ajaxc").slideDown();
$("#ajaxc form").each( function(index, elem) {
if($(elem).attr("action") == ""){
$(elem).attr("action", "index.php?"+treffer);
}
});
});
});
event.preventDefault();
});
Das Sliden wär evtl auch schöner, mit ein/ausblenden, da gibts ja in jQuery viele Möglichkeiten:
http://api.jquery.com/category/effects/
EDIT: evtl gehen die bedanken buttons nicht, da die beiträge vor dem einbau der bedanken funktion erstellt wurden, k.a.