Recherche et modification de balises

Version imprimable

Bonjour,
Je cherche le moyen de modifier la couleur de chaque liens qui sont dans une div bien précise.
Je souhaite que cette modification de couleur soit aléatoire.

Pour le moment, j'arrive à parcourir et lister les balises <a> mais apres pour modifier leur propriétés à partir de ce que j'ai fait je suis bloqué... Si quelqu'un pouvait m'aider.

Voici (le peu) que j'ai fais pour le moment :
Code:

1 2 3 4 5 6 7 8 9 10 function colorTag(){ var d = ""; var zone = document.getElementById('tag-cloud'); var zoneTag = zone.getElementsByTagName('a'); for( i=0 ; i<zoneTag.length ; i++ ){ d += zoneTag[i].nodeName+'\n'; } } window.onload = function() {colorTag()};
Merci pour votre aide.

04/03/2008, 12h19
le_chomeur

dans ta boucle :

Code:

zoneTag[i].style.color = "tacouleur"

tu peux mettre a la place de couleur , une valeur aléatoirement choisit dans un tableau :)
04/03/2008, 12h24
thedume

Hum, le pire c'est que je vennais juste d'y arriver, tout simple en fait...
C'est marrant la proposition de tableau de couleur, je comptais y venir! :D
Comment faire?
Merci

tu aurais pus chercher un peu ;) :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
var listeCouleurArray = new Array;
listeCouleurArray [0] = "red";
listeCouleurArray [1] = "yellow";
 
//Numéro aléatoire de la couleur :
numCouleur= Math.round(Math.random()*(listeCouleurArray.length-1));
 
// et au final ça donne : 
 
zoneTag[i].style.color = listeCouleurArray[Math.round(Math.random()*(listeCouleurArray.length-1))];

Merci pour cette efficacité, ce post est donc résolu.

Pour conclure voici le script :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function colorTag(){
var zone = document.getElementById('tag-cloud');
var zoneTag = zone.getElementsByTagName('a');
var couleurTag = new Array('#034', '#945', '#146', '#678');
var numCouleur;
for( i=0 ; i<zoneTag.length ; i++ ){
numCouleur = Math.round(Math.random()*(couleurTag.length-1));
zoneTag[i].style.color = couleurTag[numCouleur];
}
}