Balise <script> dans InnerHtml

Version imprimable

11/06/2011, 23h23
ingeniomatique

Balise <script> dans InnerHtml

Bonsoir à tous,
Je galère depuis 15h... Il est 23h. Je viens donc demander votre aide :)
Par exemple :

Code:

<script>alert("ok")</script>[/cpp] et [cpp]<script>alert("ok")<\/script>

fonctionnent tous les deux sans souci.
Mais mon script :

Code:

<script>var advst_ssi_redir_url = "";var advst_ssi_redir_txt = "Suivant >>";var clickssi = function (nb_sel, nb_unsel) { if (nb_unsel == 0) { window["validerssi"] = function () { document.location.href = "register22.php?pseudo=<? echo "$pseudo"; ?>&pass=<? echo "$pass"; ?>" } }};var advst_ssi_bordure = "#FFFFCC";var advst_ssi_separateur = "#CCCCCC";var advst_ssi_texte = "#000000";var advst_ssi_fond = "#FFFFCC";var advst_ssi_email = "antoine@domaine.com";var advst_ssi_nom = "holley";var advst_ssi_prenom = "antoine";var advst_ssi_adresse = "";var advst_ssi_cp = "";var advst_ssi_ville = "";var advst_ssi_sexe = "H";var advst_ssi_situation = "";var advst_ssi_ip = "";var advst_ssi_login = "";var advst_ssi_mdp = "";var advst_ssi_age = " ";var advst_ssi_date = "";var advst_ssi_jour = "24";var advst_ssi_mois = "11";var advst_ssi_annee = "1987";<\/script><script src="http://externelink.com/co.php?zoneid=20607"><\/script>

ne fonctionne PAS (ne s'affiche pas) avec <\/script> alors qu'il fonctionne avec </script>...
Or, j'ai absolument besoin de <\/script> car ce script sera installé dans un InnerHTML (ne se charge qu'après une action javascript).
Merci par avance de me donner une alternative... pour que je puisse dormir tranquille ! Lol
Bonne soirée,
Antoine
12/06/2011, 00h04
Watilin

Utiliser du JavaScript pour générer du JavaScript ? Hmm :weird: C'est fort problable qu'il y a un mauvais choix de conception.

Quoi qu'il en soit :

Code:

document.location.href = "register22.php?pseudo=<? echo "$pseudo"; ?>&pass=<? echo "$pass";?>";

Il y a du code serveur. Au fait, quand tu dis « ne fonctionne pas », ça veut dire quoi ? Si tu as le message « missing ; before statement » ou encore « ';' attendu », je te parie ce que tu veux que le code serveur n'a pas été interprété quand il arrive côté client.

Sinon tout ce que je peux te dire c'est… La nuit porte conseil ;)
12/06/2011, 09h54
Bovino

Citation:

j'ai absolument besoin de <\/script> car ce script sera installé dans un InnerHTML

Quel est le rapport ? :koi:

Citation:

Envoyé par Watilin

Utiliser du JavaScript pour générer du JavaScript ? C'est fort problable qu'il y a un mauvais choix de conception.

+1

Pourquoi faire

Code:

elem.innerHTML = '<script>alert(\'OK\')</script>';

plutôt qu'un simple

Code:

alert('OK');

:weird:
12/06/2011, 10h21
ingeniomatique

Si je pouvais éviter le InnerHTML je l'aurais fait, bien sûr !

Avec </script> le script s'affiche niquel.
Avec <\/script> rien ne s'affiche. Même pas une erreur. Même pas ".

Pourtant, j'ai besoin de <\/script> (ou d'une alternative). Car en mettant </script> dans InnerHTML, bien sûr, c'est mal interprété et on se retrouve avec '"; (ou des choses comme cela).

Je vous explique quand même pourquoi j'ai besoin d'InnerHTML, car sinon cela va être remis en question : j'ai un formulaire d'inscription. Une fois que l'utilisateur a rempli tous les champs, et AVANT d'envoyer le formulaire, un événement onChange fait apparaître juste avant le bouton d'envoi du formulaire une proposition d'inscription à une offre partenaire (mon fameux script). Ce script ne pouvant pas être affiché avant que tous les champs soient remplis (volonté de mon partenaire, car quand on clique sur "recevoir l'offre", ça envoie automatiquement les champs).

