Barème des heures!

**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...

Barème des heures!

JavaScript

Discussions similaires

Partager

Partager