Discussion :

[CyrilD]

Bonjour,

J'ai une petite erreur dans mon onchange qui est en train de me faire lentement mais surement craquer

Le but est selon le choix dans la liste déroulante, de charger dans le background d'un input une image qui correspond au choix fait

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<select name "select_coloris" onchange "document.getElementById('coloris).style.background 'url(images/this.value)'">
 
<?php
$req_coloris_type_cab  mysql_query("select num_coloris, lib_coloris, lien_image from devis_coloris order by num_coloris ASC;"); 
while ($res_coloris_type_cab  mysql_fetch_array($req_coloris_type_cab))
{ 
         echo '<option value "'.$res_coloris_type_cab[2].'">'.$res_coloris_type_cab[0].' : '.$res_coloris_type_cab[1].'</option>'; 
 }
echo '</select>';
echo '&nbsp;&nbsp; <input type "text" id "coloris" name "coloris" />';

[SpaceFrog]

dans quel code ?

sous IE il faut assortir le onchange d'un petit setTImout parfois pour recupérer le this.value

[CyrilD]

J'essaie une fois de plus de poster mon code mais hum, ce forum ou mon navigateur à un problème, j'arrive même pas à poster un quart de ligne de code

EDIT : Bon, j'ai éditer mon code dans le message 1 ET J'AI TROUVE MON PROBLEME ^^

Ce forum n'aime pas mes signes 'égal', il me plante la création ou l'édition de message si il en voit un, c'est pour ca qu'il n'y en a dans mon code ci dessus ^^

EDIT 2 : J'ai testé sous FF, ca ne marche pas non plus

[CyrilD]

Petit up pour signaler que la ligne de mon onchange ne marche tjs pas.

Vosu aurez remarqué que dans mon code, les signes 'égals' sont remplacés par des espaces ' '.

[vermine]

Bonjour,

C'est un problème de syntaxe. Vous devez obtenir ceci:

Code :

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

1
2
document.getElementById('coloris').style.backgroundImage='url(images/' + this.value + ')';

[CyrilD]

Merci bcp, je venais de trouver le premier '+' à l'aide d'un alert pour obtenir une url correcte (avant j'avais un NaN ou pire) mais j'aurais jamais eu l'idée du second ^^

En tout cas ca marche impec