Style.backgroundImage popup

Bonjour,
Voilà je fais apparaître un message d'erreur lors de l'inscription dans un formulaire sous la forme d'un popup.
Voilà le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
function showDivPopup(idToShow,text) { 
 
// Création du popup   
    var oPopup   = window.createPopup();   
    var oPopBody = oPopup.document.body;   
 
 
   if(!oPopup) {   
       alert("Votre navigateur ne connaît pas les objets Popup...");   
       return false;   
    }   
 
    // On va chercher le DIV dont on veut le contenu   
    var divToShow = document.getElementById(idToShow);   
 
    oPopBody.style.border          = "solid #528d1b 2px";
    oPopBody.style.margin          = "5px";   
    oPopBody.style.color           = "#528d1b"; 
    oPopBody.style.backgroundImage = "/images/balloon.gif"; 
    oPopBody.style.textAlign       = "justify";   
    oPopBody.style.fontFamily      = "Verdana, Geneva, Helvetica, Arial, sans-serif";   
    oPopBody.style.fontSize        = "12px"; 
    oPopBody.style.filter          = "alpha(opacity=50)";
    oPopBody.innerHTML             = '<img src="/images/admin/icon_warning.gif">&nbsp;';
    oPopBody.innerHTML            += text;  
    oPopBody.innerHTML            += '</strong></font><br />'+divToShow.innerHTML;   
    // Position d'affichage du popup   
     var e = event.srcElement;   
     oPopup.show(10,-50, 250, 40, e); 
 
 }

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
	<div id="pop1" style="visibility:hidden;width:250px;top:-1000px;left:-1000px;"> 
    </div> 
	            <input type="text" id="txtCP" name="form_cp" size="5" maxlength="5" onkeyup="verif();" onchange="chkForPcode(form1);" onfocus="this.value='';">
 
function chkForPcode(form)
{
	codes = form.form_cp.value;
	if (form.form_cp.value.length == '0')
	{
        showDivPopup('pop1','Entrer un code postal valide.')
		form.form_cp.focus();
		return false;
	}
}

Mais voilà j'ai une erreur au niveau de style.imageBackground, de type argument non valide.
De plus j'aimerais que ce popup apparaisse progressivement et je ne sais pas comment faire....
Merci d'avance.

rectification:

Citation:

une erreur au niveau de style.imageBackground

ou

Code:

style.backgroundImage

oui c'est cela style.backgroundImage, cela ne passe pas.

essaie

Code:

oPopBody.style.backgroundImage = "url(/images/balloon.gif)"

sinon y a un post sur ça ici

Il n'y a plus d'erreur de type argument invalide mais l'image ne s'affiche pas.

essaie alors ceci

Code:

oPopBody.style.background = "background-image: url('/images/balloon.gif')";

sinon au pire essaie de te fabriquer 1 classe css supplémentaire

Code:

.monBG{ background-image = url(/images/balloon.gif); }

et de l'appliquer à ton oPopBody par un changement de className

Code:

oPopBody.className = "monBG";

<!!! pas testé !!!>

ou encore truc bête: vérifie ta source d'image :aie:

Rien ne marche , je ne sais plus quoi faire et j'ai l'impression qu'il ne reconnait pas le className...