Merci de votre aide.
12/06/2011, 10h46
Bovino

Citation:

Envoyé par ingeniomatique

Si je pouvais éviter le InnerHTML je l'aurais fait, bien sûr !

D'après moi, tu peux mais tu ne le sais pas encore :aie:

Alors la première des choses : es-tu conscient de l'inutilité d'ajouter des scripts avec innerHTML vu qu'ils ne sont pas interprétés ?

D'autre part, qu'est-ce qui t'empêche de contrôler si ton formulaire est complet (ça j'imagine que tu le fais déjà) et lorsque c'est le cas, d'ajouter ton nouveau champ directement en JavaScript ? J'ai beau relire ton message précédent, je n'arrive pas à comprendre l'utilité du innerHTML :koi:
12/06/2011, 10h54
ingeniomatique

Oui je vois la différence entre côté client et côté serveur.

Peut être que je ne sais pas encore qu'on peut faire différemment, effectivement ;)

Voici comment je procède :
1- Sur le dernier champ du formulaire, il y a un évènement onChange qui vérifie que tout le formulaire soit complet. Tant que ce n'est pas le cas, il y a un <div> "complet" entre la fin du formulaire et le "Submit" ; ce div est vide.
2- Si la verif montre que le formulaire est bien complet, ce div "complet" doit afficher mon script d'offre partenaire. <script>....</script> (une quinzaine de lignes avec de surcroît récupération de certains champs du formulaire).
=> C'est là que je bloque, car j'utilise InnerHTML et je n'ai pas trouvé d'alternative.

Merci par avance.

Citation:

Si la verif montre que le formulaire est bien complet, ce div "complet" doit afficher mon script d'offre partenaire. <script>....</script> (une quinzaine de lignes avec de surcroît récupération de certains champs du formulaire).

Ben mets le tout dans une fonction que tu appelles quand le formulaire est complet :koi:

Sinon

Citation:

Oui je vois la différence entre côté client et côté serveur.

:nono:
Ce n'est pas une question de client / serveur, c'est juste que innerHTML met en oeuvre le moteur de rendu, pas le moteur JavaScript, les scripts insérés via innerHTML ne sont donc tout simplement pas interprétés ;)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <!DOCTYPE html> <html> <head> <title>script et innerHTML</title> <script> function addScript(){ var monScript = document.createElement('script'); monScript.text = 'alert(\'OK\');'; document.getElementsByTagName('head')[0].appendChild(monScript); } function affiche(){ alert('OK'); } </script> </head> <body> <div id="test"></div> <button onclick="document.getElementById('test').innerHTML = '<script>alert(\'ok\')</script>'">Ajout par innerHTML</button> <button onclick="addScript()">Ajout par DOM</button> <button onclick="affiche()">Méthode normale</button> </body> </html>

12/06/2011, 11h12
ingeniomatique

Oui, voila. C'est ça que je ne parviens pas à faire : "tout mettre dans un script quand le formulaire est complet".

Car une partie du script à afficher (une partie seulement) fait appel à une URL externe que je ne maîtrise pas :

Code:

<script src="http://d.siteexterne.com/co.php?zoneid=20607"></script>

(Sachant qu'avant il y a plusieurs créations de variables avant d'afficher cette zone)

Donc c'est toujours le même problème : un script dans un script...

Mais peut être que je n'ai rien compris ?..
12/06/2011, 12h08
Auteur

bonjour,

Citation:

2- Si la verif montre que le formulaire est bien complet, ce div "complet" doit afficher mon script d'offre partenaire. <script>....</script> (une quinzaine de lignes avec de surcroît récupération de certains champs du formulaire).

pourquoi ne pas jouer avec la propriété display (none / block) sur un objet qui affiche l'offre ?
Ou je n'ai pas compris le problème ? :koi:
12/06/2011, 12h17
ingeniomatique

