2010-05-02 5 views
2

Comment puis-je obtenir cette entrée de formulaire à stocker dans une variable, que je peux ensuite utiliser plus tard - plutôt que d'être ajouté à la fin de l'URL?Pourquoi ce code envoie-t-il le formulaire à l'URL?

<script type="text/javascript"> 

     $(function() { 
       var tag_box = $("<div>").appendTo("body").css({ 
        "width": "40px", 
        "height":"40px", 
        "border":"4px solid #000000", 
        "position":"absolute", 
        "display":"none", 
        "padding":"15px" 
        }); 

      var comment_box = $("<form action='#'><input id='comment' type='text' name='comment' placeholder='Add comment'></form>").appendTo(tag_box).css({"position":"absolute"}); 


      $("#image-wrapper").live("click", function(e) { 
       tag_box.css({ 
        "left": e.pageX - 40, 
        "top": e.pageY - 40, 
        "display": "block" 
        }) 
       .after(comment_box.css({ 
        "left": e.pageX - 65, 
        "top": e.pageY + 40 
       })); 
       return false; 
       }); 

      }); 

</script> 
<body> 

<div align="center"> 

    <img src="images/ror1.gif" width="760" height="182" alt="Ror1" id="image-wrapper"> 

</div> 
</body> 

Répondre

1

l'empêcher de présenter en retournant faux à partir du gestionnaire d'événement submit (de onsubmit). Les données de formulaire (noms de paramètres + valeurs) peuvent être capturées via serialize:

$("form").live("submit", function() { 
    var params = $(this).serialize(); 
    alert(params); 
    return false; 
}); 
+0

Belle, cela fonctionne parfaitement. – marcamillion

+0

Karim ... existe-t-il un moyen de réinitialiser le formulaire lors de la soumission, afin que je puisse aller de l'avant et continuer à collecter les entrées - du même utilisateur (de préférence sans recharger la page). – marcamillion

+1

@marcamillion - voir ici: http://stackoverflow.com/questions/680241/reset-form-with-jquery – karim79

Questions connexes