Script qui marche sous FF mais pas sous IE

**xclam** · 09/05/2007, 14h50

Mon code marche sans probleme avec FF mais il veux rien savoir avec IE

c'est un formulaire avec verification des info:

on rempli le formulaire
on clique sur envoyer
sa cache le formulaire et sa affiche la verification

si on clique sur modifier sa rafiche le formulaire et si on clique sur confirmer sa envoi le formulaire

Code html :

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
 
	<div id='affiche' style='display:none'>
		<form name='FormTelechargement' method='POST' action='index.php/verification.html'>
			<table>
				<tr><th COLSPAN=2><h3>Verifi&eacute; vos coordon&eacute;es</h3></th></tr>
				<tr><td>Nom :</td><td><div id=1 style='font-weight: bold'></div></td></tr><br/><br/>
				<tr><td>Adresse Mail :</td><td><div id=2 style='font-weight:bold'></div></td></tr><br/><br/>
			</table><br/>
			Appuyer sur Confirmer si les information sont correcte ou sur Modifier pour les changer.
			<input Value='Confirmer' type='submit'>
			<input Value='Modifier' type='button' onClick='modification()'><br/><br/>
 
		</div>
		<div id='form'>
 
 
			<input type='hidden' name='code' value='SCRAP'>
			<input type='hidden' name='type' value='DL'>
			<table>
				<tr><td>Nom :</td><td><input id=3 name='nom' size='25' onBlur='modif(1)'></td></tr><br/>
				<tr><td>Adresse Mail :</td><td><input id=4 name='adresse' size='25' onBlur='modif(2)'> <font color='red'>*</td></tr><br/>
				<tr><td>Ressaisissez votre adresse Mail :</td><td><input name='adresse2' size='25'> <font color='red'>*</td></tr><br/>
			</table>
			<p style='font-size:10px;'><font color='red'>*</font> Champs obligatoires</p><br/>
			<input Value='Envoyer' type='button' onClick='confirme(adresse,adresse2,nom,FormTelechargement)'>
			<input Value='Effacer' type='reset'><br/><br/>
			<noscript style='color:red;'>Si vous voyez se message c'est que javascript est desactivé. Vous devez cliquer sur le bouton Confirmer, aprés avoir verifié vos coordonnées, pour valider votre demande. Pour une meilleur navigation, activé le javascript.<br/>
			<input Value='Confirmer' type='submit'></noscript>
		</form>
		</div></p> <br />

Code javascript :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
function confirme(adr1,adr2,nom,form){
	if (adr1.value==''){
		alert("Veuillez entrer votre adresse mail dans le premier champ!")
		adr1.focus()
	}
	else if (adr2.value=='')
	{
		alert("Veuillez confirmer votre adresse mail dans le second champ!")
		adr2.focus()
	}
	else if (adr1.value!=adr2.value){
		alert("Les deux adresse mail ne condordent pas")
		adr2.select()
	}
	else if(EmailOk(adr1.value)){
		modification();	
	}
}
 
function modification(){
	isIE = (document.all);
	isNN6 = (!isIE) && (document.getElementById);
	// Compatibilité : l'objet menu est détecté selon le navigateur
	if (isIE){ 
		conf = document.all['affiche'];
		formul = document.all['form'];
	}
	if (isNN6){
		conf = document.getElementById('affiche');
		formul = document.getElementById('form');
	}
	// On ouvre ou ferme
	// Cas ou le tableau est caché
	if (conf.style.display == "none"){
		conf.style.display = "";
		formul.style.display = "none";
	}
	else{
		conf.style.display = "none";
		formul.style.display = "";
	}
}
 
function modif(n){
	isIE = (document.all);
	isNN6 = (!isIE) && (document.getElementById);
	// Compatibilité : l'objet menu est détecté selon le navigateur
	if (isIE){ 
		c = document.all[n];
		m = document.all[n+2];
 
	}
	if (isNN6){
		c = document.getElementById(n);
		m = document.getElementById(n+2);
 
	}
 
	c.innerHTML = m.value;
}
 
function EmailOk(email) 
{
var a,i,j,k,arobase,bOk;
i=0;
k=0;
a = email;  
if (a != "" && a != "votre e-mail") {
 for(j=0; j<a.length-1;j++) {
  if(a.charAt(j)=="@"){
   i++; arobase=j; 
  }
 }
 
 for(j=arobase; j<a.length-2;j++){
  if(a.charAt(j)==".")
   k++;
 }
}
if(i!=1 || k==0) {
 alert("Veuillez saisir une adresse mail valide.");
 return false;
} else return true;
}

**E.Bzz** · 09/05/2007, 15h10

Bonjour,
tu expliquerais "ce qui marche pas", ça aiderait ...

Elles sont alimentées comment les variables passées en paramètre :

Code :

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

<input Value='Envoyer' type='button' onClick='confirme(adresse,adresse2,nom,FormTelechargement)'>

A+

**xclam** · 09/05/2007, 15h19

