$('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: