Categoria Atual: JavaScript / Ajax / DHTML
<script language="javascript"> function checarDatas(){ var NomeForm = document.Formulario; var data_1 = NomeForm.data_01.value; var data_2 = NomeForm.data_02.value; var Compara01 = parseInt(data_1.split("/")[2].toString() + data_1.split("/")[1].toString() + data_1.split("/")[0].toString()); var Compara02 = parseInt(data_2.split("/")[2].toString() + data_2.split("/")[1].toString() + data_2.split("/")[0].toString()); if (Compara01 > Compara02) { document.getElementById("resultado").innerHTML = "Data do Campo 01 Maior"; } else { document.getElementById("resultado").innerHTML = "Data do Campo 01 Menor"; } return false; } </script> <div id="resultado"></div> <form method="post" action="Teste.pl" name="Formulario" onsubmit="return checarDatas()"> campo01: <input type="text" id="data_01" /><br /> campo02: <input type="text" id="data_02" /> <input type="submit" …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Código simples para uma grande funcionalidade: script.js function marcarCheck() { var contaForm = document.Form.elements.length; var campo = document.Form; var i; for (i=0; i<contaForm; i++) { if (campo.elements[i].id == "Marcados") { campo.elements[i].checked = campo.CheckTodos.checked; } } } Index.html <script language="javascript" src="script.js"></script> <form name="Form"> Marcar Todos: <input type="checkbox" name="CheckTodos" onClick="marcarCheck();" /> <br><br> 1. <input type="checkbox" id="Marcados" /><br> 2. <input type="checkbox" id="Marcados" /><br> 3. <input type="checkbox" id="Marcados" /><br> 4. <input type="checkbox" id="Marcados" /><br> 5. <input type="checkbox" id="Marcados" /> </form>
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Carregamento simples de uma página dentro de uma DIV usando AJAX Primeiro criamos o arquivo onde fazemos a solicitação do browser, para saber se o navegador suporta ou não “Msxml2.XMLHTTP” ajax.js function GetXMLHttp() { if(navigator.appName == "Microsoft Internet Explorer") { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else { xmlHttp = new XMLHttpRequest(); } return xmlHttp; } var xmlRequest = GetXMLHttp(); No arquivo “instrucao.js” terá as informações necessárias para fazer a ação instrucao.js function abrirPag(valor){ var url = valor; xmlRequest.open("GET",url,true); …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
<script language="javascript"> function getData(){ var fSimples = new Date(); // cria o objeto de data var dia = fSimples.getDate(); // pega o dia var mes = fSimples.getMonth()+1; // pega o mês (somamos mais 1 pois o vetor começa do zero) var ano = fSimples.getFullYear(); // pega o ano if (dia < 10) {dia = "0"+dia;} // adiciona o zero quando o dia for menor que 10 if (mes < 10) {mes = "0"+mes;} // adiciona o zero quando o mês …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Página em JavaScript funcao.js var div = "manipulada"; // atribuir o nome da div que quer mostrar e ocultar function AparecerDiv(){ // função aparecer document.getElementById(div).style.display = "block"; // usamos o style.display para manupular o css da div e mostrar ela } function OcultarDiv(){ // função ocultar document.getElementById(div).style.display = "none"; // usamos o style.display para manupular o css da div e ocultar ela } Teste.html <html> <head> <script language="javascript" src="funcao.js"></script> </head> <body> <span onClick="AparecerDiv();" style="cursor: pointer;"><u>Aparecer Div</u></span> <br><br> <div id="manipulada" …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Código bem simples e útil para a galera que gosta de usar AJAX e não tem muita referência! Página para carregar o AJAX, funcionalidades: ajaxCarregar.js function GetXMLHttp() { if(navigator.appName == "Microsoft Internet Explorer") { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else { xmlHttp = new XMLHttpRequest(); } return xmlHttp; } var Enviar = GetXMLHttp(); // Início – Cadastro function CadastrarDados() { var Nome = document.getElementById("Nome"); var EMail = document.getElementById("EMail"); var URL = "Cadastro.asp?Cadastrar=Ok&Nome="+Nome.value+"&EMail="+EMail.value+""; Enviar.open("GET", URL, true); Enviar.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); document.getElementById("Resposta").innerHTML = "Cadastrado …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Código simples e comentando!!! function Randomize() { var randNum = Math.floor((999 – 111 + 1) * Math.random() + 111); // para aumentar a quantidade de números é só aumentar as casas decimais das centenas document.getElementById("resultado").innerHTML = randNum; // imprime o resultado na div "resultado" } <div id="clicar" style="cursor: pointer;" onClick="Randomize();">Clique aqui para gerar os numerais!</div><br> <div id="resultado"></div>
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Simples script usando JavaScript, para alimentar um campo “text” através de um campo “select”. Criada uma função alimentarCampo que recebe o valor dos campos do formulário através do metodo “getElementById” com a interação .value <html> <head> <script type="text/javascript"> function alimentarCampo() { var minhaLista = document.getElementById("minhaLista"); document.getElementById("campoReceber").value = minhaLista.options[minhaLista.selectedIndex].value; } </script> </head> <body> <form name="Formulario"> Selecione seu Browser: <select id="minhaLista" name="campo_selecione" onchange="alimentarCampo();"> <option value="001 Campo do Internet Explorer a Evolução">Internet Explorer</option> <option value="002 Campo do Firefox a Evolução">Firefox</option> <option value="003 Campo …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Esta função simples serve para retirar os acentos do campo, mais ele não retira na hora que você está digitando e sim quando você tira o foco do campo, sendo assim a função é acionada. aqui abaixo segue o script desenvolvido em javascript retirado da internet e adaptado. <script language="javascript"> function retirarAcento(objResp) { var varString = new String(objResp.value); var stringAcentos = new String('àâêôûãõáéíóúçüÀÂÊÔÛÃÕÁÉÍÓÚÇÜ'); var stringSemAcento = new String('aaeouaoaeioucuAAEOUAOAEIOUCU'); var i = new Number(); var j = new Number(); var cString …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais