document.getElementById avec href

Bonjour,

voila au clic d'une liste déroulante je voulais faire un visualisation dans un div de l image choisi j'ai donc fait ceci:

Code:

---

1 2 3 4 5 6 7 8

function ChangerImage(t) { var mSelect = t.options[t.selectedIndex].value; document.getElementById('Image').src = mSelect;   var mSelect2 = t.options[t.selectedIndex].text; document.getElementById('id_image').href.value="GestGalerie.php"= mSelect2;   }

---

ca fonctionne nikel, mais je voulais aussi qu'il envoi cette valeur par GET, j'ai fait ca mais ca ne m'envoir rien, je ne voi pas comment fonctionne le href avec javascript.

merci.

Bonjour,

Citation:

---

Envoyé par kate59

Code:

---

1 2 3 4 5 6 7 8

function ChangerImage(t) { var mSelect = t.options[t.selectedIndex].value; document.getElementById('Image').src = mSelect; var mSelect2 = t.options[t.selectedIndex].text; document.getElementById('id_image').href.value="GestGalerie.php"= mSelect2; }

---

---

C'est bon ça?

Citation:

---

Envoyé par kate59

ca fonctionne nikel, mais je voulais aussi qu'il envoi cette valeur par GET, j'ai fait ca mais ca ne m'envoir rien, je ne voi pas comment fonctionne le href avec javascript.

---

Regarde du coté AJAX.

A+.

je voulais le faire en GET mais je ne peux du faite que c est un formulaire en post , j ai fais des recherche il y a bc de forum mais pas de solution tres optimiser.

vous auriez une solution plus simple en ajax, en reprenant je doit recuperer le select selectionner et le mettre dans une variable php donc je dois jouer coté serveur et client mais impossible de trouver qq chose de moins complex.

merci.

Dans ce cas, tu le concatènes sur l'attribut action du formulaire.

A+.

J'ai créer ceci la fonction fonctionne mais il y a un problème, il affiche bien l image mais après il envoie le ref avec l id mais la photo n apparait plus.

Code:

---

1 2 3 4 5 6 7

function ChangerImage(t,id) { var mSelect = t.options[t.selectedIndex].value; document.getElementById('Image').src = mSelect; var mSelect2 = t.options[t.selectedIndex].text; top.document.location = "?ref="+mSelect2+"&id="+id; }

---

Comment faire?

Merci.

Que veux tu faire exactement ?

Tu veux que quand tu sélectionnes un élément, ça changes l'image et garder une valeur que tu veux passer en URL quand tu submites le formulaire?
Ou bien tu veux tout de suite recharger la page en gardant le photo?

A+.

en faites je suis sur un formulaire dessus j'ai une liste deroulante et une zone de texte.Je veux que quand on sélectionne dans la liste déroulante directement dans un div l'image s'affiche grace au src :

Code:

---

1 2	var mSelect = t.options[t.selectedIndex].value; document.getElementById('Image').src = mSelect;

---

et en meme temps dans un div le texte de cette image s'affiche:

Code:

---

1 2	var mSelect2 = t.options[t.selectedIndex].text; top.document.location = "?ref="+mSelect2+"&id="+id;

---

avec le meme clic et en meme temps sans recharger la page.

merci.

Autant je comprends la partie modification de l'image, autant le reste, je vois pas le rapport entre

Citation:

---

en meme temps dans un div le texte de cette image s'affiche

---

et une redirection

Code:

---

top.document.location = "?ref="+mSelect2+"&id="+id;

---

:koi:

Ce code me permet d afficher mon image dans un div en recuperant une donnée que j'ai besoin:

Code:

---

1 2	var mSelect = t.options[t.selectedIndex].value; document.getElementById('Image').src = mSelect;

---

code php:

Code:

---

1 2	$body.=' <img id="Image" src="'.RACINE_BACKEND.'images/not-image.png" /></div>';

---

Ce code me permet d afficher mon texte dans un div en recuperant une donnée que j'ai besoin qui est la ref de l'image ainsi je peut utiliser ma fonction getUniqueByTitre:

Code:

---

1 2	var mSelect2 = t.options[t.selectedIndex].text; top.document.location = "?ref="+mSelect2+"&id="+id;

---

code php:

Code:

---

1 2 3 4 5 6 7

$ItemIllustration = $managerIllustration->getUniqueByTitre($_GET['ref']);   $body.='<fieldset> <p> <label for="form_largeur">Titre : </label> <input type="text" id="titre" name="titre" value="'.$ItemIllustration->getTitre().'"/> </p>

