prototype/cadastro2.html
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Dashboard">
<meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
<title>Indica Aí</title>
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/style-responsive.css" rel="stylesheet">
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
</head>
<body onload = "myMove()">
<section id="container" >
<nav class="navbar-fixed-top">
<div id = "animate"></div>
<div class="topbox"><span id="screen-title" >Cadastrar</span></div>
<div class="apps-bar">
<img src="assets/img/navbarIndicaAi.png">
</div>
<div style="margin-top: -1px"></div>
<div class="tab">
<a href="index.html"><button id="btnNav">Buscar local</button></a>
<a href="cadastro.html"><button id="btnNav-select">Cadastrar</button></a>
<a href="favoritos.html"><button id="btnNav">Locais favoritos</button></a>
</div>
</nav>
<div style="margin-top: 65px"></div>
<section id="main-content">
<section class="wrapper">
<section style="margin-top: 40px" class="text-left" >
<form class="form-" action="mapa.html">
<div class="form-group">
<input type="text" name="nomeLocal" id="nomeLocal" class="form-control" placeholder="Nome do local..." aria-describedby="helpId">
<br>
<input type="text" name="dicaLocal" id="dicaLocal" class="form-control" placeholder="Dicas sobre o local..." aria-describedby="helpId">
<br>
<label class="btn btn-indicaAi" for="my-file-selector">
<input id="my-file-selector" type="file" style="display:none"
onchange="$('#upload-file-info').html(this.files[0].name)">
Escolha Imagem
</label>
<span class='label label-info' id="upload-file-info"></span>
<select class="form-group form-control" id="list-categoria">
<option style="max-width:90%;">Categoria...</option>
<option style="max-width:90%;">Restaurante</option>
<option style="max-width:90%;">Utilidades</option>
<option style="max-width:90%;">Papelaria</option>
</select>
<br>
<textarea type="text" name="descricaoLocal" id="descricaoLocal" class="form-control" placeholder="Descrição do local..." aria-describedby="helpId"></textarea>
</div>
<div class="text-center">
<a ><button class="btn btn-indicaAi">Buscar no mapa</button></a>
</div>
</form>
</section>
</section>
</section>
<script>
function myMove() {
var elem = document.getElementById("animate");
var pos = 0;
var id = setInterval(frame, 5);
function frame() {
if (pos == 50) {
clearInterval(id);
document.getElementById("animate").innerHTML = "<h4>"+ "Cadastrado com sucesso!" + "</h4>";
setTimeout(reduce, 2000);
} else {
pos++;
elem.style.height = pos + 'px';
}
}
function reduce() {
var id2 = setInterval(reduce, 70);
if(pos == 0){
clearInterval(id2);
}else{
pos--;
elem.style.height = pos + 'px';
document.getElementById("animate").innerHTML = "";
}
}
}
</script>
</body>
</html>