Définir la variable dans la variable / paramètre et en javascript?

Question

Je veux définir une variable / paramètre dans CSS et l'accès par javascript. Quelle est la meilleure façon de le faire?

Une option que je pensais serait de placer un attribut cutsom sur l'élément body, puis accédez à cet attribut via jQuery.

Un peu plus d'info: je définir des ensembles de couleurs en CSS. J'ai créé une fonction avec RaphaelJS pour dessiner un fond dégradé sur la page. Je veux que cette fonction à utiliser couleur de surbrillance (qui n'est pas utilisé ailleurs sur le DOM) qui sera définie dans le CSS ainsi que les autres éléments de couleur.

Merci

Answer 1

Créer un élément fictif en utilisant jQuery, assigner la hightlightColour de classe, obtenir des définitions CSS que vous pourriez avoir besoin et détruire l'élément.

$(function() {
    var highlightColour = getClassCSS('highlightColour', 'color');
    alert(highlightColour);
});

function getClassCSS(className, attribute) {
    var mock = $('<div />').addClass(className).appendTo('body');
    var value = mock.css(attribute);
    mock.remove();
    return value;
}

Cet extrait de code obtiendrait l'attribut color qui est défini pour la classe highlightColour en CSS. Assurez-vous qu'il n'y a rien les attributs d'écraser. Testé et le travail sur Firefox 3.6.