Ciao a tutti.
Scrivo sul forum perchè ho un problema di compatibilità che non riesco a risolvere.
Dinamicamnete (con una query al dB attraverso una pagina PHP che mi restituisce un messaggio JSON) aggiungo (quindi alcuni elementi esistono già) ad un div delle immagini che contengono l'attributo onclick che richiama una funzione.
questo è il codice jQuery che aggiunge le immagini:
Codice PHP:
$(window).load(function() {
// Click sul bottone del filtro
$('#leftCol #search #submit').click(function() {
// Prelevo i valori dal form
var searchColor = $('#search #color').val();
var searchArmor = $('#search #armor').val();
var searchGraphics = $('#search #graphics').val();
$.getJSON("scripts/dbQueryFilter.php", {color: searchColor, armor: searchArmor, graphics: searchGraphics}, function(data) {
$.each(data, function(i,item){
$('<img />').attr("src", "database/"+item.filename).attr("alt", "preview").attr("onclick", "showInfo('database/"+item.filename+"');").appendTo("#list");
});
});
});
});
il codice che viene aggiunto (a parte l'ordine degli attributi) è uguale a quello già esistente:
Codice PHP:
[img]database/aaaa01.jpg[/img]
...
[img]database/aaaa06.jpg[/img]
Imio problema è che con Firefox il codice funziona perfettamente, mentre safari e IE non sentono la funzione "onclick".
Ho provato diversi suggerimenti trovati in giro per la rete come ad esempio aggiungere "javacscipt:" prima di "onclick" o utilizzare diversi tipi di "virgolette" (singole, doppie, ecc) ma non c'è nulla da fare, in nessun caso la funzione viene lanciata.
Qualcuno sa spiegarmi dove sbaglio?
Grazie.