Comment ouvrir une action de formulaire dans Jquery Dialog

Question

J'ai une forme:

<form style="display: inline;" action="/player.php" method="post"> 
      <input type="hidden" name="recname" value="'.$row['name'].'"> 
      <input type="hidden" name="recordingdesc" value="'.$row['description'].'"> 
      <input type="hidden" name="reclink" value="$_SESSION['customerid'].'-'.$row['timestamp'].'.wav"> 

      <button type="submit" class="tooltip table-button ui-state-default ui-corner-all" title=" rec"><span class="ui-icon ui-icon-volume-on"></span></button> 
      </form> 

et je veux player.php ouvrir dans une boîte de dialogue modale et être en mesure d'afficher les informations après comment cela peut se faire.

Answer 1

Ajax est la réponse. Publiez le formulaire via ajax et dans la fonction de rappel, (si la publication a réussi), vous pouvez créer votre boîte de dialogue et charger les données renvoyées par la publication. Consultez la documentation de Jquery au Jquery.post

Answer 2

Créez d'abord une boîte de dialogue en utilisant jquery-ui. Vous devez ensuite ajouter le formulaire suivant:

$("form button").click(function() { 
    $.post({url: '/player.php', data: $("form").serialize(), 
     success: function (data) { 
        $(div in dialog).html(data); 
        $("#MyDialog").dialog('open'); 
        } 
    }); 
    return false; 
});