forme simple avec dialogue et jQuery UI bases de données

Je suis la programmation d'un ordre du jour, et je voudrais ouvrir un formulaire dans une boîte de dialogue (avec formulaire modal jQuery UI) puis enregistrez les informations contenues dans mes bases de données, mais je ne peux » t trouver un exemple de ce que je veux faire.forme simple avec dialogue et jQuery UI bases de données

J'ai rassemblé des codes, mais cela ne fonctionne pas, je sais qu'il ya des erreurs, mais je ne peux pas les corriger comme je suis nouveau à jQuery et tout ce genre de choses.

Voici mon code

$(function() { 
    $("#dialog").dialog("destroy"); 

    var libelle = $("#libelle"), 
    type = $("#type"), 
    employe = $("#employe"), 
    date = $("#date"), 
    client = $("#client"), 
    camion = $("#camion"), 
    commentaire = $("#commentaire"), 
    allFields = $([]).add(libelle).add(type).add(employe).add(date).add(client).add(camion).add(commentaire); 

    $("#dialog-form").dialog({ 
    autoOpen: false, 
    height: 450, 
    width: 250, 
    modal: false, 
    buttons: { 
    'Ajouter une tache': function() { 
    $(".ajax").submit(function(e) { 
     var datas = $(this).serialize();   
     $.ajax({ 
     type: 'POST',  
     url: traitement.php,  
     data: datas,  
     success: function(data) { 

     } 
     }); 
    }); 
    $(this).dialog('close'); 
    }, 
    Retour: function() { 
    $(this).dialog('close'); 
    } 
    }, 
    close: function() { 
    allFields.val('').removeClass('ui-state-error'); 
    } 
    }); 



    $('#create-user') 
    .button() 
    .click(function() { 
    $('#dialog-form').dialog('open'); 
    }); 

});

et le code html

<div class="test"> 


<div id="dialog-form" title="Ajouter une tache"> 
    <form> 
    <fieldset> 
    <label for="libelle">Libelle</label> 
    <input type="text" name="libelle" id="libelle" class="text ui-widget-content ui-corner-all" /> 

    <label for="Type">Type de RDV</label> 
    <select name="type" id="type" class="text ui-widget-content ui-corner-all" /> 
    <option value="Entretien">Entretien</option> 
    <option value="Dépannage">Dépannage</option> 
    <option value="Congés">Congés</option> 
    </select> 

    <label for="employe">Employe</label> 
    <select name="id_empl" id="id_empl" class="selectbox ui-widget-content ui-corner-all" /> 
    <option value="Entretien">Entretien</option> 
    <option value="Dépannage">Dépannage</option> 
    <option value="Congés">Congés</option> 
    </select> 

    <label for="date">Date</label> 
    <input type="text" name="date" id="date" class="text datepicker ui-widget-content ui-corner-all" /> 


    <label for="client">Client</label> 
    <input type="text" name="client" id="client" class="text ui-widget-content ui-corner-all" /> 

    <label for="camion">Réservation Camion</label> 
    <input type="checkbox" name="camion" id="camion" class="text ui-widget-content ui-corner-all" /> 

    <label for="commentaire">Commentaire</label> 
    <textarea name="commentaire" cols="30" rows="5" class="text ui-widget-content ui-corner-all"></textarea> 
    </fieldset> 
    </form> 
</div> 

<button id="create-user">Ajouter une tache</button> 

</div>

Source

2010-05-18 copndz