Discussion :

[Antherak]

Bonjour,

Est-ce que quelqu'un peut m'aider à faire fonctionner ce code sous IE7. Je n'y suis pas parvenu que sour FF.
Merci par avance.

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
 
<td width='11%'><center>
<select name="tub_cad[<?php echo $i ;?>]" class="" id="selecttub[<?php echo $i ;?>]" style="width:100%;text-align:right;" onchange="change()" value="<?php echo $tub_cad ?>" >
<option value="T01_FO_ROUGE" style='background-image:url("image/T01_FI_ROU.png");background-repeat:no-repeat;width:100%; height:19px;text-align:right;text-align:right;'>T01_F01</option>
<option value="T02_FO_ROUGE" style='background-image:url("image/T02_FI_ROU.png"); background-repeat:no-repeat;width:100%; height:19px;text-align:right'>T02_F01</option>
 
</select></td>
 
 
 
<script>
function change() {
 
select = document.getElementById("selecttub[<?php echo $i ;?>]");
select_s = select.style;
 
switch(select.selectedIndex) {
 
case 0 :
select_s.background = "url('image/T01_FI_ROU.png') no-repeat";
break;
 
 case 1 :
select_s.background = "url('image/T02_FI_ROU.png') no-repeat";
break;
 
// case 2 :
// select_s.background = "url('image3.ext') no-repeat";
// break;
 
// case 3 :
// select_s.background = "url('image4.ext') no-repeat";
// break;
 
default:
select_s.background = "none";
break;
}
}
 
</script>

Par la même occasion, comment dois-je procéder pour envoyer la valeur prise par $i (id="selected[<?php echo $i ;?>]" dans le cas ou je traiterai la fonction change() dans un ficier à part.

Merci

[SpaceFrog]

je ne pense pas que l'id se gère comme les names avec des [] ...

[andry.aime]

Salut,

<option value="T01_FO_ROUGE" style='background-image:url("image/T01_FI_ROU.png");background-repeat:no-repeat;width:100%; height:19px;text-align:right;text-align:right;'>T01_F01</option>
<option value="T02_FO_ROUGE" style='background-image:url("image/T02_FI_ROU.png"); background-repeat:no-repeat;width:100%; height:19px;text-align:right'>T02_F01</option>

Code :

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

1
2
<option value="T01_FO_ROUGE" style="background-image:url(image/T01_FI_ROU.png);background-repeat:no-repeat;width:100%; height:19px;text-align:right;text-align:right;">T01_F01</option>
<option value="T02_FO_ROUGE" style="background-image:url(image/T02_FI_ROU.png); background-repeat:no-repeat;width:100%; height:19px;text-align:right">T02_F01</option>

[Antherak]

J'ai pourtant déjà utilisé cette façon de faire en ayant un résultat ok dans les 2 navigateurs
Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<td valign="center" width="8%"><input  class="" name="reserve[<?php echo $i ;?>]" style="position:relative;width:100%;font-size:22px;height:36px;text-align:center;"  type="text" name="reserve[<?php echo $i ;?>]" id="reserve[<?php echo $i ;?>]"  onchange="coche(this,'noreserve[<?php echo $i ;?>]')" 
onClick="
document.getElementById('reserve[<?php echo $i ;?>]').style.backgroundColor='#FFDC7F'; 
document.getElementById('reserve[<?php echo $i ;?>]').value='X';
document.getElementById('noreserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF';
document.getElementById('noreserve[<?php echo $i ;?>]').value='';"
ondblclick="document.getElementById('reserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF'; 
document.getElementById('reserve[<?php echo $i ;?>]').value='*';
document.getElementById('noreserve[<?php echo $i ;?>]').style.backgroundColor='#CFCFCF';
document.getElementById('noreserve[<?php echo $i ;?>]').value='*';" value="<?php echo $res_nro_audit; ?>"></td>

[Antherak]

Salut

Salut,

Code :

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

1
2
<option value="T01_FO_ROUGE" style="background-image:url(image/T01_FI_ROU.png);background-repeat:no-repeat;width:100%; height:19px;text-align:right;text-align:right;">T01_F01</option>
<option value="T02_FO_ROUGE" style="background-image:url(image/T02_FI_ROU.png); background-repeat:no-repeat;width:100%; height:19px;text-align:right">T02_F01</option>

J'avais déjà essayé d'où le chgt " par ' mais ça ne marche pas. la soluce est ailleurs.

Merci de vous interesser à mon sujet.

[Bovino]

la soluce est ailleurs.

Utiliser les mêmes sélecteurs de styles par exemple ?

Code :

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

1
2
<option value="T01_FO_ROUGE" style='background:url(image/T01_FI_ROU.png) no-repeat;width:100%; height:19px;text-align:right;text-align:right;'>T01_F01</option>
<option value="T02_FO_ROUGE" style='background:url(image/T02_FI_ROU.png) no-repeat;width:100%; height:19px;text-align:right'>T02_F01</option>

[Antherak]

Bonjour bovino

J'avais déjà essayé :
ça marche po.

[Bovino]

Euh...

Code :

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

select = document.getElementById("selecttub[<?php echo $i ;?>]");

Ca donne quoi coté client (en code généré) ?

[Antherak]

Euh...

Code :

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

select = document.getElementById("selecttub[<?php echo $i ;?>]");

Ca donne quoi coté client (en code généré) ?

ça donne

select = document.getElementById("selecttub[1]");

quand $i=1. (d'où ma seconde question comment transférer correctement $i si je gère cette fonction dans un fichier à part)

Encore une fois et comme le titre l'indique ce code marche parfaitement sous firefox mais pas sous IE7. Pourtant je n'ai pas d'erreur java sous IE7 mais le select ne réagit pas au style imposé. Même le texte n'est pas aligné en right alors que sous ff tout se déroule bien.

[Antherak]

Bonjour à tous,

J'ai modifié l'ensemble de mon code afin de contourner la difficulté.
Merci quand même.