Skip to content

Instantly share code, notes, and snippets.

@atcasanova

atcasanova/gist:79cd22955296172137ce

Created June 4, 2014 18:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save atcasanova/79cd22955296172137ce to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save atcasanova/79cd22955296172137ce to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html dir="ltr" lang="pt-BR"><head>
<meta charset="utf-8">
<title>Redefinição Automática de Senha</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="style.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->
<link rel="stylesheet" href="style.responsive.css" media="all">
<link rel="stylesheet" href="jquery-ui-1.10.3/themes/custom-theme/jquery-ui.css" />
<script src="script.js"></script>
<script src="script.responsive.js"></script>
<script src="jquery-ui-1.10.3/jquery-1.9.1.js"></script>
<script src="jquery-ui-1.10.3/ui/jquery-ui-1.10.3.custom.js"></script>
<style>.content .postcontent-0 .layout-item-0 { color: #595959; }
.content .postcontent-0 .layout-item-1 { border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:#BFBFBF;border-right-color:#BFBFBF;border-bottom-color:#BFBFBF;border-left-color:#BFBFBF; color: #3B3B3B; background: #D4D4D4; padding-right: 10px;padding-left: 10px; }
.content .postcontent-0 .layout-item-2 { border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:#BFBFBF;border-right-color:#BFBFBF;border-bottom-color:#BFBFBF;border-left-color:#BFBFBF; color: #595959; padding-right: 10px;padding-left: 10px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }
</style>
</head>
<script >
$(function(){
$("form.form_ajax").on('submit',function(event){
event.preventDefault();
console.log('submit');
var
$this = $(this),
$dialog = null,
titulo = $this.data('title')
;
console.log(titulo);
$dialog = $('#dialog');
$dialog.dialog({
autoOpen: false,
title: titulo,
modal: false,
width: '700',
height: '500',
close: function( event, ui ) {
//$dialogCadastrar.empty();
},
open: function( event, ui ) {
console.log('open');
},
buttons: {
'Fechar': function(){
$(this).dialog('close');
}//,
//'Enviar': function(){
// console.log('enviar');
//}
}
});
$('#carregando').show();
$.ajax({
url: $this.attr('action'),
dataType: 'html',
type: 'POST',
data: $this.serialize(),
//processData:false,
success: function(data) {
$dialog.html(data).dialog('open');
$('#carregando').hide();
$('input[type=submit]').prop('disabled', true).prop('value', 'Enviado!');
},
error: function () {
}
});
});
});
</script>
<body>
<div id="main">
<div id="header-bg">
<header class="header">
<div id="dialog" style="display:none">
</div>
<div class="shapes"></div>
<h1 class="headline" data-left="4.21%"><a href="#">DNIT</a></h1>
<h2 class="slogan" data-left="6.05%">Redefinição Automática de Senha</h2>
</header>
</div>
<div class="sheet clearfix">
<div class="layout-wrapper">
<div class="content-layout">
<div class="content-layout-row">
<div class="layout-cell content">
<article class="post article">
<div class="postcontent postcontent-0 clearfix">
<div class="content-layout layout-item-0">
<div class="content-layout-row">
<div class="layout-cell layout-item-3" style="width: 33%;" >
</div>
<div class="layout-cell layout-item-1" style="width: 34%" >
<p></p><p></p><p></p><h1>Confirmar Reset</h1>
<form class="form_ajax" action="check.php" method="post" enctype="multipart/form-data" data-title="E-mail">
<table>
<tbody>
<tr>
<td style="text-align: right; "><b>Login:</b></td>
<td>
<input type="text" name="login" id="login" size="28" autocomplete="off">
</td>
</tr>
<tr>
<td style="text-align: right; "><b>Código:</b></td>
<td>
<input type="text" name="codigo" id="codigo" size="28" autocomplete="off">
</td>
</tr>
<tr>
<td style="text-align: right; "></td>
<td></td>
</tr>
<tr>
<td style="text-align: right; "></td>
<td></td>
</tr>
</tbody>
</table>
<input class="button" type="submit" value="Resetar"><input class="button" type="reset" value="Limpar">
</form>
<p></p><p></p><p></p>
</div>
<div class="layout-cell layout-item-3" style="width: 33%;" >
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-inner">
<div class="content-layout">
<div class="content-layout-row">
<div class="layout-cell layout-item-0" style="width: 20%">
</div>
<div class="layout-cell layout-item-1" style="width: 20%">
<h3>Versão 1.0</h3>
<br>
<ul>
<li>
<br>
</li>
</ul>
</div>
<div class="layout-cell layout-item-1" style="width: 25%">
<a href="http://www.serpro.gov.br" target="_blank"><img alt="Serpro, Serviço Federal de Processamento de Dados" src="images/logoserpro.png" style="margin-top: -08px;"/></a>
<!--
<h3>SERPRO</h3>Serviço Federal de Processamento de Dados
<br>
<ul>
<li>
<br>
</li>
</ul>-->
</div>
<div class="layout-cell layout-item-2" style="width: 35%">
<p style="text-align: right;">
<br>
</p>
</div>
</div>
</div>
<div class="content-layout">
<div class="content-layout-row">
<div class="layout-cell" style="width: 100%">
<p style="text-align: center;">
<p style="text-align: center;"><span style="text-align: right;">Serviço Federal de Processamento de Dados<br />Presente na vida de todo cidadão.</span><br></p>
<br>
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment