Jump to content

Search the Community

Showing results for tags 'DOM'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 14 results

  1. Pessoal, bom dia! Estou iniciando no JS e quero automatizar algumas ações realizadas por humanos. Uma delas, preciso acessar um site e fazer o download de arquivo, porém, neste site especifico, não estou conseguindo passar da tela de login. Estou testando essa parte no console do browser mesmo: var username = window.document.getElementById("username") undefined var password = window.document.getElementById("password") undefined var signin = window.document.querySelector(".splButton-primary.btn") undefined username.value = "usuariovalue" "usuariovalue" password.value = "passwordvalue" "password value" signin.click() Mas quando eu disparo o click, da usuário e senha errada e no console da a seguinte mensagem: POST https://siteexemple/en-US/account/login 401 (Unauthorized) common.js:27 Se eu digito o usuário e senha na mão e uso o console apenas para clicar no botão, ele acessa normalmente. Segue abaixo, bloco HTML do site: <form method="post" class="loginForm" action="/en-US/account/login"> <div style="display: none" data-cid="view200" class="account-login-firsttime" data-view="views/account/login/FirstTime" data-render-time="0"> <h2>First time signing in?</h2> <p>If you've forgotten your username or password, please contact your Splunk administrator.</p> <table> <tbody><tr> <td>username</td> <td>admin</td> </tr> <tr> <td>password</td> <td>changeme</td> </tr> </tbody> </table> </div> <fieldset> <div class="control account-login-textcontrol control-default" data-cid="view197" data-view="views/account/login/TextControl" data-name="username" data-render-time="0"> <span class="uneditable-input " data-role="uneditable-input" style="display:none"></span> <input type="text" name="username" class=" " value="" autocomplete="off" id="username" placeholder="Username"> </div> <div class="control account-login-textcontrol control-default" data-cid="view199" data-view="views/account/login/TextControl" data-name="password" data-render-time="0"> <span class="uneditable-input " data-role="uneditable-input" style="display:none"></span> <input type="password" name="password" class=" " value="" autocomplete="off" id="password" placeholder="Password"> </div><input class="splButton-primary btn" type="submit" value="Sign in"> <input type="hidden" name="cval" value="1900007162"> <input type="hidden" name="return_to" value="/en-US/"> </fieldset> </form> Conseguem me ajudar? Estou iniciando no JS. Agradeço, desde já!
  2. soyer2018

    Java Script - DOM

    Bom dia to aprendendo por conta html, css e java script, eu criei um exercício onde eu criei uma input no html: <input type="number" onclick="teste()"> e no java script eu quero o seguinte, quando eu clico no input, quero que ele armazene o número que cliquei e informe através do alert. fiz o seguinte código: function teste() { var number = document.getElementByName('input', 'number').values; alert('seu numero', + number); }; porém ele só mostra o alerta mas sem mostrar o número,, como posso resolver esse problema.?
  3. Olá pessoal, Estou aprendendo JS há alguns meses. Como todo processo de aprendizagem aparecem certas lacunas, dúvidas.... A minha é a seguinte: Estou tendo dificuldade em atrelar elementos do tipo (arrays/listas/vetores) retornados pelos métodos do DOM e atrelá-los a eventos. Nesse código abaixo eu queria transformar cada dia de um calendário em um objeto clicável e estou tendo dificuldade em manipular os vetores retornados e atrelá-los A CADA DIA., alguém pode dar essa luz ?? segue o código: <script> window.onload = function(){ var msg = document.getElementById("msg"); var el = document.getElementById("mes"); var elemento = el.getElementsByClassName("dia"); /* elemento[0].onclick = function(){ elemento[0].style.backgroundColor = "#ccc"; } */ elemento[1].onclick = function(){ elemento[1].style.backgroundColor = "#ccc"; } elemento[2].onclick = function(){ elemento[2].style.backgroundColor = "#ccc"; } elemento[3].onclick = function(){ elemento[3].style.backgroundColor = "#ccc"; } } </script> </head> <body> <table id="mes"> <tr> <td class="dia">1</td><td class="dia">2</td><td class="dia">3</td><td class="dia">4</td><td class="dia">5</td><td class="dia">6</td><td class="dia">7</td> </tr> <tr> <td class="dia">8</td><td class="dia">9</td><td class="dia">10</td><td class="dia">11</td><td class="dia">12</td><td class="dia">13</td><td class="dia">14</td> </tr> <tr> <td class="dia">15</td><td class="dia">16</td><td class="dia">17</td><td class="dia">18</td><td class="dia">19</td><td class="dia">20</td><td class="dia">21</td> </tr> <tr> <td class="dia">22</td><td class="dia">23</td><td class="dia">24</td><td class="dia">25</td><td class="dia">26</td><td class="dia">27</td><td class="dia">28</td> </tr> <tr> <td class="dia">29</td><td class="dia">30</td><td class="dia">31</td> </tr> </table> </body> </html> Já usei função fora do onLoad, já usei loop for mas to quebrando a cabeça aqui. Eu gostaria que um único botão (o dia clicado) em uma função conseguisse fazer o trabalho, tipo assim: elemento[x].onclick = function(){ elemento[x].style.backgroundColor = "#ccc"; } qual a forma correta de fazer isso ???? agradeço a ajuda.
  4. <?php $url = 'www.site.com'; $dadosSite = file_get_contents($url); echo $dadosSite; ?> <script type="text/javascript"> window.onload = function(){ var x = document.getElementsByClassName("fraction")[0].innerHTML= "100"; } </script> Glr tenho esse codigo, eu queria alterar o conteudo que tem como classe "fraction", porem ele nao da resposta, alguem tem alguma sujestão?
  5. diogoglobaltec

    não consigo valor do array $_FILES

    criei um formulário dinamico e gostaria de enviar para o arquivo rec.php, os aquivos adicionados pelo no formato file , já tentei colocar em x.setAttribute("enctype" , "multipart/form-data"); também não funcionou segue o arquivo: <!DOCTYPE html> <html> <body> <p>Click the button to create a FORM and an INPUT element.</p> <button onclick="myFunction()">Try it</button> <button onclick="enviar()">enviar</button> <script> function myFunction() { var x = document.createElement("FORM"); x.setAttribute("action", "rec.php"); x.setAttribute("method", "post"); x.setAttribute("id", "myForm"); document.body.appendChild(x); var y = document.createElement("INPUT"); y.setAttribute("type", "file"); y.setAttribute("name", "arquivo[]"); document.getElementById("myForm").appendChild(y); } function enviar(){ document.forms[0].submit(); } </script> </body> </html> consigo pegar no arquivo rec.php o valor de $_POST , mas de $_FILES não consigo pegar como um array, o que está dando errado ? segue o script PHP Arquivo rec.php <?php foreach($_POST['arquivo'] as $value) { echo $value."<br />"; } foreach($_FILES['arquivo'] as $value) { echo $value['arquivo']['name']."<br />"; }
  6. Boa tarde amigos, tudo bem? Mais uma vez venho pedir o auxilio de vocês. (Talvez da primeira vez eu tenha criado esse tópico no lugar errado) Bom, estou desenvolvendo um sistema intranet pra uma empresa (php + firebird) e nele haverá uma página de cadastro de pedido; nela, o usuário digita a data da compra, a data de vencimento e vai listando os produtos - bem simples. Minha dúvida é a seguinte: como eu faço pra pra inserir vários produtos na mesma página e depois cadastrar tudo de uma vez? Peguei como exemplo uma tela do sistema de um amigo (não pode ser copiado, pois foi desenvolvido em Delphi). O usuário escolhe um produto e insere na lista, escolhe outro e insere na lista e assim por diante. No final ele cadastra todos. Minha dúvida não é nos procedimentos de cadastros (funções de banco e etc) é em como fazer a aparecer essa lista de produtos. Será que é com Jquey, Javascript... enfim... me deêm uma luz rsrs Muito obrigado desde já.
  7. Tenho o seguinte código: <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <h1>Teatro</h1> <hr> <p>Poltrona:<input id="poltrona"> <button type="button" onclick="reservarPoltrona()">Reservar</button> </p> <hr> <div id="mapa" style="font-family: 'Courier New'; font-size: 10px"> <h3>Mapa do Teatro</h3> </div> <p>Legenda: </p> <h4> <img src="banco.jpg" style="width: 25px; height: 35px">Poltrona Disponível <img src="banco2.jpg" style="width: 25px; height: 35px">Poltrona Reservada </h4> <script> var aReserva = []; montarMapa(); function montarMapa() { for (i = 1; i <= 300; i++) { var sp = document.createElement("span"); var zeros = ""; if (i<10) { zeros = "00"; } else if (i<100) { zeros = "0"; } var num = document.createTextNode("["+zeros+i+"]"); if (i % 20 == 11) { sp.style.marginLeft = "100px"; } else { sp.style.marginLeft = "5px"; } sp.appendChild(num); document.getElementById("mapa").appendChild(sp); var banco = document.createElement("img"); banco.src = "banco.jpg"; document.getElementById("mapa").appendChild(banco); banco.style.width = "35px"; banco.style.height = "40px"; banco.id = "banco" + i; if (i % 20 == 0) { var br = document.createElement("br"); document.getElementById("mapa").appendChild(br); } } } function reservarPoltrona() { var poltrona = document.getElementById("poltrona").value; aReserva.push(poltrona); if (poltrona == "" || isNaN(poltrona)) { alert("Informe os dados da reserva corretamente"); } else { } } </script> </body> </html> E tenho 3 tarefas: - Armazenar as reservas de poltrona no vetor aReserva; - Trocar a imagem da poltrona reservada (banco2.jpg) - aqui poderia ser qualquer imagem de poltrona, apenas para fazer a distinção das poltronas livres para as reservadas); - Impedir a reserva de poltronas ocupadas. Estou quebrando a cabeça para tentar resolver isso, e apesar de ser simples, não consigo. Estou recém começando a aprender sobre a DOM e ainda não domino nem 10% desses elementos, se pudessem ao menos me dar uma luz, eu ficaria muito grato.
  8. bdexterholland

    onsubmit não é executado

    Boa tarde, Eu estou criando alguns forms via php para lançamento de comissão mês a mês para cada vendedor. Eu pensei em usar ajax para submeter cada form individualmente para assim, agilizar o processo e diminuir chances de erro. Estou tentando escrever uma rotina em javascript e associar ao OnSubmit dos forms. Para gerar os forms, estou usando o seguinte código: <?php $VSQL = "SELECT email, nome FROM lds_usuarios ORDER BY nome"; $VRES = mysqli_query($conn->getLink(), $VSQL); while($VLinha = mysqli_fetch_assoc($VRES)) { $nome = $VLinha['nome']; $email = $VLinha['email']; for($i = 1; $i <= 12; $i++) { $metas[$i] = 0; switch($i) { case 1: $mes[$i] = "Janeiro";break; case 2: $mes[$i] = "Fevereiro";break; case 3: $mes[$i] = "Março";break; case 4: $mes[$i] = "Abril";break; case 5: $mes[$i] = "Maio";break; case 6: $mes[$i] = "Junho";break; case 7: $mes[$i] = "Julho";break; case 8: $mes[$i] = "Agosto";break; case 9: $mes[$i] = "Setembro";break; case 10: $mes[$i] = "Outubro";break; case 11: $mes[$i] = "Novembro";break; case 12: $mes[$i] = "Dezembro";break; } } $ano = date('Y'); $MSQL = "SELECT valor, inicio FROM lds_nivelmeta WHERE usuario = '$email' AND '$ano' = YEAR(inicio) ORDER BY inicio"; $MRES = mysqli_query($conn->getLink(), $MSQL); while($MLinha = mysqli_fetch_assoc($MRES)) { $j = date('n', strtotime($MLinha['inicio'])); $metas[$j] = $MLinha['valor']; } echo("\n" . '<div class="vmeta">'); echo("\n" . '<form name="form-meta" onsubmit="submeterForm(this)">'); echo("\n <h3>$nome</h3>"); echo('<input type="hidden" name="meta-usuario" id="meta-usuario" value="' . $email . '" />'); echo('<input type="hidden" name="meta-ano" id="meta-ano" value="' . $ano . '" />'); for($i = 1; $i <= 12; $i++) { echo("\n" . ' <div class="listaMetas">'); echo("\n" . ' <div class="camposMetas">'); echo("\n" . ' <div class="colunaMeta"><label>'.$mes[$i].'</label><input name="meta-mes-'.$mes[$i].'" id="meta-mes-'.$mes[$i].'" type="number" value="' . $metas[$i] . '" /></div>'); echo("\n" . ' </div>'); echo("\n" . ' </div>'); } echo("\n" . ' <button class="btn btn-primary btn-block btn-md" type="submit">Salvar</button>'); echo("\n" . '</form>' . "\n"); echo("\n" . '</div>' . "\n"); } ?> estou tentando capturar com este código: var submeterForm = function(formulario) { var aux = formulario; window.alert(aux); return false; } Minha rotina não está sendo executada. Alguém poderia me ajudar a executar esta rotina apenas para os forms eu eu submeter?
  9. Olá pessoal. Ainda não tenho muito conhecimento no desenvolvimento Web, porem já sei bastante coisa. Estou criando uma Engine para Visual Novels que vou disponibilizar como Open Source. Para quem não conhece esse tipo de game, ele é como um livro em que você vai lendo as falas, vendo os personagens por trás e ainda com trilha sonora. Sem contar que você pode fazer escolhas que vão modificar a história. Em fim, estou quase terminando a primeira versão da minha engine. Porem não sei como fazer para colocar ela aparecendo em todo o navegador. Vou postar uma imagem aqui de como está agora: Clique para acessar a imagem (Sprite e background não foram feitos por mim, só usei de modelo para construir o código. Quando eu colocar no GitHub irei criar minhas proprias imagens) O que quero é que ela fique fixa em toda área do navegador. O que devo estudar? Estudei DOM mas meu conhecimento ainda é pouco já que foquei mais na aprendizagem com o console e agora estou partindo pro documento. Tem como fazer isso sem um Framework? Não queria usar um Framework por que estou fazendo a Engine com puro JavaScript. Ainda estou pensando em como deixar o game responsivo (se tiverem alguma dica pra mim podem falar). Um pouco sobre a Engine: Não fiz com a Canvas porque ainda não estudei sobre ela. Fiz com o DOM normal e JS orientado a objetos. Não usei funções de ordem superior por que ainda não estudei sobre elas mas utilizei funções como setTimeout. Primeiro o usuario irá se deparar com o Menu, onde terá a opção de iniciar o jogo ou continuar. Iniciando o jogo, a personagem irá explicar um pouco sobre o poder da engine. Os textos são passados com um efeito onde aparece letra por letra. Também podemos mudar a posição do personagem como também da espressão do rosto dele apenas acrescentando as determinadas propriedades no objeto. Fora que terá música de fundo que é a unica coisa que falta implementar no projeto. Tudo isso orientado a objeto, onde só precisamos digitar em determinado objeto, a propriedade que queremos que ele tenha. Sou um cara que estuda programação a 7 meses sósinho. Mas não significa que estudei JS por todo esse tempo. Estudei lógica, depois HTML5 e CSS3, um pouco de Bootstrap e por fim estou me aprofundando no JS. Desde já obrigado pessoal!
  10. Pessoal, Seguinte Tenho uma pagina e nela tenho um botão. Quando clicar nesse botão ele tem que executar um JAVASCRIPT que busca na base o id do usuario: PROMOCOES.PHP BOTAO <input type="button" value="Sortear" id="FormBotao" onClick="ExecutaSorteio();"> JAVASCRIPT <script type="text/javascript"> function ExecutaSorteio() { var idPromocao = document.getElementById("idPromocao").value; var httpxml; if (window.XMLHttpRequest) { httpxml = new XMLHttpRequest(); } else { httpxml = new ActiveXObject("Microsoft.XMLHTTP"); } httpxml.onreadystatechange = function() { if (httpxml.readyState == 4 && httpxml.status == 200) { alert(httpxml.responseText); } } httpxml.open("GET","../actions/sortear.php?Promocao=" + idPromocao,true); httpxml.send(); } </script> SORTEAR.PHP <? include("../conexao/conexao.php"); conecta(); $idPromocao = $_GET["Promocao"]; $STT = "SELECT idUsuario FROM tbSorteios WHERE idPromocao = $idPromocao ORDER BY RAND() LIMIT 1 OFFSET 0"; $QRY = mysql_query($STT) or die; $X = mysql_fetch_assoc($QRY); echo $X['idUsuario']; ?> Porém, quando executo, o ALERT está vazio!!!!! Nem FROYD explica isso!!! Eu uso esse mesmo codigo em outras paginas e funciona!!!! Eu executo a pagina SORTEAR.PHP?Promocao=1 direto no browser e funciona!!!
  11. Boa noite galera Estou com dificuldades de inserir o valor da variável <nome> entre os TD's da minha ultima linha da tabela. É obrigatório o uso do DOM, mesmo acessando o nó que quero, não estou conseguindo fazer com que seja setado o valor da variavel na referida coluna. <html> <head> <title>--DOM - Exercicios--</title> <meta charset="utf-8" /> </head> <body> <div> Nome <input id="nome"> <br> Data Nascimento <input id="dn"> <br> E-mail <input id="email"> <br> <button onclick="Enviar()">Enviar</button> </div> <script type="text/javascript"> function Enviar() { var nome = document.getElementById("nome").value; var dn = document.getElementById("dn").value; var email = document.getElementById("email").value; var tabela = document.getElementById("tabela"); var nova_linha = document.createElement("tr"); for (i = 0; i < 5; i++) { var nova_col = document.createElement("td"); nova_linha.appendChild(nova_col); } tabela.appendChild(nova_linha); var ultima_linha = document.getElementsByTagName("tr")[1].firstChild; //retorno meu primeiro td (nome) ultima_linha.nodeValue = nome; // coloco o valor de nome na coluna } </script> <table id="tabela" border="1"> <tr> <td>Nome</td> <td>Data Nascimento</td> <td>Idade</td> <td>Email</td> <td>Acoes </td> </tr> </table> </body> </html>
  12. Olá, tudo bem? Então, sou leigo em jquery mas estou tentando aprender e executar exercícios como por exemplo esse que eu empaquei -_- Queria que ao clicar novamente no '.menu-section-title' ele fechasse mas não estou conseguindo colocar isso no código, meio que uma condição quando for clicado novamente no mesmo titulo ele executasse o .hide() Segue exemplo de onde eu consegui executar sem problemas mas não fecha quando abre outro: https://jsfiddle.net/jonathanrn/7qfno505/2/ Exemplo inacabado, quando clica no mesmo da errado (o importante é tentar haha): https://jsfiddle.net/jonathanrn/xd672cch/3/ Desde já agradeço, vlw
  13. LE.GO.

    Classe Para DOM

    Pessoal, minha dúvida é a seguinte, eu pretendo fazer um carrossel em javascript puro, porém, queria que isso fosse feito em uma classe em javascript para implementar na minha própria CMS (pretendo usar todo o javascript nativo da CMS por meio de classes), como até hoje não desenvolvi nenhuma classe, estou tendo dúvidas. Para você entenderem: Se eu não fosse usar uma classe, eu faria o seguinte para inserir um texto dentro do parágrafo abaixo (de forma muito simplificada): [...] <script type="text/javascript"> function meuTexto(a) { // 'a' é o 'texto' que sera exibido no paragrafo document.getElementById('texto').innerHTML = a; }; window.onload = meuTexto('ESSE É MEU TEXTO'); </script> </head> <body> <p id="texto"></p> </body> </html> Como eu faria isso usando uma classe? (usarei essa resposta como ponto de partida para a minha classe) Grato desde já.
  14. Spingamer

    cURL Não atualiza a URL das páginas

    Olá Galera! Eu Tenho um script, que acessa um URL imprime a página na saída só que em outro domínio. Eu uso o seguinte código <?php require_once 'simple_html_dom.php'; $html = file_get_contents('http://sitequeseraimpresso.com.br'); $html = str_get_html($html); $html->find('link', 0)->href = 'http://puu.sh/ooTW2/4be444bd27.png'; $html->find('link', 1)->href = 'http://puu.sh/ooTW2/4be444bd27.png'; echo $html; ?> <style type="text/css"> #WIX_ADS { display:none; } </style>? eu gostaria de saber, como eu poderia fazer para atualizar a URL quando eu fosse mudar de página... Exemplo, Quando eu clico na pagina Galeria por exemplo ele continua com a url da HOME (www.sitefinal.com.br) eu gostaria de quando eu fosse acessar as paginas do site, o link mudasse também... e eu descobri que eu preciso fazer algo para que o código atualize automaticamente... como eu poderia fazer isso? Obrigado
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.