appendChild che non funziona

[apokalos]

Salve a tutti. Ho un problema... posto subito il codice

var div=document.createElement("div"); 
var img=document.createElement("img"); 
var contenitore=$("#contenitore"); 

div.setAttribute("id","fumetto"); 
div.setAttribute("onclick","view_balloon()"); img.setAttribute("src","../immagini_condivise/pulsanti/balloon.png"); 

div.appendChild(img); 
alert("prima append"); 
contenitore.appendChild(div); 
alert("seconda append"); 

div.css("width","130px"); 
div.css("height","100px"); 
div.css("float","right"); 
div.css("cursor","pointer"); 
div.css("border","black solid 2px");

la prima alert si vede, ma la seconda no... a quanto pare l'inghippo sta nella "contenitore.appendChild(div)". Di seguito c'è l'html:

<div id="contenitore">
    altro div
    form
    altro div
    script
</div>

[marty89]

Ciao, prova a sostituire:

var contenitore = $("#contenitore");

con questa:

var contenitore = $("#contenitore").get(0);

Infatti $("#id") ti restituisce un 'object' e non 'DOM object', quindi devi utilizzare get().

[apokalos]

perfetto! Adesso funziona! Grazie mille!!

L'unica cosa è che i css invece non funzionano... perchè?

[marty89]

Sostituisci:

div.css("width","130px"); 
div.css("height","100px"); 
div.css("float","right"); 
div.css("cursor","pointer"); 
div.css("border","black solid 2px");

con:

$("#fumetto").css("width","130px"); 
$("#fumetto").css("height","100px"); 
$("#fumetto").css("float","right"); 
$("#fumetto").css("cursor","pointer"); 
$("#fumetto").css("border","black solid 2px");

[apokalos]

ok, funziona! Un'ultima cosa... e se volessi mettere questo div come primo figlio di contenitore e non come ultimo?

[apokalos]

come non detto... fatto! Grazie lo stesso!