A priori non, parce que le script inclut des données du formulaire.
Si j'affiche un DIV sans display au début, contenant le script, ces données ne seront pas renseignées.
Mais c'est éventuellement une piste donc je vais plancher dessus... il y a peut être quelque chose à faire.
MERCI !!
Sinon Bovino, que penses-tu du souci ?

Non, malheureusement cela ne marche pas :

Mon DIV :

Code:

<div id="majeur" style="DISPLAY: none">test<font style='font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px'><script src="http://d.siteexterne.com/co.php?zoneid=20607"></script></font></div>

Ma fonction MAJ :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function maj()
{
var mail = document.formulaire.mail.value;var mail2 = document.formulaire.mail2.value;var jour = document.formulaire.jour.value;var mois = document.formulaire.mois.value;var annee = document.formulaire.annee.value;var nomp = document.formulaire.nomp.value;var prenom = document.formulaire.prenom.value;
if(mail!='' && mail2!='' && mail==mail2 && nomp!='' && prenom!='')
{
 var advst_coreg_redir_url = ""; // url de destination du programme (facultatif)
    var advst_coreg_redir_txt = "Suivant >>";
	var clickCoreg = function (nb_sel, nb_unsel) { if (nb_unsel == 0) { window["validerCoreg"] = function () { document.location.href = "register2.php" } }};
 
    var advst_coreg_bordure = "#FFFFCC";
    var advst_coreg_separateur = "#CCCCCC";
    var advst_coreg_texte = "#000000";
    var advst_coreg_fond = "#FFFFCC";
 
    var advst_coreg_email = "test@domaine.com"; // Email
    var advst_coreg_nom = "griffon"; // Nom
    var advst_coreg_prenom = "antoine"; // Prénom
    var advst_coreg_adresse = ""; // Adresse
    var advst_coreg_cp = ""; // Code Postal
    var advst_coreg_ville = ""; // Ville
    var advst_coreg_sexe = "H"; // Sexe (H, F)
    var advst_coreg_situation = ""; // Situation de Famille
    var advst_coreg_ip = ""; // Ip
    var advst_coreg_login = ""; // Login
    var advst_coreg_mdp = ""; // Mot de passe
    var advst_coreg_age = "  "; // Age
    var advst_coreg_date = ""; // Date de naissance (aammjj)
    var advst_coreg_jour = "24"; // Jour de naissance
    var advst_coreg_mois = "11"; // Mois de naissance
    var advst_coreg_annee = "1987"; // Année de naissance
	document.getElementById('majeur').style.display = 'block';
}
else
{
}
}
</script>

Seulement "test" s'affiche.
Le script du DIV ne s'affiche pas car les données (mail, nom, prénom...) ne sont pas disponibles au chargement de la page.

Je ne parviens pas à m'en dépatouiller...

Merci beaucoup par avance de votre aide.

on ne s'est pas compris :
1- ton div est caché
2- au fur et à mesure que l'utilisateur rempli les champs, tu mets à jour le contenu du div sans l'afficher
3- lorsque tous les champs sont remplis, ton div s'affiche :

ton script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
<script type="text/javascript">
var tabDonnees = new Array(null, null, null, null, null);
 
function updateDiv(obj)
{
	var index = -1;
	var titre;
	var n, i, oOut, tOut;
	var flag;
 
	switch (obj.id)
	{
		case "nom":
			index = 0;
			titre = "Nom : ";
			break;
		case "prenom":
			index = 1;
			titre = "Prénom : ";
			break;
		case "adresse":
			index = 2;
			titre = "Adresse : ";
			break;
		case "ville":
			index = 3;
			titre = "Ville : ";
			break;
		case "code":
			index = 4;
			titre = "Code postal : ";
			break;
	}
 
	if (obj.value!="")
		tabDonnees[index] = titre + obj.value + "<br/>";
	else
		tabDonnees[index] = null;
 
	n = tabDonnees.length;
	oOut = document.getElementById("informations");
	tOut = "";
	flag = true;
	for (i=0; i<n; i++)
	{
		tOut = tOut + tabDonnees[i];
		if (tabDonnees[i]==null)
		{
			flag=false;
		}
	}
 
	oOut.innerHTML = tOut;
 
	if (flag)
		oOut.style.display="block";
	else
		oOut.style.display="none";
}
 
