evento dopo click su immagine

[kappa82]

Ciao a tutti! Ho un problema con il DOM. Non riesco a scatenare un evento in seguito a un click su una immagine. Se al posto dell'immagine metto un normale bottone tutto funziona.
Questo è il codice che non funziona:

function data1(oData1,num){
    oData1.onclick=function(){calendario('sel'+num, '%Y-%m-%d')};
}
function accoda(){
    if(document.createElement && document.getElementById && document.getElementsByTagName) {    
var oFieldData1=document.createElement("INPUT");
        oFieldData1.setAttribute("type","text");
        oFieldData1.setAttribute("width","70");
        oFieldData1.setAttribute("name","date"+num);
        oFieldData1.setAttribute("id","sel"+num);
        var oData1=document.createElement("INPUT");
        oData1.setAttribute("type","button");
        data1(oData1,num);
num++
} 

Questo è il codice che funziona:

function data1(oData1,num){
    oData1.onclick=function(){calendario('sel'+num, '%Y-%m-%d')};
}
function accoda(){
    if(document.createElement && document.getElementById && document.getElementsByTagName) {    
var oFieldData1=document.createElement("INPUT");
        oFieldData1.setAttribute("type","text");
        oFieldData1.setAttribute("width","70");
        oFieldData1.setAttribute("name","date"+num);

        oFieldData1.setAttribute("id","sel"+num);
        var oData1=document.createElement("INPUT");
        oData1.setAttribute("type","image");
oData1.setAttribute("src","calendario.gif");
        data1(oData1,num);
num++
}