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 );