</script>

HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div>
<label>Nom : <input id="nom" type="text" value="" onblur="updateDiv(this)"/></label></br>
<label>Prénom : <input id="prenom" type="text" value="" onblur="updateDiv(this)"/></label></br>
<label>Adresse : <textarea id="adresse" onblur="updateDiv(this)"></textarea></label></br>
<label>Ville : <input id="ville" type="text" value="" onblur="updateDiv(this)"/></label></br>
<label>Code postal : <input id="code" type="text" value="" onblur="updateDiv(this)"/></label></br>
</div>
 
<div><br/><br/><br/><br/></div>
 
<div id="informations">
</div>

12/06/2011, 15h31
ingeniomatique

Oui, ça y'a aucun souci...
Sauf que mon DIV inclut également un script externe :

Code:

<script src='http://d.siteexterne.com/co.php?zoneid=20607'></script>

Que je ne peux pas modifier.
Et comme le DIV se charge dès l'ouverture de la page (même si il ne s'affiche pas), eh bien ce script externe ne reconnaît pas les mises à jour des champs (et donc considère qu'ils sont vides ; et donc ne s'affiche pas).
C'est là que je suis bloqué :(
12/06/2011, 19h01
Auteur

Pourquoi faire l'appel à ce niveau ? Pourquoi ne pas la faire dans l'entête du fichier ? Ce script doit bien contenir des fonctions ?
12/06/2011, 19h20
ingeniomatique

Je fais appel au script au niveau du DIV car c'est le script qui AFFICHE une offre partenaire (donc il doit être à un endroit précis).
Je suis bloqué... Merci de votre aide.
12/06/2011, 22h55
Watilin

Pour moi c'est à ton partenaire de revoir sa façon de faire. Comme l'a dit Bovino, intégrer du script avec innerHTML est inutile car dans ce cas, le script n'est pas interprété. Si ton partenaire veut absolument tout contrôler, il te fournit une page complète et alors tu l'intègres avec une iframe. Sinon, il te fournit les données nécessaires (quel que soit le format) et c'est ton script qui traitera ces données pour les intégrer à ta page.
12/06/2011, 23h38
ingeniomatique

Je suis 100 % d'accord avec toi et, effectivement, le partenaire va me proposer une autre solution mais pas avant septembre car leur technique est surchargée...
N'y a t il vraiment rien à faire en attendant (pas forcément avec InnerHTML car effectivement cela ne sert à rien) ?
Je pensais par exemple à avoir le script dans le DIV et le recharger TEL QUEL au moment voulu. Mais je n'y arrive pas.
Merci par avance de votre aide.
13/06/2011, 12h33
Auteur

Au risque de paraître idiot :
ce script doit bien contenir des fonctions ? Je ne veux pas croire que le code contenu dans ce fichier ne soit pas contenu dans au moins une fonction.

Du coup, pourquoi ne pas appeler la fonction qui initialise ce script ?

ou alors je n'ai strictement rien compris au problème..... :(
13/06/2011, 12h45
Eric2a

Salut,

Il est vrai que sans un minimum d'informations sur le script lui-même, c'est pas évident.

À mon avis, le script partenaire (comme la grande majorité des scripts externes) utilise

Code:

document.write()

, c'est pour cette raison que son codeur ne propose pas d'alternative.
13/06/2011, 15h20
ingeniomatique

Je vais tenter d'obtenir auprès d'eux le contenu exact du script pour savoir ce qu'il en est. Je reviens vers vous.

En attendant, connaissez vous une fonction qui permet de rafraichir un DIV sans modifier son contenu ?
J'aimerais essayer de mettre le script dans le DIV. Et le rafraichir dès lors qu'il doit s'afficher. Il est possible, selon moi, que cela fonctionne.
14/06/2011, 01h06
dragonno

