[DOM] Constructeur invisible pour IE

Version imprimable

Bonjour,

j'ai ce 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 <html> <head> <script language="JavaScript"> /** Notre constructeur de tache */ Tache = function() { ... } Tache.prototype.creerNodeFormulaireTache = function () { ... } ..... </script> </head> <body> <div> <input type="button" value="Ajouter Formulaire" onclick="new Tache();" /> <input type="button" value="Tout cacher" onclick="cacherDivInfos();" /> <input type="button" value="Tout afficher" onclick="afficherDivInfos();" /><br /> <input type="text" id="valeurNomTache" /><input type="button" value="Afficher" onclick="afficherDivInfo(document.getElementById('valeurNomTache').value);" /><br /><br /> </div>
Lors du clic sur le bouton Ajouter Formulaire, FF me trouve bien mon constructeur Tache, me crée mon objet et tout, un pur bonheur.

En revanche IE me renvoie sur les roses en me disant gentimment que Tache est indéfini, avec comme ligne celle de mon bouton appelant le constructeur.

Merci au gourou qui saura m'aider :)

18/04/2007, 17h25
SpaceFrog

Code:

var Tache

...
18/04/2007, 17h36
Arnard

Salut et merci de ta réponse.

Code:

var Tache = function(){ ... }

J'ai toujours le même souci... Peut-être faut-il déplacer le code dans un fichier .js externe pour que cela soit fonctionnel ?!
18/04/2007, 18h04
Arnard

C'est un peu plus problématique que prévu. La je teste mes autres boutons, qui ne sont pas liés à des objets, mais à des fonction simples, et ca me renvoie Objet Attendu

Je ne m'y retrouve plus là
18/04/2007, 18h07
FremyCompany
Faute de synthaxe

Si tu dis que ca passe sous FF, c'est surement une faute comme celle-ci :
Code:

1 2 3 { a:true, }
18/04/2007, 18h15
Arnard

J'ai parcouru le code, mais il n'y a pas de : ou de , qui trainent et qui pourraient provoquer ce genre d'erreur, ou alors je ne t'ai absolument pas compris :oops:

Pour dire, la quasi-totalité du code est de la manipulation DOM...
18/04/2007, 19h08
FremyCompany

Et que dit IE, à part Objet indéfini (voir boutton précédent) ?
18/04/2007, 19h19
SpaceFrog

et

Code:

<script type='text/javascript'>

:idea:
18/04/2007, 21h04
FremyCompany

Citation:

Envoyé par SpaceFrog

et

Code:

<script type='text/javascript'>

:idea:

Les navigateurs s'en fichent de cette déclaration... Elle est juste nécéssaire pour passer le test XHTML 1.0

Bonjour,

pour objet atendu je n'ai rien d'autre que la ligne du bouton appelant la fonction.

Une partie du Code de l'objet Tache

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
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
/** Notre constructeur de tache */
var Tache = function()
{
	this.nomTache = 'tache'+Tache.prototype.incTache; 
	Tache.prototype.incTache++;
 
	this.listeEvts = ["1=evt1", "2=evt2"];
	this.listeFics = ["1=fic1", "2=fic2"];
 
	//on crée notre nouveau div lié à la tache
	div = document.createElement("div");
	div.id = "div"+this.nomTache;
	div.className = "affichee"; //IE
	div.class = "affichee";
 
	//on crée un sous-div contenant les informations sur la tache
	div.appendChild(this.creerNodeFormulaireTache());
 
	//on crée un sous-div contenant le tableau de presentation d'evt
	div.appendChild(this.creerNodeListerEvt());
 
	//on crée un sous-div contenant le formulaire d'ajout d'evt
	div.appendChild(this.creerNodeFormulaireEvt());
 
	//on crée un sous-div contenant le tableau listant les fichiers
	div.appendChild(this.creerNodeListerFichiers());
 
	//on crée un sous-div contenant le formulaire d'ajout des fichiers
	div.appendChild(this.creerNodeFormulaireFichier());
 
	document.getElementById("divForm").appendChild(div);
}
 
Tache.prototype.incTache = 1;
 
/** Cette fonction permet de définir les champs de formulaire pour les données de la tache : libelle && description */
Tache.prototype.creerNodeFormulaireTache = function ()
{
	divPresEvt = document.createElement("div");
	divPresEvt.id = "divPresTache"+this.nomTache;
 
	//Le champ input qui va accueillir le libelle de la tache
	input = document.createElement("input");
	input.id = this.nomTache+"-libelle";
	input.name = this.nomTache+"-libelle";
	input.type = "text";
 
	//Le champ textarea qui va accueillir la description de la tache
	text = document.createElement("textarea");
	text.id = this.nomTache+"-description";
	text.name = this.nomTache+"-description";
	text.innerHTML = "Décrivez la tâche ici";	
	text.cols = "38";
	text.rows = "4"
 
	text.onclick = function()
	{
		if(this.value == "Décrivez la tâche ici")
			this.value = "";
	}
 
	//la construction de notre formulaire
	divPresEvt.appendChild(document.createElement("br"));
	divPresEvt.appendChild(document.createTextNode("Saisissez le libellé de la tâche : "));
	divPresEvt.appendChild(input);
	divPresEvt.appendChild(document.createElement("br"));
	divPresEvt.appendChild(document.createElement("br"));
	divPresEvt.appendChild(text);
 
	return divPresEvt;
}

Une partie de mon code de fonctions outils

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
/* Fonctions liées à l'envoi du fichier */
 
var actif=true;
function notifierUploadFichier(chaine)
{
	actif=true;
 
	if(chaine.substr(0, 6) == "ERREUR")
	{
		//erreur lors du traitement
		alert("Une erreur a eu lieu durant le transfert, veuillez retenter d'envoyer le fichier");
	}
	else
	{
		//OK
		alert("Fichier transféré");
		item = chaine.split("=");
		listes = document.getElementsByTagName("select");
 
		for(var i=0; i<listes.length; i++)
		{
			if(listes[i].id.substr(0, 10) == "selecIdFic")	
			{
				option = document.createElement("option");
				option.value = item[1];
				option.innerHTML = item[1];
				listes[i].appendChild(option);
			}
		}	
	}
}

Ces deux parties se rertouvent dans le même fichier JS.

Merci de votre aide ;)

19/04/2007, 17h46
Arnard

en fait IE ne digere pas les "monElem.class = ..." et bloque dessus plutot que de l'ignorer...
19/04/2007, 18h02
SpaceFrog

Code:

monElem.className =

Code:

1
2
	div.className = "affichee"; //IE
	div.class = "affichee";

je mettais les deux :)

20/04/2007, 08h37
SpaceFrog

une seule suffit non ?
20/04/2007, 09h10
Arnard

ouep, className suffit, mais je voulais pas laisser le dernier mot à M$ :/
20/04/2007, 09h28
SpaceFrog

T'inquiète on l'aura un jour, on l'aura :aie: