Pesquisar na Comunidade
Mostrando resultados para as tags ''DOM''.
Encontrado 8 registros
-
Olá pessoal, por favor alguém pode me ajudar... Tenho o código abaixo e preciso carregar página externa dentro de uma page, para depois acessá-la utilizando #page1. Já testei com Iframe e funcionou, mas não posso usar iframe nesse projeto. Grato pessoal Giovani ------------------------------------- <body> <div id="page0" data-role="page"> <header data-role="header" data-position="fixed"> <h1>HOME</h1> <div class="ui-btn-left"> <a href="#page1" data-role="button" data-icon="arrow-l" data-iconpos="left">Produtos</a> </div> <div class="ui-btn-right"> <a href="#page2" data-role="button">Serviços</a> </div> </header> <div data-role="content" class="content"> // texto da home </div> </div> <div id="page1" data-role="page"> <header data-role="header" data-position="fixed"> <h1>Produtos</h1> <div class="ui-btn-left"> <a href="#page0" data-role="button" data-icon="arrow-l" data-iconpos="left">Home</a> </div> </header> <div data-role="content" class="content"> // NÃO SEI COMO FAZER ISSO // Quando acesso o site gostaría que aqui já fosse pré carregada uma página produto.php // apenas uma vez. Depois utilizando #page1 podería acessá-la, mas sem carregá-la novamente, // apenas mostrar o que já foi carregado no início </div> </div> <div id="page2" data-role="page"> <header data-role="header" data-position="fixed"> <h1>Serviços</h1> <div class="ui-btn-left"> <a href="#page0" data-role="button" data-icon="arrow-l" data-iconpos="left">Home</a> </div> </header> <div data-role="content" class="content"> // NÃO SEI COMO FAZER ISSO // Gostaría que aqui fosse pré carregado uma página serviço.php </div> </div> </body>
-
Boa noite galera. Sou novo aqui no site e me deparei com um problema bem chato e preciso muito da ajuda de vocês. É o seguinte. Estou criando o sistema de fotos dinâmico onde existe o uso do método FileReader da API javascript. Até ai tudo bem, funciona perfeitamente. Porém ao usar o Jquery para criar o elemento e salvar os dados no formato base64, e enviar para um arquivo php, ele não reconhece o elemento criando. Ou seja, quando o objeto é criado pelo jquery dinamicamente, a página do formulário original, não reconhece o elemento e não envia nada para o php. É como se fosse um elemento fantasma criado mas que para uso não existe. E ai? o que faço? me ajudem! -
Estou fazendo 3 galerias com html através do JavaScript, o código e o mesmo e estou repetindo ele através da variável x, com o loop while. Ao lado de cada galeria existe a opção "veja mais", que, ao clicar, deve carregar uma página com todas as fotos da correspondente galeria(a que foi clicada). A função que carrega todas as imagens é a função maisGaleria(n), e pretendo passar o valor de n através do x, da página das galerias. Porém, não consigo. Creio que preciso recuperar esse valor na página pics.html para então passar o valor do parametro a função, acho que posso fazer isso pegando a url mas não sei como. Alguma dica ? As galerias: while(x <= 3){ imgs.innerHTML += "<div id='gal"+x+"' class='row'>"; imgs.innerHTML += "<div class='eight columns'>"; imgs.innerHTML += "<h4>Galeria "+x+"</h4>" for(var i = 0; i <= 3; i++){ galeria = "foto"+x+"_"+(i+1)+".jpg"; } //se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for. for(var i = 0; i < galeria.length; i++){ imgs.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>"; } imgs.innerHTML += "</div>"; imgs.innerHTML += "</div>"; imgs.innerHTML += "<a id='veja' href='pics.html' onclick='maisGaleria("+x+");'><div id='link'><p>Veja mais</p></div>" x++; } A função: function maisGaleria(n){ var galeria = new Array(); var img = $("#gallery"); img.innerHTML = "<div class='row'>"; img.innerHTML += "<div class='six columns'>"; //imgs.innerHTML += "<h4>Galeria"+n+"</h4>"; for(var i = 0; i <= 3; i++){ galeria = "foto"+n+"_"+(i+1)+".jpg"; } //se utilizar <=galeria.length, ele adicionara um valor vazio, que foi atribuido devido ao (i+1) do outro for. for(var i = 0; i < galeria.length; i++){ img.innerHTML += "<img src='img/"+galeria+"' class='imgs-galeria'>"; } img.innerHTML += "</div>"; img.innerHTML += "</div>"; } E a página: <body onload="maisGaleria();"><!-- como passar esse valor ? --> <div class="center"> <div class="row"> <div class="four columns top"> <h5></h5> </div> <div class="eight columns menu"> <ul> <a href="index.html"><li><h4 class="menu-list">Home</h4></li></a> <a href="galeria.html"><li><h4 class="menu-list">Galeria</h4></li></a> <a href="sobre.html"><li><h4 class="menu-list">Sobre</h4></li></a> <a href="contato.html"><li><h4 class="menu-list">Contato</h4></li></a> </ul> </div> </div> <div class="row galeria"> <div id="gallery" class="container"> </div> -
Boa tarde Pessoal, Sou novato aqui e necessito de ajuda urgente para um código de JS. O que acontece: Tenho um objeto que quando sobreposto com outro objeto, precise que crie um bullet (•) na mesma div desde objeto (Ou seja, preciso fazer algo parecido com "if (objetos > 1) { $(this).append("<br>•") e, após isso, seja possível trocar do primeiro para o segundo objeto clicando nele ou utilizando swap, afetando também os bullets (tirando e removendo as classes). Tenho os seguintes códigos: Ao largar o objeto onde quero => function drop(ev) { ev.preventDefault(); $("#project-description").remove(); $("#project").val(""); var data = ev.dataTransfer.getData("text\html"); var element = $(document.getElementById(data)); var target = $(ev.target).closest(".produto"); var project; for (var i = 0; i < projects.length; i++) if (projects[i].value == data) project = projects[i]; if (project.video) { $(target).append(project.video); element.remove(); } else if (element[0].tagName == "IMG") { if (!$(':first-child',target).hasClass('ativo')) { target.empty(); $("<div>").addClass("ativo").appendTo(target); } $(".ativo",target).prepend(element); AtivaSlide($("body")); } } O que tenho até agora para a sobreposição => function AtivaSlide(container) { if (container.ativos) for (var i = 0; i < container.ativos.length; i++) clearInterval(container.ativos[i]); container.ativos = []; $(".ativo", container).each(function() { var $this = $(this); if ($this.children().length > 1) { $("img:gt(0)", $this).hide(); onclick(function() { $(':first-child', $this) .hide() .next("img") .end() .appendTo($this); }); } }); }
-
Pessoal no código abaixo, dentro do script apos o conteudo dentro de window.onload, fora dele vocês podem observar a funçaõ showHide (el, mode), ela dispara um evento no formulário de modo que se uma das condições dentro dos if's dentro de window.onload não for obedecida uma mensagem de erro temporizada e ativada, mostrada por 2 segundos e depois desaparece. Gostaria de saber por que se essa mesma funçao for declarada dentro de window.onload antes de ser usada nos if, isso gera um BUG no qual ela não temporiza da forma correta (testei pra varios valores de segundos), e a mesma so funciona se for omitido o return false depois do if. ps: O CODIO DO JEITO QUE ESTA, FUNCIONA, DESDE QUE A FUNCAO showHide() esteja FORA DE window.onload, porem quando declarada dentro GERA O BUG <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Exercicio 05</title> <link href='http://fonts.googlea...reek,vietnamese' rel='stylesheet' type='text/css'> <script type="text/javascript"> window.onload = function () { var form = document.getElementById("form"); var nome = document.getElementById("name"); var phone = document.getElementById("phone"); var mail = document.getElementById("mail"); var login = document.getElementById("login"); var pass = document.getElementById("password"); var send = document.getElementById("submit"); var validaEmail = /^\w+@\w+\.com$/igm; var validaLogin = /^(\w|\d)+$/igm; var allInputs = document.getElementsByTagName("input"); for (var i = 0; i < allInputs.length; i++) { allInputs.size = 40; } function insertMessage (idElement, message) { var element = document.getElementById(idElement); element.innerHTML = message; } send.onclick = function () { if (nome.value == "" || mail.value == "" || login.value == "" || pass.value == "") { insertMessage('error', 'Preencha todos os campos obrigatórios!'); showHide('error', 'block'); } else if (validaEmail.test(mail.value) == false){ insertMessage('error', 'Email no formato incorreto!'); showHide('error', 'block'); } else if ((login.value.length > 12 ||login.value.length < 6) && validaLogin.test(login.value)){ insertMessage('error', 'Login deve ter entre 4 a 12 caracteres e não pode usar caracteres especiais!'); showHide('error', 'block'); } else { showHide('error', 'none'); form.submit(); } return false; } } function showHide (el, mode) { document.getElementById(el).style.display = mode; setTimeout("showHide('error', 'none')", 2000); } </script> <style type="text/css"> * { margin: 0px; padding: 0px; list-style: none; outline: none; } form { width: 400px; height: 500px; border: 2px solid #000000; border-radius: 30px; margin: 50px auto; } label { display: block; margin-left: 70px; margin-top: 40px; font-family: 'Roboto Condensed', sans-serif; } input { margin-left: 70px; margin-bottom: 30px; font-family: 'Roboto Condensed', sans-serif; display: block; } #error { width: 400px; height: 40px; border: 2px solid #000000; border-radius: 30px; margin: 10px auto; background-color: #d6a95f; text-align: center; text-transform: uppercase; line-height: 40px; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; display: none; } </style> </head> <body> <div id="error"></div> <form action="" method="get" id="form"> <label for="name">Nome* : </label> <input type="text" name="nome" id="name"/> <label for="phone">Telefone : </label> <input type="text" name="telefone" id="phone"/> <label for="mail">E-mail* : </label> <input type="text" name="email" id="mail"/> <label for="login">Login* : </label> <input type="text" name="login" id="login"/> <label for="password">Senha* : </label> <input type="password" name="senha" id="password"/> <input type="submit" name="enviar" id="submit"/> </form> </body> </html>
-
Melhor Dizendo oque quero fazer. Tendo uma div <div id = "part1"> <tbody <span> </span> </tbody> ...... <tbody <span> <table> <tr> ... </tr> <tr> ... </tr> <tr> Olaaa </tr> (Obter Essa) </table> </span> </tbody> </div> Oque consegui fazer ate agora. function myFunction() { var span = document.getElementById('part1'); var row = span.getElementsByTagName('table')[1].childNodes[2]; alert(row); } Ate agora tenho como o retorno "object HTML tableSetctionElement" Gostaria de como exibir o texto que esta dentro da tag tr.
-
Olá amigos, é a primeira vez que posto aqui e preciso de uma grande ajuda, pois tenho procurado em vão na internet, soluções para este problema. O formulário abaixo, funciona quase perfeitamente, com exceção da chamada à função javascript. A minha intenção é que cada vez que se marque um checkbox, a função 'mostrarCampo()' torne visível o campo "input" (logo à direita desse checkbox). Acontece, que cada vez que marco um checkbox (qualquer um), fica visível somente o input da 1ª linha. O que está errado? //-----------------função Javasscript (em arquivo separado .js)------------------// function mostrarCampo(){ case "f_Ins_Suprimento": document.f_Ins_Suprimento.sClaNome.style.visibility="visible"; document.f_Ins_Suprimento.tfSupNome.style.visibility="visible"; document.f_Ins_Suprimento.tfSupEstoque.style.visibility="visible"; break; . . . case "f_Solicitacao_2": est = document.getElementsByName("tfEst[]"); for(var i = 0; i<est.length; i++){ document.f_Solicitacao_2.tfEst[i].style.visibility="visible"; } break; default: break; } } //------------------O FORMULARIO--------------------------------------------------// <!-- FORMULARIO DINÂMICO COM TRECHOS EM PHP QUE TRAZEM DADOS PARA SEREM MANIPULADOS --> <form name="f_Solicitacao_2" action="index.php" method="post"> <div align="center"> <table id="tabRel"> <tr> <th colspan="4">SOLICITAÇÃO DE ALOCAÇÃO DE RECURSOS</th> </tr> <tr><td colspan='2'>Equipamentos</td><td>Estoque</td><td></td></tr> <?php /*RECUPERANDO UMA VARIÁVEL VINDA DE OUTRO ARQUIVO */ $proId = $_REQUEST['id']; /* CAPTURANDO E TRATANDO UMA EXCEPTION*/ try { /*RECEBENDO OS DADOS*/ $lista = Equipamento::listarEquipamento(); /*PARA CADA DADO CONTIDO NO ARRAY LISTA, RECEBENDO E...*/ foreach($lista as $value){ $equ_Id = $value['equ_Id']; $equ_Nome = $value['equ_Nome']; $equ_Est = $value['equ_Estoque']; /*ESCREVENDO NA TELA DENTRO DE UMA TABELA COM AS SEGUINTES COLUNAS * NA PRIMEIRA, A CHAMADA DA FUNÇÃO 'mostrarCampo() É EXECUTADA QUANDO * O CHECKBOX FOR MARCADO E DEVE TORNAR VISÍVEL O CONTEUDO DA COLUNA * SEGUINTE */ echo " <tr> <td colspan='2'><input type='checkbox' id='chEquName' name='chEquName[]' onclick='mostrarCampo();' value=\"".$equ_Id."\" />".$equ_Nome."</td> <td>Estoque :<input name='tfEst[]' id='tfEst[]' type='text' size='4' style='visibility:hidden;' value=\"".$equ_Est."\" /></td> <td><input type='hidden' name='hProId' value=\"".$proId."\" /></td> </tr>"; } /* CASO A EXCEÇÃO TENHA SIDO CAPTURADA, EXEBE MENSAGEM*/ } catch (N_ListaVazia $exc) { echo $exc->getMessage(); } ?> </table> <input type='hidden' name='hLabel' value='tela_Solicitacao_2' /> <p align="center"><input type="submit" name="bSubmit" value="confirmar"/></p> <p align="center"><a href="?acao=tela_Servicos">VOLTAR</a></p> <p align="center"><a href="?acao=logout">SAIR</a></p> </div> </form>
-
link do xml - http://words.fromoldbooks.org/xml/Chalmers-Biography/with-sources.xml Listar os sobrenomes mais comuns, com a posição e a quantidade de vezes que ele ocorre, do mais para o menos frequente. Considere como sobrenome o primeiro elemento <csc> dentro de <title> e imprima os resultados seguindo o formato abaixo: <table> <thead> <tr> <th>#</th> <th>Sobrenome</th> <th>Quantidade</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Smith</td> <td>26</td> </tr> <tr> <td>2</td> <td>Bernard</td> <td>17</td> </tr> <tr> <td>3</td> <td>Alexander</td> <td>16</td> </tr> ... </tbody> </table>
