Categoria Atual: HTML
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 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
Fazer um form simples onde o campo mude de cor quando em foco. Um JavaScript simples com base em DHTML. Segue o JavaScript: <script language="javascript"> function mudarCor(ref,corEscolhida){ ref.style.backgroundColor = corEscolhida; } </script> Aqui segue um código em HTML e DHTML normal chamando o foco do botão e a cor escolhida! <input type="text" name="campoFormulario" onFocus="mudarCor(this,'#FFFFE1')" onBlur="mudarCor(this,'#FFFFFF')"> bem simples: Acesse também: Webly
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
É um código pronto, todo comentado, simples de entender!! Arquivo: Banco.xml <catalog> <cd> <titulo>Empire Burlesque</titulo> <artista>Bob Dylan</artista> <outro01>USA</outro01> <ipresa>Columbia</ipresa> <preco>10.90</preco> <ano>1985</ano> </cd> <cd> <titulo>Hide your heart</titulo> <artista>Bonnie Tyler</artista> <outro01>UK</outro01> <ipresa>CBS Records</ipresa> <preco>9.90</preco> <ano>1988</ano> </cd> <cd> <titulo>Greatest Hits</titulo> <artista>Dolly Parton</artista> <outro01>USA</outro01> <ipresa>RCA</ipresa> <preco>9.90</preco> <ano>1982</ano> </cd> <cd> <titulo>Still got the blues</titulo> <artista>Gary Moore</artista> <outro01>UK</outro01> <ipresa>Virgin records</ipresa> <preco>10.20</preco> <ano>1990</ano> </cd> <cd> <titulo>Eros</titulo> <artista>Eros Ramazzotti</artista> <outro01>EU</outro01> <ipresa>BMG</ipresa> <preco>9.90</preco> <ano>1997</ano> </cd> </catalog> A mágia está toda aqui… Arquivo: index.html <script type="text/javascript"> var xmlDoc; …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
<select name="Combo_Paises"> <option value="África do Sul">África do Sul</option> <option value="Albânia">Albânia</option> <option value="Alemanha">Alemanha</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antigua">Antigua</option> <option value="Arábia Saudita">Arábia Saudita</option> <option value="Argentina">Argentina</option> <option value="Armênia">Armênia</option> <option value="Aruba">Aruba</option> <option value="Austrália">Austrália</option> <option value="Áustria">Áustria</option> <option value="Azerbaijão">Azerbaijão</option> <option value="Bahamas">Bahamas</option> <option value="Bahrein">Bahrein</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Bélgica">Bélgica</option> <option value="Benin">Benin</option> <option value="Bermudas">Bermudas</option> <option value="Botsuana">Botsuana</option> <option value="Brasil">Brasil</option> <option value="Brunei">Brunei</option> <option value="Bulgária">Bulgária</option> <option value="Burkina Fasso">Burkina Fasso</option> <option value="botão">botão</option> <option value="Cabo Verde">Cabo Verde</option> <option value="Camarões">Camarões</option> <option value="Camboja">Camboja</option> <option value="Canadá">Canadá</option> <option value="Cazaquistão">Cazaquistão</option> <option value="Chade">Chade</option> <option value="Chile">Chile</option> …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais