Le script ci dessous permet de changer de facon aléatoire la couleur d'une DIV lorsque l'on clique dessus.
Les couleurs disponibles se trouvent dans une table MYSQL, que je consulte pour alimenter un tableau javascript "ListeDesCouleurs".
Le problème est le suivant :
- Dans ma variable javascript "ListeDesCouleurs[numerodecouleur]" je récupére bien le nom de la couleur (donc la partie implémentation de cette variable via PHP fonctionne) mais par contre cela ne change pas la couleur de la DIV .
Par contre si j'ajoute la ligne de commande suivante : var ListeDesCouleurs = new Array ("yellow", "red", "lime", "black", "blue", "darkgreen"); en début de script (cela remplace donc le tableau créé en PHP) cela fonctionne !!!!!!!!
D'ou vient mon problème ????? je cale .........
A l'avance Merci de votre aide..........
$couleurs=mysql_query("SELECT fond FROM couleur") or die('Erreur SQL !'.$sql.'
'.mysql_error());
$n=0;
?>
<!-- ---------- Déclaration du tableau dans javascript et copie des données ----- -->
<script type="text/javascript">
var ListeDesCouleurs = new Array(
<?php
while ($ligne=mysql_fetch_row($couleurs))
{
echo "new Array('".$ligne[0]."'),";
$n++;
}
?>
new Array(""));
</script>
<!-- --------------- Déclaration du tableau dans javascript et copie des données ----- -->
Bonjour,
et si tu nous mettais la page html résultante créée par le php ?
déjà : on n'a pas ta base de données ! alors deviner ce que cela génère....
<hr /> Cordialement Bul [mon Site] [M'écrire]
<!-- ---------- Déclaration du tableau dans javascript et copie des données ----- -->
<script type="text/javascript">
var ListeDesCouleurs = new Array(
new Array('black'),new Array('blue'),new Array('darkgreen'),new Array('lime'),new Array('red'),new Array('yellow'),new Array(""));
</script>
<!-- --------------- Déclaration du tableau dans javascript et copie des données ----- -->
Couleur bleu
Couleur bleu
Couleur bleu
Couleur bleu
Couleur bleu
Couleur bleu
</html>
Merci encore
Vous n’avez pas trouvé la réponse que vous recherchez ?
————————————————————————————————————————
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<script type="text/javascript">
function changecouleur(obj)
{
var ListeDesCouleurs = new Array ("yellow", "red", "lime", "black", "blue", "darkgreen");
var nbcouleurs=ListeDesCouleurs.length;
var numerodecouleur= Math.floor(Math.random() * nbcouleurs-1)+1;
obj.style.backgroundColor=ListeDesCouleurs[numerodecouleur];
}
</script>
</head>
<!-- ---------- Déclaration du tableau dans javascript et copie des données ----- -->
<script type="text/javascript">
var ListeDesCouleurs = new Array(
new Array('black'),new Array('blue'),new Array('darkgreen'),new Array('lime'),new Array('red'),new Array('yellow'),new Array(""));
</script>
<!-- --------------- Déclaration du tableau dans javascript et copie des données ----- -->
Couleur bleu
Couleur bleu
Couleur bleu
Couleur bleu
Couleur bleu
Couleur bleu
</html>
————————————————————————————————————————
il te reste à harmoniser la taille des div IE et FF.
<hr /> Cordialement Bul [mon Site] [M'écrire]