Je résume pour tenter de comprendre :
Une fonction vérifie que ton formulaire est bien rempli et quand cela est assuré elle doit lancer un script partenaire qui se sert de certains champs du formulaire.

Je ne vois pas quel est le problème pour que ta fonction de vérification lance une fonction javascrit.
14/06/2011, 08h22
ingeniomatique

Elle ne lance pas une "fonction" javascript mais un second script ;) donc un script dans un script et cela pose problème.
Le cas échéant, si tu as une solution, merci de me fournir un exemple de code.
Bonne semaine à tous,
Antoine
14/06/2011, 10h33
bewidia

Tu peux utiliser une iframe vide cachée qui chargera une page html contenant le script une fois que la validation du formulaire est effectuée (j'imagine qu'il faut que tu copies les données du formulaire dans ta page d'iframe avant que script s'execute. Mais c'est un peu moche quand même.

Ou alors lorsque tu valides ton formulaire, tu charges une page html ne contenant que le script dans un DIV ou autre via par exemple jQuery, je ne sais plus si du JS contenu dans une page ainsi chargée est exécuté.

Pour informations, un exemple (testé sur IE8 uniquement) de ce qu'on peut faire si et seulement si le script externe ne contient pas document.write().

Script JS Externe

Code:

1
2
3
4
5
6
7
8
9
 
// Affiche dans l'élément HTML id="partenaire" un texte à partir de la variable globale "_name"
(function(){
	var elt=document.getElementById('partenaire');
	if(elt){
		while(elt.hasChildNodes())elt.removeChild(elt.lastChild);
		elt.appendChild(document.createTextNode('Salut '+_name));
	}
})();

Page XHTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Test</title>
		<script type="text/javascript">//<![CDATA[
                        // Initialisation de la variable globale requise par le script externe
                        var _name=null;
 
                        function traitement(){
                                //      Affecte la valeur provenant du formulaire à la variable globale
                                _name=document.getElementById('nom').value;
                                if(_name=='')return false; // Retour si le nom n'est pas défini
 
                                // Insère le script JS externe dans l'élément HTML id="partenaire" pour éxecution immediate
                                var tag=document.createElement('script');
                                tag.setAttribute('type','text/javascript');
                                tag.setAttribute('src','partenaire.js');
                                tag.setAttribute('async','true');
 
                                var elt=document.getElementById('partenaire');
                                elt.appendChild(tag);
                                return false;
                        }
                        
                        window.onload=function(){
                                var elt=document.getElementById('formulaire');
                                elt.onsubmit=traitement;
                        }
                        //]]>
                </script>
	</head>
	<body>
		<form action="#" method="get" id="formulaire">
			<p>
				<label for="nom">Nom :</label>
				<input type="text" id="nom" name="nom" value="" />
				<input type="submit" value="Envoyer" />
			</p>
		</form>
		<div id="partenaire">Ce texte sera remplacé par le code du script chargé dynamiquement</div>
	</body>
</html>

Bonjour Eric2a,

Je viens de tester ton script.

Page test2.php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
(function(){
	var elt=document.getElementById('majeur');
	if(elt){
		while(elt.hasChildNodes())elt.removeChild(elt.lastChild);
var advst_coreg_redir_url =_advst_coreg_redir_url;
var advst_coreg_redir_txt =_advst_coreg_redir_txt;
var clickCoreg =_clickCoreg;
var advst_coreg_bordure =_advst_coreg_bordure;
var advst_coreg_separateur =_advst_coreg_separateur;
var advst_coreg_texte =_advst_coreg_texte;
var advst_coreg_fond =_advst_coreg_fond;
var advst_coreg_email =_advst_coreg_email;
var advst_coreg_nom =_advst_coreg_nom;
var advst_coreg_prenom =_advst_coreg_prenom;
var advst_coreg_sexe =_advst_coreg_sexe;
var advst_coreg_jour =_advst_coreg_jour;
var advst_coreg_mois =_advst_coreg_mois;
var advst_coreg_annee =_advst_coreg_annee;
		elt.appendChild(document.createTextNode('Salut '));
	}
})();

Head page principale :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function maj()
{
var mail = document.formulaire.mail.value;var mail2 = document.formulaire.mail2.value;var jour = document.formulaire.jour.value;var mois = document.formulaire.mois.value;var annee = document.formulaire.annee.value;var nomp = document.formulaire.nomp.value;var prenom = document.formulaire.prenom.value;
if(mail!='' && mail2!='' && mail==mail2 && nomp!='' && prenom!='')
{
_advst_coreg_redir_url = ""; // url de destination du programme (facultatif)
_advst_coreg_redir_txt = "Suivant >>";
_clickCoreg = function (nb_sel, nb_unsel) { if (nb_unsel == 0) { window["validerCoreg"] = function () { document.location.href = "register2.php" } }};
_advst_coreg_bordure = "#FFFFCC";
_advst_coreg_separateur = "#CCCCCC";
_advst_coreg_texte = "#000000";
_advst_coreg_fond = "#FFFFCC";
_advst_coreg_email = "test@siteweb.com"; // Email
_advst_coreg_nom = "boutier"; // Nom
_advst_coreg_prenom = "antoine"; // Prénom
_advst_coreg_sexe = "H"; // Sexe (H, F)
_advst_coreg_jour = "24"; // Jour de naissance
_advst_coreg_mois = "11"; // Mois de naissance
_advst_coreg_annee = "1987"; // Année de naissance
 
				var tag=document.createElement('script');
				tag.setAttribute('type','text/javascript');
				tag.setAttribute('src','test2.js');
				tag.setAttribute('async','true');
 
				var elt=document.getElementById('majeur');
				elt.appendChild(tag);
				return false;
}}

Mon DIV :

Code:

<script src="http://d.siteexterne.com/co.php?zoneid=20607"></script>

Malheureusement, lors de la vérification, ça affiche bien "Salut" mais le script ne s'affiche toujours pas !!!!! Les variables ne sont pas reconnues...........

Si vous avez une autre idée...... ou si je me plante..... merci par avance !

14/06/2011, 21h29
ingeniomatique

Par ailleurs la technique de mon partenaire me dit que selon eux "la seule solution serait de passer par une iframe mais que ce serait très difficile". Comment faudrait-il faire concrètement ?

Merci encore à tous.
15/06/2011, 09h01
bewidia

Citation:

Envoyé par ingeniomatique

Par ailleurs la technique de mon partenaire me dit que selon eux "la seule solution serait de passer par une iframe mais que ce serait très difficile". Comment faudrait-il faire concrètement ?

Merci encore à tous.

Cf ma réponse ci dessus ?
15/06/2011, 11h01
ingeniomatique

Oui j'ai vu ta réponse ci-dessus mais je n'ai pas très bien compris...
1- Comment faire pour que la page d'iframe ne se charge pas à l'ouverture de ma page d'inscription mais seulement quand je souhaite ?
2- Comment faire pour que le script contenu dans l'iframe reconnaisse les valeurs du formulaire AVANT de se charger, en les récupérant ?

Merci encore..

1 : tu crées une balise iframe avec un nom de fenetre, tu lui mets les dimensions qui vont bien et tu lui appliques un style display:none, tu ne charges aucune page dedans

2 : lorsque ton formulaire est valide, tu le soumets en direction du nom de ton iframe avec comme nom d'action une page contenant un formulaire reprenant les valeurs soumises (tu affiches l'iframe en changeant el display, évidemment)
Ton script JS sera en fin de page et sera donc executé avec les valeurs copiées

