em Sem categoria

Jquery: Criando uma janela modal com autoload

Você já deve ter precisado criar uma janela do tipo modal que carreguasse com o load da página não ?

Se precisou veja com é simples fazer isto com jQuery

<link rel=”stylesheet” type=”text/css” href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css”>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js”></script>

<script type=”text/javascript”>
$(document).ready(function() {
var $dialog = $(‘<div></div>’)
.html(‘User, seu cadastro foi realizado com sucesso<br/>Aguarde nosso contato para confirmação dos dados’)
.dialog({
width: 640,
height: 200,
autoOpen: true,
title: ‘Pré cadastro’
});
$(‘#opener’).click(function() {
$dialog.dialog(‘open’);
// prevent the default action, e.g., following a link
return false;
});
});
</script>

Veja o exemplo em funcionamento clicando aqui