Bonjour à tous et toutes,
Ceci est la suite de mes aventures, pour que ça soit un peu plus clair, j'ai ouvert un nouveau sujet.
Projet : permettre aux visiteurs de choisir une image de fond, pouvoir insérer l'url dans un input hidden, et de la récupérer sous forme de variable PHP du genre echo $variable pour traitement.
Pour afficher mes images j'ai :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <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);"> <img src="images/02.jpg" height="110" onClick="ChangeImage(this.src);"> <img src="images/03.jpg" height="110" onClick="ChangeImage(this.src);"> </div>
Fonction pour modifier l'image de fond :
J'ai fait un set :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 function ChangeImage(url) { document.getElementById("img").src = url }
A priori je suis sur la bonne voie parce que quand je fais un alert(monImage) j'ai bien le chemin complet de l'image.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 function remplirInput2() { var monImage = img.src; document.getElementById('monImage').setAttribute('src', monImage); }
Là où je suis planté lamentablement c'est pour remplir l'input, j'ai bien fait ça :
Et là où je devrais récupérer l'url j'ai :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 function setImgSrcContent(src) { var monImage = document.getElementById("img"); if (img) { img.src = src; remplirInput2(monImage); } }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <form action="traitement2.php" method="post"> <input type="hidden" name="monImage" id="monImage" value="" > <input type="submit" id="" value="Envoyer">
Mais, ça ne fonctionne pas...
Merci d'avoir passé un moment sur mon topic, je vous souhaite à tous de bonnes fêtes de Noël.![]()
Partager