Forum-webmaster
Technique - programmation => Javascript / DOM / Ajax => Message commencé par: bernard26 le le 22-12-2014 a 08:57:17

Titre: Transfert de variable dans un Input hidden
Posté par: bernard26 le le 22-12-2014 a 08:57:17

Bonjour,

Je viens solliciter un "gros" coup de main...
Je suis sérigraphiste et je souhaite permettre aux visiteurs de personnaliser un oblet avec texte, image, couleur du texte.... genre spreadshirt.
Pour ce qui est du texte, police, taille, couleur etc, je suis arrivé à faire quelque chose, là ou j'ai un problème c'est pour transferer l'image de fond, le support qui sera personnalisé.
Donc pour faire simple, je choisi un objet, je le personnalise et au submit je reçois sur une page traitement toutes les variable sous forme de echo $variable;
Pour l'image de fond j'ai ceci :

Code:
<div id="" style="position:relative; float:left" >
      <img src="images/01.jpg" width="400" id="img">
      </div>
<div>
<img src="images/01.jpg" height="110" onClick="ChangeImage(this.src);">&nbsp;&nbsp;
<img src="images/02.jpg" height="110" onClick="ChangeImage(this.src);">&nbsp;&nbsp;
<img src="images/03.jpg" height="110" onClick="ChangeImage(this.src);">
</div>

La fonction qui va bien pour changer l'image de fond :

Code:
function ChangeImage(url) {
         document.getElementById("img").src = url
      }

J'ai fait un set pour l'url de mon image :

Code:
function remplirInput2() {
   var monImage = img.src;
   document.getElementById('monImage').setAttribute('src', monImage);
}

Ca fonctionne puisque je peux avoir l'adresse de mon image dans un "alert"
et pour remplir mon input j'ai ceci :

Code:
   function setImgSrcContent(valeur) {
   var monImage = document.getElementById("img");
      if (img) {
   img.src = valeur;
         remplirInput2(monImage);
   }
}

et bien sur si je suis là, c'est que ca ne fonctionne pas....
J'espère que l'un ou plusieurs d'entre vous pourront me mettre sur la piste, mais quoi qu'il en soit merci d'avoir passer un moment sur mon topic.


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.