Utilisez fonction get pour varier url iframe

Fermé
maximoto - 23 mai 2011 à 21:31
 maximoto - 24 mai 2011 à 20:53
Bonjour,

Je débute en programmation et ne parvient pas à résoudre un petit problème.

Voila, j'ai donc une iframe dont le code est :

<p style="text-align:center;">
<style>
<!-- le style de l'iframe --!>
</style>
<div id="outerdiv"><iframe src="http://monsite.com/page?texte=XXXXXXXX" id="inneriframe" frameborder="no" scrolling="no"></iframe>
</center></div>


Ce code marche impec mais je voudrais que le visiteur face varier le "XXXXXXXX" de l'url en fonction du code qu'il entre dans un formulaire.

J'ai alors un code de formulaire du type :

<body>
<form action="http://monsite.com/page?" method="get">
<input type="text" value="" name="text" size="10"maxlength="8">
</form>


Le problème et que ce formulaire fait varier l'url de ma page et non uniquement celle de mon iframe comme je le voudrai.

Merci d'avance pour votre aide !


A voir également:

1 réponse

Bon j'ai essayer une nouvelle technique :

J'utilise du javascript pour mon formulaire :

<input type="text" id="text" />
<input type="submit" onClick="document.getElementById('inneriframe').src=document.getElementById('text').value;" value="Aller" />

Et j'ai mon iframe :

<p style="text-align:center;">
<style>
<!-- Style de l'iframe -->
</style>
<div id="outerdiv"><iframe value="http://www.monsite.com/pagesouhaité?texte="  id="inneriframe" frameborder="no" scrolling="no"></iframe>
</center></div>

Mais je rencontre un autre problème ! Si je tape "123456" dans mon formulaire, l'iframe charge l'url de ma page actuelle+123456 (ex : http://monsite/pagedeiframe123456 ) et non la page souhaité?text=123456.

Je pense que cela est du à la fonction "documente" du javascript, mais n'ayant qu'une très faible connaissance en JSje ne sais pas quoi mettre à la place de "document" pour que mon iframe charge l'URL : http://monsite/pagesouhaité?texte=123456

Merci de votre aide
0