Witam, posiadam taki oto skrypt napisany pod Mootools:
$('anna').addEvents({
click: function(){
new Request({
url: 'http://www.strona.pl/profile.php?id=Anna',
method: "post",
data: this,
onRequest: function() {
document.id("contentRedBody").set("html", "
<img src='./images/red/ajax-loader.gif'>");
$('contentRedBody').morph({
'opacity' : 0
});
},
onComplete: function() {
document.id("contentRedBody").set("html", this.response.text);
$('contentRedBody').morph({
'opacity' : 1
});
}
}).send();
},
});
$('tomek').addEvents({
click: function(){
new Request({
url: 'http://www.strona.pl/profile.php?id=tomek',
method: "post",
data: this,
onRequest: function() {
document.id("contentRedBody").set("html", "
<img src='./images/red/ajax-loader.gif'>");
$('contentRedBody').morph({
'opacity' : 0
});
},
onComplete: function() {
document.id("contentRedBody").set("html", this.response.text);
$('contentRedBody').morph({
'opacity' : 1
});
}
}).send();
},
});
Skrypt po kliknięciu w link pobiera zawartość pliku profile.php i wkleja go do diva o id = contentRedBody.
Jak zapętlić i zoptymalizować ten skrypt żebym nie musiał dla każdej osoby (mam ich ponad 16 wklejać tego kodu, tylko żeby generował się on automatycznie. Czy da się to jakoś zrobić?
Kod HTML z linkami wygląda tak:
<a id="anna">Profil Anna
</a><br /> <a id="tomek">Profil Tomek
</a><br />