Discussion :

[thedume]

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 :

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

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.

[le_chomeur]

dans ta boucle :

Code :

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

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

tu peux mettre a la place de couleur , une valeur aléatoirement choisit dans un tableau

[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!
Comment faire?
Merci

[le_chomeur]

tu aurais pus chercher un peu :

Code :

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

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))];

[thedume]

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

Pour conclure voici le script :

Code :

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

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];
}
}