Tag Archives: dom

O que seria o DOM?

Muitos programadores fazem confusão de que o DOM (Document Object Model, em ptBR, Modelo de Objetos de Documentos) faz parte do JavaScript, não é assim “totalmente”. O DOM é uma especificação da W3C que não depende de plataforma ou de NENHUMA LINGUAGEM.
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

Cadastrar, Listar, Editar e Excluir dados de um XML com ASP – Parte 03

Criem um arquivo chamado Editar.asp e nele serão lidas todas as tags que contém no arquivoBanco.xml , mas com a querystring passada pelo arquivo Ler.asp que criamos no artigo anterior. Vamos só alterar uma única tag, um único nó do XML. Lembrando que usei uma tag “nome”: mas vocês poderiam criar uma tag “id” e colocar números seqüenciais ou randômicos, a escolha fica a critério. Vamos primeiro listar todos os registros, criando os objetos que já utilizamos nos primeiros artigos, nada a mais. <%@ Language="VBScript" %> <% …
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

Manipulando DIV com JavaScript

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

Cadastrando, Listando e Deletando com AJAX / ASP

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

Tags:

Randomize com JavaScript/DOM

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

Tags:

Verificar a existência da tag XML com ASP

Sempre vejo esse tipo de pergunta nos fóruns, para que serve o tal do “.nodeName”???? Tenho aqui uma bela funcionalidade para ele, e bem útil. Nesse script abaixo, verifico se existe a tag “NOME_TAG” dentro do arquivo teste.xml com auxilio do .nodeName, vejam o script e reparem no simples, que é bonito!! <% Set obj_XML = Server.CreateObject("Microsoft.XMLDOM") Set objLista = Server.CreateObject("Microsoft.XMLDOM") obj_XML.async = False obj_XML.Load (Server.MapPath("teste.xml")) Set objLista = obj_XML.getElementsByTagName("*") For i = 0 to (objLista.length-1) If objLista.item(i).nodeName = "NOME_TAG" …
Continue Lendo

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

Tags:

Alimentando um campo de texto através de um select

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

DOM com XML

É 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

Tags: