Barème des heures!

Version imprimable

17/01/2012, 16h14
elec1984

1 pièce(s) jointe(s)

Barème des heures!

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
17/01/2012, 16h27
SpaceFrog

une div avec une image en background et une gestion du background position en % directement
17/01/2012, 17h35
elec1984

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

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

Code:

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

18/01/2012, 16h27
elec1984

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