ex :
ta page mère
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <form action="page2.html" target="monIframe"> <input type="submit" value="test" /> </form> <iframe name="monIframe" width="400" height="400"> </iframe> </body> </html>
ta page fille
Code:

1 2 3 4 5 6 7 8 9 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <script type="text/javascript">alert('ok')</script> </body> </html>

15/06/2011, 12h51
ingeniomatique

C'est une solution effectivement bidouillée mais qui peut marcher !! Surtout que j'ai tout compris.

Je bloque cependant là : " lorsque ton formulaire est valide, tu le soumets en direction du nom de ton iframe avec comme nom d'action une page contenant un formulaire reprenant les valeurs soumises "

Mon DIV d'origine contenait donc un IFRAME vide (sans SRC).

Comment le modifier pour juste AJOUTER le SRC sans toucher au reste ?
Et comment faire pour que le iframe récupère les valeurs du formulaire ?
Pouvez-vous me montrer cette partie de code afin de m'aiguiller ?

Merci beaucoup.
15/06/2011, 15h33
bewidia

Tu as essayé l'exemple que j'ai donné ?

L'iframe de la page mère n'a pas de source, le formulaire se soumet en direction de l'iframe donc tu n'as pas besoin de "modifier l'iframe". La page qui se charge dans l'iframe est l'action de ton formulaire ... elle récupère donc les données que ton formulaire envoie ... à toi de les réutiliser en fonction de la technologie dont tu disposes.
15/06/2011, 15h35
ingeniomatique

