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

A voir également:

Inserer une variable javascript directement dans une url
Insérer une vidéo dans powerpoint - Guide
Lien url - Guide
Insérer une liste déroulante excel - Guide
Insérer signature word - Guide
Insérer une image dans word sans bouger le texte - Guide

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 20
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 :)

Fred
8 févr. 2014 à 17:44

Genial !!!! ca marche du tonnerre !
Merci Mille fois !!!

Fred

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 20
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 ?

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

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 20
9 févr. 2014 à 20:34

N'oublie pas de passer le sujet en [RESOLU] dans ce cas :-)

Discussions similaires

document html

Sécurité de l'URL

La nouvelle messagerie du Boncoin....

comment lire un message masqué????