HTML5 popup box

Question

Je cherche à coder une boîte popup dans ma simple page HTML 5/Javascript/Jquery et je me demandais s'il y avait une «bonne» façon de le faire. Le but de la boîte est d'être un formulaire posant quelques questions puis de disparaître quand on clique sur un bouton.

Des pensées? Merci!

Answer 1

essayez la boîte de dialogue jquery ui. jquery dialog

Assurez-vous d'inclure les ressources Jquery et jquery ui (fichiers JS, CSS). afin d'obtenir le résultat souhaité.

vous pouvez choisir Source comme CDN comme celui-ci

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js' type='text/javascript'></script> 

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<div id="yourDiv"> 
some content 
</div> 

// jquery

$(function(){ 
    $('#yourDiv').dialog({ 
    modal:true 
}); // setup dialog. 


$('#yourDiv').dialog('open');//open dialog 
});