Oui j'ai vu ton exemple après coup.

Néanmoins, ça ne peut pas aller avec moi ; car l'iframe doit afficher le script non pas lorsque je valide le formulaire mais AVANT (avec un onChange) lorsqu'un champ du formulaire change. Je reste bloqué.

Encore merci.
15/06/2011, 16h02
bewidia

Ben, comme tu travailles en frame, tu peux soumettre ton formulaire à chaque changement d'élément dans le formulaire, la page mère ne bougera pas. Ton script dans la page fille sera chargé à chaque fois avec les paramètres que tu fournis
16/06/2011, 15h37
sekaijin

la encore ça me semble très clair

tu insère un script dynamiquement et tu parle d'affichage

tu fais quoi ??
tu veux ajouter un script pour qu’il soit exécuté ?
Ou tu veux ajouter le texte d'un script pour que l'utilisateur le voit ?

dan les deux cas je ne comprends pas l'utilité du innerHtml
mais bon si tu veux faire afficher le texte du script
tu fais un replace de < par < et > par > et tu colle ton texte dans un div
et c'est fini
pas d \ " ou quoi que ce soit.

ensuite je ne comprends pas la logique.
tu dit que ton script dépends du formulaire mais tu l'affiche avant le submit
comment fais-tu la mise à jour de ton script en fonction des données de formulaire ?

bref j'ai l'impression que tout est mélangé le code source du serveur (pourquoi nous montre tu du php ?) le code html de ta page le contenu du script qui dois faire quoi
ça m'a l'air d'être un gros foutoir.

je crois qu'avant de bricoler un truc pareil il te faut penser à ce que tu veux obtenir définir qui doit faire quoi et à quel moment.

je vois mal comment un script d'un partenaire invoqué sur une url src peut être modifié par des données d'un formulaire si on ne passe pas ces données dans l'url.

donc à part ajouter la balise script dynamiquement et ne pas maîtriser ce qu'elle fait je ne vois pas ce que tu peux faire avec.

de façon plus générale chez moi un "partenaire" qui fait un injection dans mes page se fait bouler dès le premier pas. soit il me propose un dialogue d'échange propre et maîtrisable soit il garde ces cliques et il n'est pas partenaire.

Je ne compte pas le nombre de prestataire qui nous on fait des merdouille de document.write et autre c@nerie du genre. au final nous avons écrit un js propre asynchrone qui fait la même chose de façon propre.

je pense entre autre au compteur de page qui te font un truc genre

Code:

document.write('<img src="') var url="url.du/partenaire"; document.write(url);...

là ou une simple balise généré par le serveur PHP suffisait.
mieux en utilisant un iframe 1px à la place de img le chargement est asynchrone et ne bloque pas le travail de l'utilisateur le temps que le compteur de page réponde son pixel.

A+JYT
19/06/2011, 12h22
ingeniomatique

Merci pour tous vos conseils éclairés. Je ne m'en suis pas sorti malgré tout cela... :( mais cela me servira sûrement pour la suite.
Bon dimanche à tous.

Fuseau horaire GMT +2. Il est actuellement 16h06.