Discussion :

[thais781]

Bonjour,

J'aie dans mon fichier html un liste de nom.
Quand on clic dessus, je met une couleur sur le lien et quand je clic sur un autre lien, ca m’enlevè tout et recolorie le nouveau lien cliqué.

Pour cela j'utilise 2 petites fonctions

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function ChangeColor(id5) 
{
	document.getElementById(id5).style.color="#f4ebda";
	document.getElementById(id5).style.background ='#6c3306 none repeat scroll 0% 50%';
}
 
function RemoveAllColors(id5) 
{
	var RemoveAttribute = document.getElementById("box").getElementsByTagName("a");
		for(var i=0; i< RemoveAttribute .length; i++) {RemoveAttribute [i].removeAttribute("style");}
}

Mon petit soucis est que ca marche nickel avec mon firefox (je suis sous mac)
mais des que je passe sur tablette (iOs ou Android) ChangeColor fais bien son job mais pas RemoveAllColor

Un soucis de compatibilité ?

Merci pour ceux qui ont une idée.
Si besoin je peux vous poster un petit code html de test ....

Thais

[Watilin]

Au niveau de la syntaxe, ton code est correct, si ce n'est un petit problème d'indentation. Note que tu fais document.getElementById("box") au lieu de document.getElementById(id5), mais puisque ça marche sous Firefox, ce n'est pas le problème.

Je pense (mais sans pouvoir vérifier) que le problème est dans la façon dont la propriété DOM style et l'attribut html style sont connectés. Sous Firefox, le fait de retirer l'attribut supprime du même coup les ajouts faits à la propriété DOM. Sur tablette, le moteur n'est pas le même (Webkit au lieu de Gecko), du coup je suppose qu'il faut retirer les ajouts à la main :

Code :

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

1
2
	RemoveAttribute[i].style.color = "";
	RemoveAttribute[i].style.background = "";

[SylvainPV]

Exact, l'attribut "style" n'est pas la même chose que la propriété "style". En fait, l'attribut vient surcharger les règles de style de base qui sont définies par le navigateur. La propriété style contient l'intégralité des règles de styles utilisables.

Supprimer la règle de style n'a pas de sens, puisque la règle de style a forcément une valeur. Il faut donc plutôt la réassigner à sa valeur initiale.

[thais781]

Yes,

Merci messieurs c'est nickel.

Merci beaucoup pour votre aide, je cherchais depuis un moment ....

Thais