Passage d'une image de fond dans un input hidden
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:
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 :
Code:
1
2
3
| function ChangeImage(url) {
document.getElementById("img").src = url
} |
J'ai fait un set :
Code:
1
2
3
4
| function remplirInput2() {
var monImage = img.src;
document.getElementById('monImage').setAttribute('src', monImage);
} |
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.
Là où je suis planté lamentablement c'est pour remplir l'input, j'ai bien fait ça :
Code:
1
2
3
4
5
6
7
| function setImgSrcContent(src) {
var monImage = document.getElementById("img");
if (img) {
img.src = src;
remplirInput2(monImage);
}
} |
Et là où je devrais récupérer l'url j'ai :
Code:
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. :D
