Discussion :

[bernard26000]

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);">&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>

Fonction pour modifier l'image de fond :

Code :

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

1
2
3
function ChangeImage(url) {
			document.getElementById("img").src = url
}

J'ai fait un set :

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);
}

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 :

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);
    	}
}

Et là où je devrais récupérer l'url j'ai :

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.

[SylvainPV]

Le remplissage d'input se fait de la même façon que tous les autres cas que tu as eu à traiter jusqu'ici : en modifiant leur valeur (value)

Code :

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

1
2
3
function remplirInput2() {
    document.getElementById('monImage').value = document.getElementById("img").src;
}

[Vespiras]

Fonction pour modifier l'image de fond :

Bonjour,

Qu'elle est ta variable img que tu utilises dans tes fonctions remplirInput2 et setImgSrcContent ?

Sinon joyeuses fêtes a toi aussi

[Bovino]

Code :

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

document.getElementById('monImage').setAttribute('src', monImage);

Il faut éviter ce genre de syntaxe. Elle permet de modifier le HTML de la page, or même s'il existe un mécanisme de synchronisation entre la modification du HTML et celle du DOM, toi, tu veux modifier le DOM, donc pour être logique et cohérent, il est donc préférable d'utiliser les objets JavaScript du DOM et de modifier leurs propriétés.

J'avais fait une page de test pour voir le fonctionnement : http://dmouronval.developpez.com/tes...Attributs.html

[bernard26000]

Sylvain.... tu es un Dieu

En fait je me suis compliqué la vie pour rien.

Et si je veux continuer à utiliser le JavaScript il va falloir que je change un peu ma façon de raisonner....

En tout cas je suis super content

J'aurai probablement l'occasion de revenir vous soumettre mes petits problèmes...
Merci Bovino et Vespiras

Passez tous de bonnes Fêtes

[bernard26000]

Ben en fait non... ca ne marche pas

Il se passe un truc étrange, mais je vais essayer de voir d'où ca vient, rapidement, j'ai une fonction affiche qui doit me permettre de controler si j'ai bien l'url de l'image, je clique dessus, il ne se passe rien, et quand je fais envoyer, j'ai bien l'url sur la page suivante, mais rien si je ne clique pas sur la fonction affiche...

C'est normal il ne m'arrive que des trucs de ouf ...

Ca n'empeche pas que... bonnes fêtes a tous

A bientôt

[Vespiras]

Si j'ai bien compris tu es obligé de cliquer sur un bouton qui déclenche la fonction affiche pour pouvoir avoir ton URL ? Peux-tu nous montrer la fonction en question stp ?