Inserer une variable javascript directement dans une url
Résolu
Fred
-
BlackYoup Messages postés 184 Statut Membre -
BlackYoup Messages postés 184 Statut Membre -
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
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
-
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 :) -
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 ? -
N'oublie pas de passer le sujet en [RESOLU] dans ce cas :-)
