Sujet : gerer un bouton enregistrer au format html

bonjour
j'ai commencé un script qui permet au user de choisir un nombre d'input text
pour se faire son formulaire
je voudrais qu'il puisse l'enregistrer en local mais je sais pas comment recuperer le code généré ni comment gerer un bouton enregistrer au format html
voilà le code

<body>
<div id="box_g" class="">              <!-- deb div gauche  -->
  <p>
    <label for="amount">nb chp txt:&nbsp;</label>
    <input type="text" id="amount" style="border:3px; color:#f6931f; font-weight:bold;" size='1'>
  </p>
    <div id="slider"></div>
</div>                                     <!-- fin div gauche  -->
<div id="box_d" class="">               <!-- deb div droite  -->
  <form id='f1' action="JavaScript:alert('gong');">
   <span>saisir le type attendu</span>
    <div id="nbtxt">
     <ol>
      <li>
       <input type="text" id="chp1" class="" placeholder='nom? pr�nom? etc'>
      </li>
     </ol>
    </div>
   <canvas id="canvas_ok_f1" width="100" height="100" align="center">
     Non reconnu!
   </canvas>
  </form>    
</div>                                       <!-- fin div droite -->

                        <!-- S C R I P T  -->
                                        <!-- deb script chp txt de f1  -->
<script>
$(function() {
  $( "#slider" ).slider({
value:1,
min: 1,
max: 5,
step: 1,
slide: function( event, ui ) {
    $( "#amount" ).val( ui.value );
    var nb;nb=ui.value;                           //debu 
        if (nb > $("ol li").length)
              {                                  
              for (cpt=0;cpt<nb-$("ol li").length;cpt++)           
                    {
                    $("ol").append("<li><input type='text' placeholder='nom? prénom? etc'></li>");
                    }
              }
            else
              {     
                    $("ol li:last").remove(); 
              }                               
$( "#nbtxt" ).css( "background-color", "#6F40A4"); //fin  
                              }                               
                        })
  $("#amount").val( $( "#slider" ).slider( "value" ) );  
gere_canvas_ok_f1();
});

</script>
                                        <!-- fin script chp txt de f1  -->
                                        <!-- deb script canvas de f1  -->
<script>
function sss()
{
alert("");//document.demande.name.value);//////demande.submit();
}
function gere_canvas_ok_f1(){         //************************  cercle
  var canvas = document.getElementById('canvas_ok_f1');
  if (canvas.getContext)
  {
    var centerX = canvas.width / 2;
    var centerY = canvas.height / 2;
    var ctx = canvas.getContext('2d');
    ctx.beginPath();                  //    ctx.lineWidth = 4;
    ctx.fillStyle="#5BB7D8";
    ctx.strokeStyle = "#000";
    //centre  50, 50  50:rayon  0:debu angle  PI*2 fin angle :
    ctx.arc(50, 50, 50,0, Math.PI+(Math.PI*2)/(2),true);
    ctx.fill();
    ctx.stroke();
    ctx.strokeStyle = "#000";
    ctx.strokeText("submit", centerX, centerX);
    $( "#canvas_ok_f1" ).click( function() {
                    $("#f1").submit();
                                })              
  }
}
</script>
                                        <!-- fin script canvas de f1 transparent -->
</body>

merci de votre aide

Re : gerer un bouton enregistrer au format html

Tu ne peut pas déclencher l'enregistrement du fichier en html...

Le plus simple c'est d'afficher dans un textearea le code généré pour que le user puisse le copier coller

Re : gerer un bouton enregistrer au format html

quand je regarde le code source ds firefox, j'ai meme pas de  le code généré !

Re : gerer un bouton enregistrer au format html

C'est normal , au chargement de la page le code généré n'existe pas,

Il faut regarder avec Firebug

Ou declencher un Alert() pour verifier

Re : gerer un bouton enregistrer au format html

merci c'est sympa!