Changement background-image sous IE7

Version imprimable

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:

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

13/03/2009, 12h33
SpaceFrog

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

Salut,

Citation:

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

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>

Réponse SpaceFrog

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

Code:

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>

Réponse andry.aime

Salut
Citation:
Envoyé par andry.aime
Salut,
Code:

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.

Citation:

la soluce est ailleurs.

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

Code:

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>

13/03/2009, 15h45
Antherak

Réponse à Bovino

Bonjour bovino

J'avais déjà essayé :
ça marche po.
14/03/2009, 08h40
Bovino

Euh...

Code:

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

Ca donne quoi coté client (en code généré) ?
14/03/2009, 11h29
Antherak

Citation:

Envoyé par Bovino

Euh...

Code:

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.
16/03/2009, 18h02
Antherak

Bonjour à tous,

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