Simple Jquery Dialog mais maintenant sur cliquez

Question

J'ai essayé de faire une boîte de dialogue en utilisant jquery ça marche mais je n'ai pas de succès à le faire onclick bacuse il ne devrait pas seulement popup mais seulement quand vous cliquez dessus.

<script type="text/javascript"> 
$.ui.dialog.defaults.bgiframe = true; 
$(function() { 
    $("#dialog").dialog(); 
}); 
</script> 

et

<div id="dialog" title="Basic dialog"> 
    <p>hi how are you</p> 
</div> 

et pour le joli bouton recherche

<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button> 

essayé d'utiliser ces exemples

http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form

quelqu'un sait comment faire fonctionner cela avec un clic sur le bouton # créer-utilisateur je ne suis pas si bon à javascript.

Merci Matthy

Answer 1

Vous devez définir l'option autoOpen false de sorte que la boîte de dialogue ne sera pas ouvert lorsque son créé.

Pour l'ouvrir lorsque vous cliquez sur votre bouton, vous appelez la méthode ouverte.

<script type="text/javascript"> 
    $.ui.dialog.defaults.bgiframe = true; 
    $(function() { 
     $('#dialog').dialog({ 
      autoOpen: false 
     }); 
     $('#create-user').click(function() { 
      $('#dialog').dialog('open'); 
     }); 
    }); 
</script>