Discussion :

[babafredo]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[htr999]

rectification:

une erreur au niveau de style.imageBackground

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style.backgroundImage

[babafredo]

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

[htr999]

essaie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

sinon y a un post sur ça ici

[babafredo]

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

[htr999]

essaie alors ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

oPopBody.className = "monBG";

<!!! pas testé !!!>

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

[babafredo]

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