Image dans la liste déroulante n°2

Version imprimable

Après avoir résolu le premier problème : http://www.developpez.net/forums/d14...te-deroulante/

J'ai encore un petit soucis. Les valeurs sont enregistrées dans la base de données. lorsque je veux visualiser le tableau d'absence des élèves, il se peut que je peux modifier l'absence (matin ou aprés-midi ou journée) mais là, je suis coincé que l'image n'apparaît pas par défaut. (cf lien suivant pour tester : http://www.irpa-epdsae.fr/die_calend...egende_bis.php)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <form id="form1" name="form1" method="post" action=""><?php while($compteur<=5) { $tableau="absence" . $compteur; ?> <select id="<?php echo $tableau; ?>" onchange="change(this);" name="<?php echo $tableau; ?>"> <option value="0" <?php if ($tableau==0) { ?> selected="selected" <?php } ?> style="background:url('images/icone_presence_journee_v2.png') no-repeat; width:15px; height:15px;"></option> <option value="1" <?php if ($tableau==1) { ?> selected="selected" <?php } ?> style="background:url('images/icone_absence_matin_v2.png') no-repeat; width:15px; height:15px;"></option> <option value="2" <?php if ($tableau==2) { ?> selected="selected" <?php } ?> style="background:url('images/icone_absence_apresmidi_v2.png') no-repeat; width:15px; height:15px;"></option> <option value="3" <?php if ($tableau==3) { ?> selected="selected" <?php } ?> style="background:url('images/icone_absence_journee_v2.png') no-repeat; width:15px; height:15px;"></option> </select><?php $compteur++; } ?> <input type="submit" name="maj" value="Envoyer" /> </form>
Lorsque la valeur récupérée de la table (exemple : $tableau=2), je voulais que l'image apparait par défaut dans la liste déroulante mais ça reste vide !!!

j'ai essayé de bricoler :

Code:

<option value="2" <?php if ($tableau==2) { ?> selected="selected" <?php } ?> style="background:url('images/icone_absence_apresmidi_v2.png') no-repeat; width:15px; height:15px;"><img src="images/icone_absence_apresmidi_v2.png" width="15" height="15" /></option>

et ça ne marche pas ...

c'est compliqué avec une image. C'est plus facile lorsque c'est un caractère.

Merci de votre aide.

11/06/2014, 10h59
Bovino

Code:

$tableau="absence" . $compteur;

Comment veux-tu que $tableau puisse valoir un nombre ? :no:
11/06/2014, 11h11
EricDou

Oui, c'est un exemple. mais ce qui m'intéresse le plus sur la formule :

Code:

<option value="0" <?php if ($tableau==0) { ?> selected="selected" <?php } ?> style="background:url('images/icone_presence_journee_v2.png') no-repeat; width:15px; height:15px;">?????</option>
11/06/2014, 21h02
Auteur

bonsoir,

peut-on avoir les codes HTML et javascript générés par ce script PHP ?

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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<link href="test.css" rel="stylesheet" type="text/css">
 
<script language="javascript">
function change(select) {
 
var select_s = select.style;
 
switch(select.selectedIndex) {
 
case 0 :
select_s.background = "url('images/icone_presence_journee_v2.png') no-repeat";
break;
 
case 1 :
select_s.background = "url('images/icone_absence_matin_v2.png') no-repeat";
break;
 
case 2 :
select_s.background = "url('images/icone_absence_apresmidi_v2.png') no-repeat";
break;
 
case 3 :
select_s.background = "url('images/icone_absence_journee_v2.png') no-repeat";
break;
 
default:
select_s.background = "none";
break;
}
}
</script>
</head>
<body>
<?php 
if (isset($_POST['maj']))
 {
  echo "Processus n°1 <br />";
  $compteur=1;
  while ($compteur<=5)
   {
    $valeur_recuperee="absence" . $compteur;
        $absence_recuperee=$_POST[$valeur_recuperee];
        echo $valeur_recuperee . " = " . $absence_recuperee . "<br />";
        $compteur++;
   } ?>
  <br /><?php 
 }
 
$compteur=1; ?>
 
<form id="form1" name="form1" method="post" action=""><?php 
 while($compteur<=5)
  { 
   $tableau="absence" . $compteur; 
   if ($compteur==1) $absence_recuperee=1;
   if ($compteur==2) $absence_recuperee=3;
   if ($compteur==3) $absence_recuperee=0;
   if ($compteur==4) $absence_recuperee=2;
   if ($compteur==5) $absence_recuperee=0; ?>
   <select id="<?php echo $tableau; ?>" onchange="change(this);" name="<?php echo $tableau; ?>">
    <option value="0" <?php if ($absence_recuperee==0) { ?> selected="selected" <?php } ?> style="background:url('images/icone_presence_journee_v2.png') no-repeat; width:15px; height:15px;"><?php echo $absence_recuperee; ?></option>
    <option value="1" <?php if ($absence_recuperee==1) { ?> selected="selected" <?php } ?> style="background:url('images/icone_absence_matin_v2.png') no-repeat; width:15px; height:15px;"><?php echo $absence_recuperee; ?></option>
    <option value="2" <?php if ($absence_recuperee==2) { ?> selected="selected" <?php } ?> style="background:url('images/icone_absence_apresmidi_v2.png') no-repeat; width:15px; height:15px;"><?php echo $absence_recuperee; ?></option>	
    <option value="3" <?php if ($absence_recuperee==3) { ?> selected="selected" <?php } ?> style="background:url('images/icone_absence_journee_v2.png') no-repeat; width:15px; height:15px;"><?php echo $absence_recuperee; ?></option>
   </select><?php 
   $compteur++;
  } ?>
 <input type="submit" name="maj" value="Envoyer" />
</form>
<p>&nbsp;</p>
<p><strong>L&eacute;gende :</strong></p>
<p> <img src="images/icone_presence_journee_v2.png" width="15" height="15" /> Usager pr&eacute;sent <br />
  <img src="images/icone_absence_matin_v2.png" width="15" height="15" /> Absent le matin<br />
<img src="images/icone_absence_apresmidi_v2.png" width="15" height="15" /> Absent l'apr&egrave;s-midi<br />
<img src="images/icone_absence_journee_v2.png" width="15" height="15" /> Absent la journ&eacute;e </p>
</body>
</html>

J'ai mis 5 variables :

Citation:

if ($compteur==1) $absence_recuperee=1;
if ($compteur==2) $absence_recuperee=3;
if ($compteur==3) $absence_recuperee=0;
if ($compteur==4) $absence_recuperee=2;
if ($compteur==5) $absence_recuperee=0;

ces variables sont considérées comme on a récupéré les valeurs de la table.

Merci d'avance.