11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,

Voici ma problématique, je cherche à modifier dynamiquement certaines propriétés css lors d'un événement onemouseover. Jusque là pas de problème, avec dom ça se fait tranquille, sauf que je voudrais faire ça avec comme variable le nom de la div ET la propriété css !

Exemple :



function over(couleur,id,elcss){

//couleur est la valeur à attribuer admettons qu'elle vale #FFFFFF
//id est l'id de la div pour laquelle on veut changer la couleur admettons qu'elle soit #menu
//elcss est la proprieté à changer ex: backgroundColor mais ça peut être tout autre propriété

document.getElementById(id).style.elcss = couleur; //ne marche pas


}



On m'a parlé de eval() mais je n'y parvient pas non plus malgrès mes recherches. Une idée ?

Merci Smiley cligne
Modifié par Aurel69 (28 Aug 2008 - 10:19)
Salut,

Tu peux essayer ceci :


function over(couleur,id,elcss){
   document.getElementById(id).style[ elcss ] = couleur;//sans les espaces dans les crochets (bbcode)
}

Modifié par matmat (27 Aug 2008 - 23:44)