Affecter la valeur du retour d'une fonction javascript à une variable php

Version imprimable

Bonjour,
J'ai un code html affecté à la variable $html et je veux l'envoyer par un formulaire depuis page1.php à page2.php
Avant, Je confrontais le souci d'envoyer un code html via un formulaire.
j'ai posté hier mon problème dans le forum et j'ai eu la bonne solution. ici

Le problème qui se pose maintenant est qu'en fait :
<div id="partie1"> , <div id="partie2"> et <div id="partie3"> se sont des div dont le contenu est variable grâce à des fonctions Javascript-Ajax.

Ainsi la variable $html envoyé via le formulaire n'est pas aussi dynamique , mais elle garde le contenu affecté dès la 1ère fois, et tout changement effectué sur les div ultérieurement par ajax n'est pas appliqué sur $html.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <?php // [...] $html = '<h2>I) Titre1 : </h2> <div id="partie1">C\'est la 1ère partie.</div> <h2>II) Titre2 : </h2> <div id="partie2">C\'est la 2ème partie.</div> <h2>III) Titre3 : </h2> <div id="partie3">C\'est la 3ème partie.</div>'; ?> <form method="post" accept="text/html" action="page2.php" > <input type="hidden" name="code" value="<?php echo htmlspecialchars($html); ?>" /> <input type="submit" value="Afficher" /> </form> <?php // [...] ?>
J'ai eu l'idée de créer une fonction javascript comme suit :
Code:

1 2 3 4 5 6 7 function actualiseHTML() { return document.getElementById("contenu").innerHTML; }
Quant au code sur page1.php :

( J'y essaie d'appeler une fonction Javascript qui prend le contenu de la div "contenu" , j'espère que ma fonction javascript est correcte, puis lors du submit du formulaire j'appelle la fonction javascript et j'essaie d'affecter la valeur de retour à $html , puis j'envoie htmlspecialchars($html) comme valeur à l'id 'code' )
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 <div id="contenu"> <?php // [...] $html = '<h2>I) Titre1 : </h2> <div id="partie1">C\'est la 1ère partie.</div> <h2>II) Titre2 : </h2> <div id="partie2">C\'est la 2ème partie.</div> <h2>III) Titre3 : </h2> <div id="partie3">C\'est la 3ème partie.</div>'; ?> </div> <form method="post" accept="text/html" action="page2.php" onsubmit=" <?php $html='<script type="text/javascript"> actualiseHTML(); </script>' ; ?> > <input type="hidden" name="code" value="<?php echo htmlspecialchars($html); ?>" /> <input type="submit" value="Afficher" /> </form>
Apparemment, mon code est faux au niveau de l'affectation de la valeur du retour de la fonction javascript dans une variable php.

Aussi, eventuellement une autre erreur que la valeur de $html soit affectée à 'code' avant l'appel de actualiseHTML();

Si vous avez une autre idée ou une correction à mon idée, j'en serai tellement reconnaissante!

Je vous remercie d'avance pour votre aide.

Bon. A mon avis, c'est plus un problème de conception et de logique.
- PHP est du coté serveur (donc avant affichage),
- alors que javascript est du coté client (donc après affichage)

sur le PRINCIPE (à tester, of course !) :

Code:

1
2
3
4
5
6
7
8
<div id="contenu">
	<h2>I) Titre1 : </h2>
	<div id="partie1">C'est la 1ère partie.</div>
	<h2>II) Titre2 : </h2>
	<div id="partie2">C'est la 2ème partie.</div>
	<h2>III) Titre3 : </h2>
	<div id="partie3">C'est la 3ème partie.</div>
</div>

Et en javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function mettre_contenu_div_dans_input(){
	document.getElementById("code").value = document.getElementById("contenu");
}
// initialisation
window.onload=function(){
	mettre_contenu_div_dans_input();
}
// dans les fonction de modification de #partie1, #partie2 ou #partie3
function modifier_partiex(....)
	[.......]
	// actualisation du contenu
	document.getElementById("divinvisible").innerHTML = nouveau_contenu_apres lodification;
	// remplacement de la valeur de l'input
	mettre_contenu_div_dans_input();
}

05/05/2012, 23h55
walking

Je pense que je me suis mal exprimée..
Bon, plus explicitement, lors du click sur le submit du formulaire, je dois transmettre le contenu d'une div ( son code html ) à une autre page.

J'ai essayé :

<input type="hidden" name="code" value="<?php echo htmlspecialchars($html); ?>" />

après avoir affecté le contenu de la div 'contenu' à $html ( voir dans mon code ).

J'ai bien réussi que les trois parties ( les divs existant dans 'contenu' ) soient dynamique via des fonctions ajax... mais $html ne varie pas avec eux, après la 1ère affectation. et donc c'est le code html lors de l'affichage de page1.php qui se renvoie à page2.php via le formulaire.

Donc, comment envoyer le contenu d'une div à une autre page via le formulaire et le récupérer par $_POST ?

Merci encore :)

Citation:

Envoyé par walking

après avoir affecté le contenu de la div 'contenu' à $html ( voir dans mon code ).
[...]
mais $html ne varie pas avec eux, après la 1ère affectation.

C'est toi qui comprends mal : tu ne peux pas faire ça en javascript ! (car le PHP est coté serveur et le javascript coté client !)

DONC :
1/ la div "#contenu" :
Code:

1 2 3 4 5 6 7 8 <div id="contenu"> <h2>I) Titre1 : </h2> <div id="partie1">C'est la 1ère partie.</div> <h2>II) Titre2 : </h2> <div id="partie2">C'est la 2ème partie.</div> <h2>III) Titre3 : </h2> <div id="partie3">C'est la 3ème partie.</div> </div>
2/ la 1ère affectation :
- SOIT OPTION 1 : (comme tu fais déjà) tu mets le contenu de "#contenu" dans une variable $html,
Et (avec l'OPTION 1) :

Code:

<input type="hidden" id="idcode" name="code" value="<?php echo htmlspecialchars($html); ?>" />

- SOIT OPTION 2 : directement en javascript avec :
Code:

1 2 3 window.onload=function { document.getElementById("idcode").value = document.getElementById("contenu").innerHTML; }
et (avec l'OPTION 2) :

Code:

<input type="hidden" id="idcode" name="code" value="" />

3/ Traitement javascript/ajax pour modifier dynamiquement les contenus de "#partie1", "#partie2", "#partie3"

Code:

[... ton code de traitement javascript/ajax ...]

4/Il faut alors affecter la valeur de l'input directement en javascript :

Code:

document.getElementById("idcode").value = document.getElementById("contenu").innerHTML;

Par contre, htmlspecialchars() n'existe pas en javascript.
Il faut éventuellemnt créer une fonction javascript (trouvée ici):

Citation:

function js_htmlspecialchars(str) {
if (typeof(str) == "string") {
str = str.replace(/&/g, "&"); /* must do & first */
str = str.replace(/"/g, """);
str = str.replace(/'/g, "'");
str = str.replace(/</g, "<");
str = str.replace(/>/g, ">");
}
return str;
}

et donc :

Code:

document.getElementById("idcode").value = js_htmlspecialchars( document.getElementById("contenu").innerHTML );