Cadastro automatico em outro input
Olá Galera do Imasters, Tenho uma dúvida que é a seguinte: Possuo um formulário de cadastro que o objetivo é agendar aulas de digitação em uma instituição. Nele possuo 4 campos (aula,aula2,aula3,aula4) quero que, quando eu clicar no "aula1" e agendar a primeira data, ele automaticamente a cada 4 dias ele agende automaticamente nos outros campos. Exemplo: se no campo 1 eu clicar e colocar a data 10/07/2013 ele preencha o campo 2 com 14/07/2013 o campo 3 com 18/07/2013 e o campo 4 com 22/07/2013 ------------------------------------------------ O codigo fonte é o seguinte: ------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><!--Data Jquery-->
<link rel="stylesheet" href="../../js/jquery/css/smoothness/jquery-ui.css" /> <script src="../../js/jquery/jquery-1.9.1.js"></script> <script src="../../js/jquery/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <link rel="stylesheet" href=""/> <script>//Campo 1
jQuery(function($){ $.datepicker.regional['pt-BR'] = { closeText: 'Fechar', prevText: '<Anterior', nextText: 'Próximo>', currentText: 'Hoje', monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho', 'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun', 'Jul','Ago','Set','Out','Nov','Dez'], dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'], dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'], weekHeader: 'Sm', dateFormat: 'dd/mm/yy', firstDay: 0, isRTL: false, showMonthAfterYear: false, yearSuffix: ''}. $.datepicker.setDefaults($.datepicker.regional['pt-BR']). }). $(function() { $( "#datepicker" ).datepicker(). }). $(function() { $( "#datepicker2" ).datepicker(). }). $(function() { $( "#datepicker3" ).datepicker(). }). $(function() { $( "#datepicker4" ).datepicker(). }). </script><link rel=”stylesheet” type=”text/css” href=../historico/”calendario.css” />
<script src="../historico/calendario.js" ></script><meta http-equiv="Content-Type" content="text/html. charset=utf-8" />
<title>Sistema - Agendamento Digitação</title><style type="text/css"><!--
body {
background-image: url(../../images/bg_black.jpg). }-->
</style></head> <body>
<form id="form1" name="form1" method="post" action="<?php echo $editFormAction.?>"> <table width="424" border="0" style="font-family:Verdana, Geneva, sans-serif. font-size:14px. color:#FFF. font-weight:bold"> <tr> <td align="center">Agendamento Digitação</td> </tr> </table> <table width="424" border="0" style="font-family:Verdana, Geneva, sans-serif. font-size:11px. color:#FFF. font-weight:bold"> <tr> <td width="100">Aluno:</td> <td width="314"><input name="aluno" type="text" id="aluno" size="30" /></td> </tr> <tr> <td>Cart.:</td> <td><input name="cart" type="text" id="cart" size="15" /></td> </tr> <tr> <td>1º Aula:</td> <td><input name="aula1" type="text" id="datepicker" size="10" /></td> </tr> <tr> <td>2º Aula:</td> <td><input name="aula2" type="text" id="datepicker2" size="10" /></td> </tr> <tr> <td>3º Aula:</td> <td><input name="aula3" type="text" id="datepicker3" size="10" /></td> </tr> <tr> <td>4º Aula:</td> <td><input name="aula4" type="text" id="datepicker4" size="10" /></td> </tr> </table> <p> </p> <table width="424" border="0" style="font-family:Verdana, Geneva, sans-serif. font-size:14px. color:#FFF. font-weight:bold"> <tr> <td align="center"><input type="submit" name="button" id="button" value="Agendar Aulas de Digitação" /></td> </tr> </table> <p> </p> <input type="hidden" name="MM_insert" value="form1" />
</form>
</body>
</html>Discussão (1)
Carregando comentários...