Image dans la liste déroulante n°2

**EricDou** · 11/06/2014, 10h53

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 php :

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

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 php :

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

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

**Bovino** · 11/06/2014, 10h59

Code php :

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

$tableau="absence" . $compteur;

Comment veux-tu que $tableau puisse valoir un nombre ?

**EricDou** · 11/06/2014, 11h11

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

Code :

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

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

**Auteur** · 11/06/2014, 21h02

bonsoir,

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

**EricDou** · 12/06/2014, 09h43

Code :

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
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 :

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.

Image dans la liste déroulante n°2

JavaScript

Vue hybride

Discussions similaires

Partager

Partager