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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
| <?php
if (isset($_POST['envoi']))
{
function Note_interval($note,$interval)
{
$note = substr($note,1);// supprime le premier caractère qui est un lettre
$note = intval($note); // caste le résultat en entier
$note = floor($note/$interval);//arrondi à l'entier inférieur
return $note;
}
$interval = 4;
$note1 = Note_interval($_POST['ligne_value'],$interval);
$note2 = Note_interval($_POST['ligne_value_2'],$interval);
echo 'note ligne 1 = '.htmlspecialchars($note1);
echo '<br />';
echo 'note ligne 2 = '.htmlspecialchars($note2);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script type="text/javascript">
<!--
function marque(el,id_ligne,id_input) // el représente l'objet cliqué puisqu'il reçois "this" (= l'objet en cours) dans l'appel de la fonction
{
// cherche l'élément avec un id = ligne
var ligne = document.getElementById(id_ligne);
// cherche l'élément avec un id = ligne_value
var input = document.getElementById(id_input);
// si var ligne est défini
if (typeof ligne != 'undefined')
{
// Tableau des tag (balises) "img" contenus dans l'élément var ligne
var tab_img = ligne.getElementsByTagName('img');
// Longueur du tableau
var tab_img_length = tab_img.length;
for (var i= 0; i < tab_img_length; i++)//liste les éléments du tableau
{
tab_img[i].src = "images_nav/segment.png";// on attribue à toutes les sources des images du tableau l'image du segment continu
if(tab_img[i].id == el.id) // si l'id de l'image du tableau est égal à l'id cliqué
{
//on attribue à la source de l'image de l'objet cliqué, l'image avec le segment vertical
el.src = "images_nav/segment_v.png";
//si var input est défini on lui donne la valeur de l'id de l'objet cliqué
if (typeof input != 'undefined') input.value = el.id;
}
}
}
}
-->
</script>
</head>
<body>
<div>
<form action = "#" method = "post">
<p>
<span id="ligne">
<?php
// on affiche 40 segments de ligne (de 0 à 39) avec un id incrémenté s0,s1,s2,s3...
for($i=0; $i<40;$i++){?><img src="images_nav/segment.png" id="s<?php echo $i?>" onclick="marque(this,'ligne','ligne_value')"/><?php } ?>
</span>
<input type = "hidden" name = "ligne_value" id = "ligne_value" />
</p>
<p>
<span id="ligne_2">
<?php
// on affiche 40 segments de ligne (de 0 à 39) avec un id incrémenté t0,t1,t2,t3...
for($i=0; $i<40;$i++){?><img src="images_nav/segment.png" id="t<?php echo $i?>" onclick="marque(this,'ligne_2','ligne_value_2')"/><?php } ?>
</span>
<input type = "hidden" name = "ligne_value_2" id = "ligne_value_2" />
</p>
<input type = "submit" value = "Envoyez" name="envoi" />
</form>
</div>
</body>
</html> |
Répondre avec citation
Envoyé par rocofolie
Partager