Sujet Précédent Sujet Suivant

Inserer une variable javascript directement dans une url

Résolu/Fermé
Fred - Modifié par Fred le 8/02/2014 à 01:06
BlackYoup
Messages postés
181
Date d'inscription
mardi 4 décembre 2012
Statut
Membre
Dernière intervention
10 juin 2014
 - 9 févr. 2014 à 20:34
Bonjour à tous !

Je suis pas tres doué en javascript ,alors apres plusieurs heures à tout esssayer je me tourne vers vous.

Voici mon probleme.

J'ai une valeur qui est dans un champ :

<span class="editable" id="refedit" >XXX</span>

Ce champ est variable en fonction des données de la page.

J'aimerai recuperer son contenu pour l'injecter dans l'url d'un iframe que je charge sur la meme page, du type :

<iframe src="http://monsite.com/date-expe.php?id=XXX" frameborder="0" width="300" height="70" scrolling="no" ></iframe>

J'arrive à recuperer ma valeur avec une fonction du type :

<script>
function popup()
{
var objet1 = document.getElementById("refedit");
alert(objet1.innerHTML);
}
</script>
puis en mettant un bouton avec un onclick="popup();" mais j'aimerai que cela se fasse tout seul un peu dans le genre d'un

<iframe src="http://monsite.com/date-expe.php?id=document.getElementById("refedit");" frameborder="0" width="300" height="70" scrolling="no" ></iframe> (Oui je sais que cela ne marche pas :) )

Enfin voilà, si vous pouviez m'aider cela serait super gentil !

Merci !

Fred

3 réponses

Réponse 1 / 3
BlackYoup
Messages postés
181
Date d'inscription
mardi 4 décembre 2012
Statut
Membre
Dernière intervention
10 juin 2014
 21
Modifié par BlackYoup le 8/02/2014 à 12:57
Daccord, dans ce cas, il te faudrait mettre un ID à ton Iframe. Une fois que tu va appeller ta fonction qui va la mettre à jour, il te faudra récupérer l'ID et changer l'URL : 



// on définit un id="myFrame"
<iframe src="http://monsite.com/date-expe.php" frameborder="0" width="300" height="70" scrolling="no" id="myFrame" ></iframe> 


<script>

function popup(){

var myID = document.getElementById("refedit").innerHTML; // on récupère le contenu du <span>
document.getElementById('myFrame').setAttribute('src', 'http://monsite.com/date-expe.php?ID=' + myID); // on lui change son URL en mettant l'ID du span

}

</script>


Elle devrait se mettre à jour :)
2
Fred
8 févr. 2014 à 17:44
Genial !!!! ca marche du tonnerre !
Merci Mille fois !!!

Fred
0
Réponse 2 / 3
BlackYoup
Messages postés
181
Date d'inscription
mardi 4 décembre 2012
Statut
Membre
Dernière intervention
10 juin 2014
 21
8 févr. 2014 à 12:06
Salut,

C'est à l'exécution de la fonction popup() que l'Iframe doit se charger ou alors elle est déja chargée et tu veux mettre l'URL à jour ?
0
Fredo
8 févr. 2014 à 12:35
En fait elle est déjà chargee et je veux la mettre a jour avec la valeur de la div, que ce soit au chargement ou si la div change de valeur.

Merci pour ton aide!
Fred
0
Réponse 3 / 3
BlackYoup
Messages postés
181
Date d'inscription
mardi 4 décembre 2012
Statut
Membre
Dernière intervention
10 juin 2014
 21
9 févr. 2014 à 20:34
N'oublie pas de passer le sujet en [RESOLU] dans ce cas :-)
0