Inserer une variable javascript directement dans une url
Résolu
Fred
-
BlackYoup Messages postés 181 Date d'inscription Statut Membre Dernière intervention -
BlackYoup Messages postés 181 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Inserer une variable javascript directement dans une url
- Insérer une vidéo dans powerpoint - Guide
- Url - Guide
- Insérer une signature sur word - Guide
- Insérer une liste déroulante excel - Guide
- Insérer une légende word - Guide
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 :
Elle devrait se mettre à jour :)
// 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 :)
Merci Mille fois !!!
Fred