Barème des heures! [Résolu]

elec1984 · 17/01/2012, 16h14

Bonjour,j'ai un petit soucis avec du JS puisque je suis un peu débutant la dessous,bref ce que je souhaite c'est une barème qui ressemble à l'image en pièce jointe,la fonctionnalité est de donner une statistique sur les nombres des heures de travail d'une personne par jour,c'est un peu dynamique et les données saisie c'est en PHP,merci

SpaceFrog · 17/01/2012, 16h27

une div avec une image en background et une gestion du background position en % directement

elec1984 · 17/01/2012, 17h35

l'idée est trop clair mais je souhaite une petite explication au niveau code JS

NoSmoking · 17/01/2012, 22h05

Bonsoir,
un petit exemple de ce qui pourrait être mis en place

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
.barre{
  width:240px;
  height:30px;
  border:1px solid #e0e0e0;
}
.temps{
  background-color:#e0ffe0;
  text-align:center;
  line-height:30px;
}
#valeur1{ width:50%;}
#valeur2{ width:80%;}
#valeur3{ width:25%;}
 
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="barre">
  <div id="valeur1" class="temps">50%</div>
</div>
<div class="barre">
  <div id="valeur2" class="temps">80%</div>
</div>
<div class="barre">
  <div id="valeur3" class="temps">25%</div>
</div>
</body>
</html>

sur base de CSS

elec1984 · 18/01/2012, 16h27

Merci beaucoup, c'est génial. Je passe en Résolu...

17/01/2012, 16h27	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 202 Points : 45 202	une div avec une image en background et une gestion du background position en % directement __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

17/01/2012, 17h35	#3
elec1984 Invité régulier Inscription : octobre 2009 Messages : 60 Détails du profil Informations forums : Inscription : octobre 2009 Messages : 60 Points : 7 Points : 7	l'idée est trop clair mais je souhaite une petite explication au niveau code JS
	00

18/01/2012, 16h27	#5
elec1984 Invité régulier Inscription : octobre 2009 Messages : 60 Détails du profil Informations forums : Inscription : octobre 2009 Messages : 60 Points : 7 Points : 7	Merci beaucoup, c'est génial. Je passe en Résolu...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email