---

merci

Citation:

---

Envoyé par kate59

et en meme temps dans un div le texte de cette image s'affiche:

Code:

---

1 2	var mSelect2 = t.options[t.selectedIndex].text; top.document.location = "?ref="+mSelect2+"&id="+id;

---

avec le meme clic et en meme temps sans recharger la page.

---

Ben si c'est le texte de l'option du select, un innerHTML d'un span (ou balise p, div,..) dans le div contenant l'image suffit.

Code:

---

1 2	var mSelect2 = t.options[t.selectedIndex].text; document.getElementById("idDuSpan").innerHTML = mSelect2;

---

Mais si le texte est à chercher au serveur, tu dois utiliser AJAX pour le récupérer ensuite tu passes toujours par l'innerHTML.

A+.

bonjour,

c est un texte a récupérer sur une base mysql grâce a la référence que je renvoie donc dans mon cas precis comment me retourner la ref sans via URL comme ce que j'ai fait si c est ca qui pose probleme.

merci.

Citation:

---

Envoyé par andry.aime

Ben si c'est le texte de l'option du select, un innerHTML d'un span (ou balise p, div,..) dans le div contenant l'image suffit.

Code:

---

1 2	var mSelect2 = t.options[t.selectedIndex].text; document.getElementById("idDuSpan").innerHTML = mSelect2;

---

Mais si le texte est à chercher au serveur, tu dois utiliser AJAX pour le récupérer ensuite tu passes toujours par l'innerHTML.

A+.

---

je ne connais pas trop ajax je ne voi pas trop ce que doit regarder sur google?MERCI.

Regarde ce tutoriel.

A+.

n'y aurai t'il pas un moyen de mettre deux fonction onchange sur le meme select?
ou deux appel au deux sans stopper l un ou l'autre? MERCI
car j ai deja des fonction pour ma bdd.
ou de renvoyer la ref sans passer par URL

Tu peux mettre deux fonctions dans le onchange, tu peux aussi mettre les deux fonctionnalités dans une fonction. A toi de voir ce qui est mieux, pense à la ré-utilisabilité.

A+.

bonjour,


j'ai fait ceci:

Code:

---

<select onChange=\'ChangerImage(illustration)\' onChange=\'ChangerTexte('.$_GET['id'].')\' id="illustration" name="illustration" size="5" style="width:150px;">';

---

il passe par le premier onchange mais pas le deuxieme?

MERCI.

j'ai fait ceci mais c est pareil l'image se fait ensuite les texte cetet fois ci et puis quand c est le texte , cest l image qui disparait.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function ChangerImage(t) { var mSelect = t.options[t.selectedIndex].value; document.getElementById('Image').src = mSelect;   /*var mSelect2 = t.options[t.selectedIndex].text; document.getElementById('id_image').value = mSelect2;*/ }   function ChangerTexte(t,id) {   var mSelect2 = t.options[t.selectedIndex].text; top.document.location = "?ref="+mSelect2+"&id="+id; }

---

:cry:

bonsoir,
voila j'ai créer deux fonctions sr une select avec onchange je fais appel, mais il passe a la premierer puis quand c est la deuxieme il recharge la page et la deuxieme ne fonctionne plus.
Que faire?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script> function ChangerImage(t) { var mSelect = t.options[t.selectedIndex].value; document.getElementById('Image').src = mSelect;   /*var mSelect2 = t.options[t.selectedIndex].text; document.getElementById('id_image').value = mSelect2;*/ }   function ChangerTexte(t,id) {   var mSelect2 = t.options[t.selectedIndex].text; top.document.location = "?ref="+mSelect2+"&id="+id; } </script>

---

appel:

Code:

---

<select onChange=\'ChangerTexte(illustration,'.$_GET['id'].');ChangerImage(illustration)\' id="illustration" name="illustration">

---

j'ai besoin dans la seconde fonction un reference pour la récupérer dans ma page en variable Php.
merci.

Bonsoir,

Code:

---

top.document.location = "?ref="+mSelect2+"&id="+id;

---

cette instruction fait que la page est rechargée avec la nouvelle URL.

Citation:

---

j'ai besoin dans la seconde fonction un reference pour la récupérer dans ma page en variable Php.

---

passes par un formulaire ou mieux via Ajax si tu ne veux pas recharger ta page pour voir l'image.