document.getElementById avec href

**kate59** · 23/01/2013, 12h07

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 :

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

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.

**andry.aime** · 23/01/2013, 12h59

Bonjour,

Envoyé par kate59

Code :

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

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?

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+.

**kate59** · 23/01/2013, 14h29

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.

**andry.aime** · 23/01/2013, 15h26

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

A+.

**kate59** · 23/01/2013, 16h51

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 :

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

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.

**andry.aime** · 23/01/2013, 17h03

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+.

**kate59** · 23/01/2013, 17h09

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 :

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

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 :

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

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.

**Bovino** · 23/01/2013, 17h18

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

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

et une redirection

Code :

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

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

**kate59** · 23/01/2013, 17h27

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

Code :

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

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

code php:

Code php :

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

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 :

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

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

code php:

Code php :

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

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

**andry.aime** · 23/01/2013, 17h55

Envoyé par kate59

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

Code :

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

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 :

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

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+.

**kate59** · 23/01/2013, 18h05

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.

**andry.aime** · 23/01/2013, 18h11

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 :

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

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+.

**kate59** · 23/01/2013, 18h16

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

**andry.aime** · 23/01/2013, 18h19

Regarde ce tutoriel.

A+.

**kate59** · 23/01/2013, 18h24

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

**andry.aime** · 23/01/2013, 18h32

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+.

**kate59** · 23/01/2013, 18h57

bonjour,

j'ai fait ceci:

Code :

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

<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.

**kate59** · 23/01/2013, 19h09

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 :

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

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

**kate59** · 23/01/2013, 20h45

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 :

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

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 :

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

<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.

**NoSmoking** · 23/01/2013, 21h43

Bonsoir,

Code :

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

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

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

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.

document.getElementById avec href

JavaScript

Discussions similaires

Partager

Partager