[DOM] Constructeur invisible pour IE

**Arnard** · 18/04/2007, 17h14

Bonjour,

j'ai ce 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
<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

**SpaceFrog** · 18/04/2007, 17h25

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var Tache

...

**Arnard** · 18/04/2007, 17h36

Salut et merci de ta r�ponse.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 ?!

**Arnard** · 18/04/2007, 18h04

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�

**FremyCompany** · 18/04/2007, 18h07

Faute de synthaxe

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
{
  a:true,
}

**Arnard** · 18/04/2007, 18h15

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

Pour dire, la quasi-totalit� du code est de la manipulation DOM...

**FremyCompany** · 18/04/2007, 19h08

Et que dit IE, � part Objet ind�fini (voir boutton pr�c�dent) ?

**SpaceFrog** · 18/04/2007, 19h19

et

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<script type='text/javascript'>

**FremyCompany** · 18/04/2007, 21h04

Envoy� par SpaceFrog

et

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<script type='text/javascript'>

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

**Arnard** · 19/04/2007, 09h17

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 :

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
/** 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 :

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
/* 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

**Arnard** · 19/04/2007, 17h46

en fait IE ne digere pas les "monElem.class = ..." et bloque dessus plutot que de l'ignorer...

**SpaceFrog** · 19/04/2007, 18h02

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

monElem.className =

**Arnard** · 19/04/2007, 20h36

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

je mettais les deux

**SpaceFrog** · 20/04/2007, 08h37

une seule suffit non ?

**Arnard** · 20/04/2007, 09h10

ouep, className suffit, mais je voulais pas laisser le dernier mot � M$ :/

**SpaceFrog** · 20/04/2007, 09h28

T'inqui�te on l'aura un jour, on l'aura

[DOM] Constructeur invisible pour IE

JavaScript

Discussions similaires

Partager

Partager