Après de longues minutes de recherches sur google et les forums... je n'ai pas trouver comment faire changer la couleur de fond d'une certaine div avec "onmouseover"...
Donc globalement j'ai trouvé un javascript qui me permet d'obtenir une couleur aléatoire. Il est réglé pour changer le fond de la page (body>bgcolor) ce qui ne m'intéresse pas. Il faudrait juste que je réoriente cette fonction vers ma div en question plutôt que le bgcolor, cependant je n'ai aucune idée de la syntaxe à utiliser.
Tout d'abord, le code java que j'ai maintenant:
<script language="javascript">
function getrandom() {
var a1;
var b1;
var c1 ;
var d1 ;
var e1 ;
var f1 ;
var a = Math.round(Math.random()*16);
if (a==0) { a1="0";}
if (a==1) { a1="1";}
if (a==2) { a1="2";}
if (a==3) { a1="3";}
if (a==4) { a1="4";}
if (a==5) { a1="5";}
if (a==6) { a1="6";}
if (a==7) { a1="7";}
if (a==8) { a1="8";}
if (a==9) { a1="9";}
if (a==10) { a1="A";}
if (a==11) { a1="B";}
if (a==12) { a1="C";}
if (a==13) { a1="D";}
if (a==14) { a1="E";}
if (a==15) { a1="F";}
var b = Math.round(Math.random()*16);
if (b==0) { b1="0";}
if (b==1) { b1="1";}
if (b==2) { b1="2";}
if (b==3) { b1="3";}
if (b==4) { b1="4";}
if (b==5) { b1="5";}
if (b==6) { b1="6";}
if (b==7) { b1="7";}
if (b==8) { b1="8";}
if (b==9) { b1="9";}
if (b==10) { b1="A";}
if (b==11) { b1="B";}
if (b==12) { b1="C";}
if (b==13) { b1="D";}
if (b==14) { b1="E";}
if (b==15) { b1="F";}
var c = Math.round(Math.random()*16);
if (c==0) { c1="0";}
if (c==1) { c1="1";}
if (c==2) { c1="2";}
if (c==3) { c1="3";}
if (c==4) { c1="4";}
if (c==5) { c1="5";}
if (c==6) { c1="6";}
if (c==7) { c1="7";}
if (c==8) { c1="8";}
if (c==9) { c1="9";}
if (c==10) { c1="A";}
if (c==11) { c1="B";}
if (c==12) { c1="C";}
if (c==13) { c1="D";}
if (c==14) { c1="E";}
if (c==15) { c1="F";}
var d = Math.round(Math.random()*16);
if (d==0) { d1="0";}
if (d==1) { d1="1";}
if (d==2) { d1="2";}
if (d==3) { d1="3";}
if (d==4) { d1="4";}
if (d==5) { d1="5";}
if (d==6) { d1="6";}
if (d==7) { d1="7";}
if (d==8) { d1="8";}
if (d==9) { d1="9";}
if (d==10) { d1="A";}
if (d==11) { d1="B";}
if (d==12) { d1="C";}
if (d==13) { d1="D";}
if (d==14) { d1="E";}
if (d==15) { d1="F";}
var e = Math.round(Math.random()*16);
if (e==0) { e1="0";}
if (e==1) { e1="1";}
if (e==2) { e1="2";}
if (e==3) { e1="3";}
if (e==4) { e1="4";}
if (e==5) { e1="5";}
if (e==6) { e1="6";}
if (e==7) { e1="7";}
if (e==8) { e1="8";}
if (e==9) { e1="9";}
if (e==10) { e1="A";}
if (e==11) { e1="B";}
if (e==12) { e1="C";}
if (e==13) { e1="D";}
if (e==14) { e1="E";}
if (e==15) { e1="F";}
var f = Math.round(Math.random()*16);
if (f==0) { f1="0";}
if (f==1) { f1="1";}
if (f==2) { f1="2";}
if (f==3) { f1="3";}
if (f==4) { f1="4";}
if (f==5) { f1="5";}
if (f==6) { f1="6";}
if (f==7) { f1="7";}
if (f==8) { f1="8";}
if (f==9) { f1="9";}
if (f==10) { f1="A";}
if (f==11) { f1="B";}
if (f==12) { f1="C";}
if (f==13) { f1="D";}
if (f==14) { f1="E";}
if (f==15) { f1="F";}
document.bgColor=(a1+b1+c1+d1+e1+f1)
}
document.onmouseover=getrandom;
</SCRIPT>
Ensuite voici la structure et l'id de la div:
<body style="font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Sans-serif; font-size:12;">
<div id="menu">
<div id="menu_box">
<div id="menu_title">L'objet qui suit </div>
<br><div id="menu_carre" style="background:{emplacement de la couleur à insérer}"></div><a href="javascript:void(0);">Haut Gauche</a>
<br><a href="javascript:void(0);">Haut Droite</a>
<br><a href="javascript:void(0);">Bas Gauche</a>
<br><a href="javascript:void(0);">Bas Droite</a>
</div>
</div>
Voilà, j'espère que les connaisseurs ont toutes les infos à disposition pour m'indiquer aisément une astuce... :/
Merci beaucoup ;)
Ludo
Cependant je me suis peut être pas exprimé correctement, mon problème n'est pas dans la définition de la couleur, mais dans l'appel de cette couleur depuis la propriété background de ma div. (id="menu_carre" en l'occurence)
Qu'en dis tu?