Envoyer à un code HTML généré par script php

Question

J'ai déjà ce script

<FORM method="POST" name="ajax" action="#"> 
<INPUT type="submit" class="env_buttn" value="<?php echo "Generate"; ?>"    
ONCLICK="gen_data()"> 
<div id="data_gen"> 
    // generated html to be sent to check.php 
</div> 
</FORM> 

Ce que je veux faire est d'envoyer le code HTML généré dans le div à un autre script php check.php. J'ai pensé à ajouter un autre bouton mais je ne sais pas comment le faire correctement. Des idées ?

Answer 1

Pour obtenir html à l'intérieur d'un élément le faire en javascript:

var html = document.getElementById('data_gen').innerHTML 

Cela fait partie de votre question répondu au moins ... Que voulez-vous faire avec le code HTML?

En supposant que vous voulez faire des choses de style ajax ... il suffit d'ajouter cette fonction à un événement onclick pour un bouton:

function event_calls_this() 
{ 
    var html = document.getElementById('data_gen').innerHTML; 
    jQuery.ajax(
    { 
     url  : 'blah/check.php', 
     data  : {the_html:html}, 
     type  : 'POST', 
     success : function(data) 
     { 
      //do what you need to do with the response 
     } 
    } 
} 

Une question qui vient à l'esprit est la suivante: Qu'est-ce que vous essayez de faire réellement? Est-ce que l'utilisateur remplit en quelque sorte le div? Si oui alors comment? Je suis à peu près certain que changer de stratégie donnerait une solution plus élégante, mais je ne suis pas sûr des détails ... alors, si cela ne résout pas votre problème, pouvez-vous nous donner quelques informations de base?

Answer 2

Remplacer <div> avec <textarea> si vous voulez qu'il soit soumis à la forme:

<form method="post" name="ajax" action="#"> 
    <input type="submit" class="env_buttn" value="Generate" onclick="gen_data()"> 
    <textarea name="data_gen"> 
    </textarea> 
</form>