danilodorgam · October 4, 2015 17:08
diff --git a/ajax.js b/ajax.js
 $('#seila').submit(function(e){
 	e.preventDefault();

 	if($('#enviar').val()=='Enviando..'){
 		return (false);
 	}
 	//em vez de mudar o valor do butão poderia mudar inserir o circulo rodando
 	$('#enviar').val('Enviando..');
 	$.ajax({
 		url: 'processa.php',
 		type: 'POST',
 		dataType: 'html',
 		data:{
 			'metodo':$('#metodo').val(),
 			'salario':$('#salario').val(),
 			'tempo':$('#tempo').val(),
 		}

 	}).done(function (data){
 		alert(data);
 			$('#enviar').val('enviar');
 			$('#salario').val(''),
 			$('#tempo').val(''),
 	});
 });
diff --git a/footer.php b/footer.php
 <footer class="page-footer green">
    
    <div class="footer-copyright">
      <div class="container">
      Made by <a class="orange-text text-lighten-3" href="#">Materilize</a>
      </div>
    </div>
  </footer>

      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script type="text/javascript" src="<?php echo URL_TEMA?>js/materialize.min.js"></script>
    </body>
  </html>
diff --git a/header.php b/header.php
 <!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="<?php echo URL_TEMA?>css/materialize.min.css"  media="screen,projection"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>
    <body class="light-blue darken-4">
diff --git a/index.php b/index.php
 <?php 
 	include("header.php");
 ?>

    <form class="row"  id="seila" >
        <input id="metodo" type="hidden" class="validate" name="id" value="0">
      	<div class="col s12">
      		<div class="input-field col s12">
         		<i class="material-icons prefix">work</i>
          		<input id="salario" type="number" class="validate" name="salario">
          		<label for="icon_prefix">valor</label>
        	</div>
        </div>        
        
        	<div class="input-field col s12">
        		<i class="material-icons prefix">query_builder</i>
          		<input id="tempo" type="number" class="validate" name="tempo">
          		<label for="icon_telephone">Tempo Trabalhado</label>
        	</div>
        </div>
       <input type="submit" id="enviar" placeholder="Enviar">

      </form>
      <div id="result"></div>
 <script type="text/javascript" src="<?php echo URL_TEMA?>js/validacao.js"></script>
  <?php include("footer.php") ?>
diff --git a/processa.php b/processa.php
 <?php

 	if(strcasecmp('seila', $_POST['metodo'])==0){
 		$html = 'Tempo: '.$_POST['tempo'];
 		$html .= "<br>";
 		$html .= 'Salario: '.$_POST['salario'];
 		echo $html;
 	}

 ?>
	$('#seila').submit(function(e){
	e.preventDefault();

	if($('#enviar').val()=='Enviando..'){
	return (false);
	}
	//em vez de mudar o valor do butão poderia mudar inserir o circulo rodando
	$('#enviar').val('Enviando..');
	$.ajax({
	url: 'processa.php',
	type: 'POST',
	dataType: 'html',
	data:{
	'metodo':$('#metodo').val(),
	'salario':$('#salario').val(),
	'tempo':$('#tempo').val(),
	}

	}).done(function (data){
	alert(data);
	$('#enviar').val('enviar');
	$('#salario').val(''),
	$('#tempo').val(''),
	});
	});
	<?php
	include("header.php");
	?>

	<form class="row" id="seila" >
	<input id="metodo" type="hidden" class="validate" name="id" value="0">
	<div class="col s12">
	<div class="input-field col s12">
	<i class="material-icons prefix">work</i>
	<input id="salario" type="number" class="validate" name="salario">
	<label for="icon_prefix">valor</label>
	</div>
	</div>

	<div class="input-field col s12">
	<i class="material-icons prefix">query_builder</i>
	<input id="tempo" type="number" class="validate" name="tempo">
	<label for="icon_telephone">Tempo Trabalhado</label>
	</div>
	</div>
	<input type="submit" id="enviar" placeholder="Enviar">

	</form>
	<div id="result"></div>
	<script type="text/javascript" src="<?php echo URL_TEMA?>js/validacao.js"></script>
	<?php include("footer.php") ?>
	<?php

	if(strcasecmp('seila', $_POST['metodo'])==0){
	$html = 'Tempo: '.$_POST['tempo'];
	$html .= "<br>";
	$html .= 'Salario: '.$_POST['salario'];
	echo $html;
	}

	?>