Ben en fait ya rien qui marche^^
En fait quand je clic sur envoyé sa ne marche pas... donc je sais pas vraiment si le reste fonctionne
J'ai installer debug bar

et il me sort une erreur au niveau du onBlur (et sur le onclick du envoyer aussi^^)

Envoyé par E.Bzz

Elles sont alimentées comment les variables passées en paramètre

par le formulaire
adresse : champ pour saisir l'adresse mail
adresse2 : champ pour resaisir l'adresse mail
nom : champ pour saisir son nom
FormTelechargement : nom du formulaire qui, je crois, ne me sert a rien

**E.Bzz** · 09/05/2007, 15h24

Donc elles sont "déclarées" que là ??
Et ça fonctionne sous Firefox, ça

Alors Firefox me déçoit beaucoup : ça aurait pas dû

Code :

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

<input Value='Envoyer' type='button' onClick="confirme(document.forms['FormTelechargement'].elements['adresse'],document.forms['FormTelechargement'].elements['adresse2'],document.forms['FormTelechargement'].elements['nom'],document.forms['FormTelechargement']);">

A+

**xclam** · 09/05/2007, 15h31

Ca ne marche pas mieux comme ca...

Le probleme c'est que s'est dans une page html et donc si je le met comme ca, ca ne marche plus pour firefox

**xclam** · 09/05/2007, 16h32

Code html :

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

1
2
 
<input Value='Envoyer' type='button' onClick=\"confirme(document.forms['FormTelechargement'].elements['adresse'],document.forms['FormTelechargement'].elements['adresse2'],document.forms['FormTelechargement'].elements['nom'],document.forms['FormTelechargement']);\">

ca marche avec FF (je devais fuir le " car je suis sous php) mais toujours pas sur IE...

**E.Bzz** · 09/05/2007, 16h38

Code :

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

1
2
3
conf.style.display = "block";
...
formul.style.display = "block";

L' inverse de "none", c'est "block" et pas "" ...

A+

PS : escape se traduit plus souvent par "échapper" que par "fuir"

**xclam** · 09/05/2007, 17h02

Rien a faire sous Ie ca veux pas marcher meme la verification des champs ne se fait pas (et encore moins l'affichage des div...)

**E.Bzz** · 09/05/2007, 17h13

Enlève les majuscules des prop dans tes tags (Value, onClick ...)

Sinon, c'est que tu as un bug JS (non signalé => active la notification des erreurs de ton nav) qui plante le reste ...

A+

**xclam** · 09/05/2007, 17h16

Si je fait

Code html :

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

1
2
 
<input Value='Envoyer' type='button' onClick=\"document.write(document.forms['FormTelechargement'].elements['adresse'],document.forms['FormTelechargement'].elements['adresse2'],document.forms['FormTelechargement'].elements['nom'],document.forms['FormTelechargement']);\">

Ca m'affiche [object][object][object][object]
et des que je remet la fonction confirme il n'y a plus rien qui se passe

**E.Bzz** · 09/05/2007, 17h20

Envoyé par xclam

Si je fait

Code html :

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

1
2
 
<input Value='Envoyer' type='button' onClick=\"document.write(document.forms['FormTelechargement'].elements['adresse'],document.forms['FormTelechargement'].elements['adresse2'],document.forms['FormTelechargement'].elements['nom'],document.forms['FormTelechargement']);\">

Ca m'affiche [object][object][object][object]

Ben normal, c'est des objets

et des que je remet la fonction confirme il n'y a plus rien qui se passe

As-tu activé la notification des erreurs ?

**xclam** · 09/05/2007, 17h33

oui j'ai l'erreur

Ligne: 222
Caractère: 1
Code: 0
Message d'erreur: Objet attendu
URL: http://***/index.php/telechargement.html

pas le droit de devoiler l'url

ca correspond au bouton envoyer

**xclam** · 09/05/2007, 17h38

En changeant le bouton en image j'arrive a faire changer les div

je comprend pas pourquoi mais bon c'est cool^^

maintenant j'ai un probleme avec le onBlur sur les input j'ai l'erreur

Ligne: 62
Caractère: 2
Code: 0
Message d'erreur: Impossible de définir la propriété innerHTML. Élément cible non valide pour cette opération.

**E.Bzz** · 09/05/2007, 17h38

Envoyé par xclam

oui j'ai l'erreur

pas le droit de devoiler l'url

ca correspond au bouton envoyer

Il aurait fallu commencer par là

C'est avec l'ancienne syntaxe ou la nouvelle (document.forms[....]...) ?

**xclam** · 09/05/2007, 17h43

J'ai mis ca

Code html :

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

<a href='#' onClick="confirme(document.forms['FormTelechargement'].elements['adresse'],document.forms['FormTelechargement'].elements['adresse2'],document.forms['FormTelechargement'].elements['nom'],document.forms['FormTelechargement']);"><img src='http://www.cdip.com/gifs/accueil/logo_cdip.gif' /></a>