Discussion :

[jean1190]

Bonjour,

J'ai codé l'ensemble d'un site avec Firefox et firebug (Dieu merci ils existent !).

Me voilà au moment fatidique de la compatibilité avec IE. Je m'y suis peut-être très mal pris de seulement regarder ça à la fin.

Voilà un bout de code qui fonctionne très bien sous Firefox, mais qui ne marche pas du tout sous IE.

Pourriez-vous m'aiguiller sur ce qui ne passe pas sous IE ? Je suis perdu
J'ai simplifié au maximum et toujours rien...

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
var handle1=null;
String.prototype.trim = function () {
   return this.replace(/(^\s*)|(\s*$)/g,"");
}

window.onload=function()
{
	mesTD=document.getElementsByTagName("td"); 
	for(i in mesTD)
	{
		mesTD[i].onclick=function(){clicTD(this);}
	}
}

function clicTD(zis)
{
	var nom = document.getElementById('nom').innerHTML.toUpperCase();
	if (zis.innerHTML.trim() == "")
	{
		zis.innerHTML = nom;
	}
	else if (zis.innerHTML.trim() == nom)
	{
		zis.innerHTML = "";
	}
	else
	{
		//alert(zis.innerHTML);
	}
}

L'effet est simple. Quand on clique sur une cellule, on ajoute son nom dedans. Lorsqu'on clique à nouveau, le nom est supprimé.

Avant même de remettre la partie ajax (mise à jour bdd), le code javascript ci-dessus ne marche pas sous IE.

Merci,

[Lideln75]

Je sais que IE bug quand on déclare un objet avec une virgule en trop, mais dans ton code je ne vois pas de souci à première vue.

Il y a des outils pour debugger sous IE.

Et je te conseille aussi jQuery qui te simplifiera grandement la vie !
(compatibilité automatique tous navigateurs)

Un problème avec le prototype peut-être ? Essaie sans utiliser le trim() et sans déclarer toute la modification du prototype.

(jQuery possède une fonction trim() intégrée)

[jean1190]

J'ai essayé sans le trim, ça ne passe pas non plus.

Je désespère, il ne me reste plus que cette fonction qui bug

[Bovino]

Salut,

Essaye en remplaçant le for in dans le onload :

Code :

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

1
2
3
4
5
6
7
8
9
window.onload=function()
{
	mesTD=document.getElementsByTagName("td");
	nbTD=document.getElementsByTagName("td").length;
	for(i=0; i<nbTD; i++)
	{
		mesTD[i].onclick=function(){clicTD(this);}
	}
}

[jean1190]

Bon ben ça marche. Merci pour ce premier pas !

Il semblerait que j'ai des problèmes avec les nextSibling qui ne sont pas pris en compte par IE.
Des infos là dessus au passage ? :p

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
function clicTD(zis)
{
	var nom = document.getElementById('nom').innerHTML.toUpperCase();
	if (zis.innerHTML.trim() == "")
	{
		zis.innerHTML = nom;
		sauvegarder (zis.nextSibling.nextSibling.innerHTML, nom);
	}
	else if (zis.innerHTML.trim() == nom)
	{
		zis.innerHTML = "";
		sauvegarder (zis.nextSibling.nextSibling.innerHTML, nom);
	}
	else
	{
		alert(zis.innerHTML);
	}
}

Firefox récupère, IE non.

Pour chaque appel de la fonction, j'ai un td "visible" (la cellule du tableau à afficher quoi), et derrière un td "caché" où je mets les infos que je veux faire circuler par ajax.

J'vois pas comment j'pourrais faire autrement :s

[Edit] En fait j'ai fais passer toutes les infos requises pour AJAX dans l'id de la td visible... Plus pratique xD

[Bovino]

Il semblerait que j'ai des problèmes avec les nextSibling qui ne sont pas pris en compte par IE.
Des infos là dessus au passage ? :p

Oui, dans la FAQ !

[jean1190]

En fait j'ai fais passer toutes les infos requises pour AJAX dans l'id de la td visible... Plus pratique xD

Merci !