Moin!
Gibts da schon was neues? Ich probier das grad mit meinen (bescheidenen) MooTools/Ajax - Kenntnissen für 2.8.1 zu implementieren, aber so richtig was hingekriegt hab ich noch nicht. Gibts irgendwen, der vll die selben Interessen hat?
EDIT:
So, ich hab zumindest mal nen Teilerfolg. Er läd das reine HTML jetzt "korrekt" nach. Allerdings scheint dann a) mein CSS nicht mehr zu fruchten (Background-Color etc. werden nicht gesetzt und der Inhalt wird nach oben verschoben) und b) funktioniert meine MooFlow-Gallery nicht mehr nach dem Ajax-Nachladen. Unter http://manufaqtur.de/index.php kann man das Desaster nach der Benutzung des Menüs beobachten.
EDIT2: Ok, irgendwie logisch, das die ganzen CSS-Anweisungen nicht mehr funktionieren. Das Skript entfernt auch mal schnell den #main .inside div und ersetzt es durch #main. Wie könnte man das umgehen? Das Menü richtig zu aktivieren hab ich auch noch nicht geschafft (obwohl ich 'active'-Klasse richtig gesetzt habe im Skript jetzt).
EDIT3: So, jetzt hab ich auch mein JavaScript wieder am laufen. Einfach das ganze per Request.HTML holen und mit $exec(responseJavaScript) das Skript laufen lassen.
Code:
var go_ajax = function (element, updateid, column) {
var to_update = $(updateid);
$$(element+' a').each(function(el){
el.addEvent('click', function() {
$$(element+' ul li.active').each(function(e2){e2.removeClass('active')});
var url = el.href;
var urlextend = url+"?request="+column;
var fadeout = to_update.fade(0.0);
var req = new Request.HTML({
url: urlextend,
method: 'post',
onRequest: function(){ },
onComplete: function(responseTree, responseElements, responseHTML, responseJavaScript){
to_update.fade(1.0);
}
})
req.addEvent('success',function(responseTree, responseElements, responseHTML, responseJavaScript)
{
to_update.set('html',responseHTML);
$exec(responseJavaScript);
});
req.send();
el.parentNode.addClass('active');
return false;
});
});
}
Gruss
Basti
Inhalte mit AJAX nachladen
Zitieren
Lesezeichen