Bonjour
 
Je souhaiterais creer sur une page WEB, une simple barre de remplissage qui changerais d'aspect en fonction de 3 variables :
 
la 1ere variable defini la longueur de la barre
la 2eme defini la longueur d'une plus petite zone a l'intérieur
et la 2eme encore une plus petite..
 
Je voudrais donc une barre de remplissage (une sorte de diagramme en fait) ayant 3 couleurs différentes pour chaques zones
 
Un petit dessin pour mieu me faire comprendre :

 
En fait mon premier probleme et que je ne sais pas exactement quel language utiliser pour faire cette barre..
Je sais seulement que je recupererais les valeurs des 3 variables grace a php/MySQL
 
Avez vous des idées? est ce possible en PHP (jouer sur la largeur de  div en fonction des variable? ca va etre chiant) ou javascript?
 
merci bcp

bah, ca dépend de quelle manière tu veux mettre ta page a jour....
si tu peux repasser par le serveur, faire ca via PHP me paraît le plus simple.. (sachant que tu n'est pas obligé de jouer sur un div mais simplement sur des largeurs de 'TD' dans une table à une seul ligne)
sinon, jscript...

si tu veux ke ce soit dynamique et en live pour le client ben JS
 
sinon en PHP ca se fait les doigts dans le nez

Salut a vous
 
Aucun probleme pour le dynamique.. dans le contexte de mon appli ca ne servirait a rien.. JE recupere juste les 3 variable au chargement de la page et ca roulz !
 
Donc selon, l'idée de jouer sur les largeurs de <div> (ou <table> mais un div ne serait il pas plus propre?) est elle la bonne et la plus simple a mettre en place?
 
Si oui je vois a peu pres comment faire

heuu je t'ai fais ca. Si ca te dit :
 
http://gatsu.ftp.free.fr/html/test [...] ession.htm

Merci c'est top
 
mais j'ai reussi de mon coté a faire un ptit truc tout simple en php, la barre de progression est une super idée mais ca collera pas avec le site que je fait
Par contre je m'en reservirais

#conso {  
    background-color:#FE0000;
    width:<? echo ($conso_pourcent.'%'); ?>;
    }
 
c'est autorisé un truc comme ca ? ^^

c'est pas autorisé, et ca ne marchera pas ...

Ok donc pour changer la valeur width de mon ma div (donc modif le css), je suis bien obligé de passer par le javascript?
 
meme un
<div id="conso" width="<? echo ($conso_pourcent.'%'); ?>">&nbsp
ne marche pas

<div id="conso" style="width:<? echo ($conso_pourcent.'%'); ?>">&

merci beaucoup

   
 
Bien sûr que si c'est autorisé, où est le problème?

c'est autorisé de mettre du php DANS la CSS ?

 
Si ta page CSS est générée par PHP, pourquoi pas :
http://antp.be/main.css
http://antp.be/main.css?c=red
http://antp.be/main.css?c=green
etc.

Tu génère ta CSS avec du PHP  
 
Un fichier PHp ça sort jamais que du texte hein, après tu dis au browser de l'interpréter, donc si tu veux faire

rien ne t'en empêche

antp => Tu as demandé à ton serveur Apache que php traite les CSS ?  

Ah ben je savais pas ça ...
 
C'est quand meme un truc que j'éviterai, je trouve que c'est deja assez le bordel de devoir parfois foutre du php dans le code html, si en plus on en met dans les CSS ..
 
 

 
Le vrai non du fichier est main.css.php, mais sur les serveurs d'OVH on peut ommetre l'extension (un des mods apache, je ne me souviens plus duquel, ça permet aussi d'avoir par ex index.fr.php, index.en.php, etc. et que le serveur prenne le bon selon la langue définie dans le navigateur de l'utilisateur)
Il ne faut évidemment pas oublier de préciser le bon type MIME, parce que Mozilla n'aime pas recevoir une page CSS envoyée comme du HTML

C'est le moins qu'on puisse dire

Re
 
Bon ma barre marche bien, mais est ce que quelqu'un aurait une astuce pour pouvoir centrer juste audessus de chaque hangement de couleur la valeur qui appartient a chaque fois (comme sur mon dessin dans mon premier post)
 
voila le code actuel :

 
je test des trucs de mon coté mais javoue que je galere