Recuperer le contenu d'une div en php

Fermé
Mr. B - Modifié par Mr. B le 13/04/2012 à 16:20
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 16 avril 2012 à 21:50
Lu,

Je souhaite récuperer le contenu d'un div dans une variable php après avoir valider en cliquant sur un input et sans formulaire en retour donc. Voici le code en question :
 <html>   
    <head>   
       <script>   
          function addDataToDiv(){   
             try{t   
                var sourceInput   = document.getElementById('testInput');   
                var destinationDiv = document.getElementById('testDiv');   
                destinationDiv.innerHTML = sourceInput.value + '<br/>' +   
       destinationDiv.innerHTML;   
             } catch(e){   
             }   
          }   
       </script>   
    </head>   
    <body>   
// le bouton add permet d'ajouter du texte saisit dans un champ a mon div "testDiv"   
       <input type="text" id="testInput"/>   
       <input type="button" name="add" value="add" onClick="addDataToDiv()"/>   
// Je voudrais que ce bouton récupère tout le contenu du div ( et donc de ma variable javascript "destinationDiv " et l'envoie dans une variable php .  
   
    <input type="button" name="valid" value="valid" onclick="" />   
       <div id="testDiv">   
       </div>   
    </body>   
 </html> 


Comment recuperer cette valeur javascript en php ?
Si vous avez des idees je suis preneur...
Toujours ce probleme de javascript a php.


4 réponses

j'ai essaye mais ca ne marche pas:

<?php 

$mar_var ='<script type="text/javascript"> 
                           document.write(destinationDiv ) 
                   </script>';  

echo $ma_var; 

?>
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
13 avril 2012 à 21:29
php s'execute sur le serveur, javascript dans ton navigateur, si tu veux passer une valeur a php , une solution est de passer par un formulaire qui va appeler cette page php:

<html>   
    <head>   
       <script type="text/javascript">   
          function addDataToDiv(){   
             try{t   
                var sourceInput   = document.getElementById('testInput');   
                var destinationDiv = document.getElementById('testDiv');
				var existant_div=destinationDiv.value;	
                destinationDiv.innerHTML = existant_div +'<br/>' + sourceInput.value ;  
				//la tu va ecrire dans ton div, mais si tu veux envoyer vers php il faut mettre dans un input et y ecrire les valeurs aussi
				var champ_cache=document.getElementById('datas');
				champ_cache.value=existant_div + sourceInput.value ;
             } catch(e){   
             }   
          }   
       </script>   
    </head>   
    <body>   
// le bouton add permet d'ajouter du texte saisit dans un champ a mon div "testDiv"
<form name="form1" method="post" action="ton_script_php_appele.php">   
       <input type="text" id="testInput"/>   
       <input type="button" name="add" value="add" onClick="addDataToDiv()"/>   
// Je voudrais que ce bouton récupère tout le contenu du div ( et donc de ma variable javascript "destinationDiv " et l'envoie dans une variable php . 
	<div id="testDiv">   
       </div>   
	<input type="hidden" name="datas" id="datas" value="" />
    <input type="submit" name="valid" value="valid"  />
		
</form>		
       
    </body>   
 </html>
0
Oui merci de ta réponse Alain, c'est bien ce que je pensais et ce que je voulais éviter de faire, je vais me diriger vers Ajax pour résoudre mon problème.Encore merci de ta réponse.
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
16 avril 2012 à 21:50
oui Ajax est une solution
0