Compatibilità funzione onclick

[giacomop81]

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:

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

[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.

[cavicchiandrea]

Ma la funzione showInfo dov'è? Nella pagina caricata tramite jquery o nella pagina principale?
Hai provato ad inserire il click sul tag href invece che sull'immagine?

[giacomop81]

Ciao Andrea,
La funzione showInfo è in un file .js caricato nella pagina dell'HTML attraverso:

<script type="text/javascript" src="./scripts/myscript.js"></script> 

Non ho impostato nessun tag href ...

[cavicchiandrea]

Io ho fatto altre domande, rileggi e rispondi a quelle.

[giacomop81]

La funzione showInfo(); è nella pagina principale, ho tutto nella stessa pagina.

Per quanto riguarda la domanda sul tag href, non ho nessun tag href impostato, dici che dovrei provare una cosa del genere?

<a href onclick="showInfo('database/aaaa01.jpg');">[img]database/aaaa01.jpg[/img]</a> 

Grazie.

[giacomop81]

Nessuno sa aiutarmi?
C'è qualche altra informazione che posso dare?

Grazie.

[Enzaccio]

Originariamente inviato da giacomop81
... safari e IE non sentono la funzione "onclick".

Aggiungi questi alert e vedrai che il primo parte anche con IE.

[img]database/aaaa01.jpg[/img]

Se non parte il secondo vuol dire che l' esecuzione dello script rimane bloccata nel corso della funzione o c'è qualche altra parte che blocca TUTTO lo script ma viene interpretata diversamente da browser a browser.
Il fatto comunque, non è che safari e IE non sentano il gestore "onclick"

[giacomop81]

Ti ringrazio per la risposta ma proprio ieri ho scoperto che il problema è la "cattiva" interpretazione de chain della riga:

$('<img />').attr("src", "database/"+item.filename).attr("alt", "preview").attr("onclick", "showInfo('database/"+item.filename+"');").appendTo("#list"); 

Alcuni browser aggiungono solo il primo "attr" ignorando gli altri, quindi l'evento onclick non era aggiunto.
La soluzione è quindi usare un altro metodo per inserire il tag nella pagina.

Grazie a tutti per il supporto

[Xinod]

i gestori evento non sono attributi, sono gestori evento

usa click o bind (o addirittura pianifica un live), come fanno tutti e non avrai sorprese

[giacomop81]

Grazie per il consiglio, mi documenterò