Créé du CSS ?

Au final, tu comptes faire un système ressemblant au CSS mais qui accepte les calculs tel que "width: 90% - 500px" (par exemple) ?
En Javascript on peut récupérer les informations du CSS et les modifier. Dès que je retrouve ces fonctions je te les envoi (mots-clés: Javascript css). Tu pourras appeler une fonction css(element, attribut, valeur), qui modifie les propriétés d'un élément. C'est bien ce que tu veux ?
Si je me trompe, explique-moi alors ;-)

Salut !

Je plussoie pour le commentaire de Bilow.

Le Javascript te permet de faire ces calculs. Exemple : pour la largeur de tes divisions, tu peux comparer le document.<division>.width avec le window.innerWidth pour donner à ta div une largeur en fonction de la largeur de la fenêtre, en prenant en compte s'il y a une barre de défilement à droite ou d'autres variables. Puis tu envoies le résultat de tout ça dans le width CSS de ta division.

Note : c'est très malpropre, et l'ennui c'est que quelques utilisateurs n'ont pas Javascript d'activé, donc ce système a aussi ses faiblesses.

Mais je te dirais : tu n'as même pas besoin de ça. Si ton CSS te pose problème, c'est probablement que tu le construis mal. À la limite, pour faire face aux différences de navigateurs, tu insères un peu de Smarty pointant vers des feuilles de styles adaptées et le tour est joué.

Je n'ai pas encore rencontré de situation où ce genre de problème était tellement insurmontable que j'ai eu recours à du JS. Mon CSS a toujours fini par faire ce que je voulais. Ceci dit, peut-être que tu peux aussi expliquer pourquoi tu as besoin de ça ? Peut-être qu'il existe une alternative ?

Eh oui c'est tard :p
Oui, en Javascript tu peux récupérer des attributs. Tu auras boin des Regex, et aussi de pouvoir ajouter des propriétés CSS en général ( je pense aux classes). Ces fonctions avaient les mots-clés "CSS, add, rule, addcss" et quelque chose dans le genre... Mais j'ai oublié les noms précis. Bonne recherche ;-)

Edit: Je viens de retrouver mon code de 400 lignes qui ne m'a servi à rien à part apprendre pas mal de fonctions, voici le passage pour le CSS :

var temp_style = document.createElement('style');
temp_style.type = 'text/css';
var temp_head = document.getElementsByTagName('head').item(0);
temp_head.appendChild(temp_style);

map.construct.css = function(objet, attribut, valeur){

if(document.styleSheets[0].insertRule){

var cssType;
if(document.styleSheets[0]['rules']){
cssType = 'rules';
}
else if(document.styleSheets[0]['cssRules']){
cssType = 'cssRules';
}

document.styleSheets[0].insertRule(objet + ' { '+ attribut +': '+ valeur +'; }', document.styleSheets[0]cssType].length);

}
else if(document.styleSheets[0].addRule){
document.styleSheets[0].addRule(objet, attribut + ': '+ valeur +';');
}

}

Quelques explication :
Pour ajouter en Javascript une propriété CSS de cette manière, il faut absolument qu'il y ait une feuille de style déjà déclarée auparavant, soit par la balise <style>, soit par <link> ; COmme ce n'était pas mon cas, j'ai dû ajouter automatiquement une feuille de style, en Javascript. C'est ce à quoi servent les quatre premières lignes. Tu peux donc les enlever s'il y a une feuille de style déjà déclarée.

map.construct.css était le nom de ma fonction, à toi de le modifier...

Il te restera à appeler cette fonction de cette manière :

map.construct.css(".zone", "background", "white");
map.construct.css(".zone", "opacity", "0");
map.construct.css(".zone", "filter", "alpha(opacity=0)");

Complément d'info pouvant te servir :
Tu peux ajouter des fichiers JS de la même manière que je l'ai fait avec les feuilles de style.

function addJS(src){
var temp_script = document.createElement('script');
temp_script.type = 'text/javascript';
temp_script.src = src;
var temp_head = document.getElementsByTagName('head').item(0);
temp_head.appendChild(temp_script);
}

J'avais pas mal de lignes que j'allais jeter, content que ça ait pu servir à quelqu'un. Bonne chance !

he ben ... merci, je crois que j'en aurais besoin :S
x)