Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.

Pesquisar na Comunidade

Mostrando resultados para as tags ''Javascript''.



Mais opções de pesquisa

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Categorias

  • Armazenamento
  • Áudio
  • Energia
  • Entrada
  • Feiras e Eventos
  • Gabinetes
  • Memória
  • Museu
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Rádio CdH
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Blog

Categorias

  • Armazenamento
  • Áudio
  • Câmeras
  • Computadores
  • Consoles
  • Eletrônicos
  • Energia
  • Entrada
  • Gabinetes
  • Impressão
  • Jogos
  • Memória
  • Placas-mãe
  • Portáteis
  • Processadores
  • Programas
  • Redes
  • Refrigeração
  • Smartphones
  • Tablets
  • Vídeo
  • Outros

Categorias

  • Livros disponíveis
  • Livros esgotados

Categorias

  • Cursos

Fóruns

  • Mensagens do Clube do Hardware
    • Regras gerais
    • Boletins do Clube do Hardware
    • Notícias da administração
  • Hardware
    • Recomendações de computadores
    • Placas de vídeo
    • Placas-mãe e chipsets
    • Processadores
    • Problemas de gargalo e desempenho
    • Memórias
    • Armazenamento
    • Refrigeração e superaquecimento
    • Fontes e energia
    • Gabinetes e casemods
    • Placas de som e áudio on-board
    • Periféricos
    • Mac
    • Overclock
    • Hardware - outros
  • Computação móvel
    • Notebooks
    • Tablets
    • Smartphones e apps
  • Redes e Internet
    • Redes e Internet
    • Hospedagem de sites e registro de domínios
  • Segurança da informação
    • Remoção de malware
    • Dúvidas sobre invasões e infecções
    • Programas de proteção
  • Programação e desenvolvimento
    • Java
    • C/C#/C++
    • Pascal/Delphi
    • .NET
    • Bancos de dados
    • Programação web
    • Programação - iniciantes
    • Programação de microcontroladores
    • Programação - outros
  • Software
    • Jogos
    • Pacotes de escritório
    • Computação distribuída (Folding@Home, Bitcoin etc.)
    • Virtualização
    • Design, animação e tratamento de imagens
    • Edição de áudio e vídeo
    • Programas
  • Sistemas Operacionais
    • Recomendação de sistemas operacionais
    • Windows
    • GNU/Linux, BSD, Unix-like e software livre
    • Mac OS
  • Eletrônicos
    • Equipamentos de som, home theaters e gravadores de mesa
    • Televisores e projetores
    • Câmeras e filmadoras
    • Players portáteis
    • Consoles (videogames)
    • GPS
    • Telefonia fixa
    • Eletrônica
    • Retrocomputação
  • Outros
    • Recomendações de serviços e lojas
    • Preços e promoções
    • Notícias
    • Bolsa de empregos, certificações e mercado de trabalho
    • "Causos"
    • Encontros de usuários
    • Feira do Rolo
  • Clube do Hardware
    • Comentários, elogios, críticas, sugestões e questões sobre o Clube do Hardware
    • Comentários de artigos
    • Fórum para testes de funcionalidades

Categorias

  • Hardware
  • Redes
  • Eletrônica
  • Sistemas operacionais

Encontrado 86 registros

  1. Galera, sou iniciante em JS e tenho uma dúvida, eu to fazendo um curso, já vi umas 30 aulas e até agora o Professor não falou nada sobre como LER uma variável do teclado, somente como fazer atribuição manual, como por exemplo: let nome = "Kleber" , por exemplo, e o comando input não sei estou escrevendo errado, mas não está funcionando, estou fazendo assim: let nome = input("Digite seu nome").
  2. Estou no 3 Ano do ensino médio na matéria de programação e preciso de ajuda em um programa, se alguém puder ajudar segue em baixo o exercício. Ler as 3 notas de um aluno, calcular sua média aritmética e imprimir APROVADO se a Média for maior ou igual que 60 REPROVADO caso a média for menor que 20 e PROVA FINAL se a média for menor que 60 e maior que 20.
  3. Estou aprendendo Linguagem de programação e me deparei com uma dúvida, já tentei de todas as formas e não consegui. No pequeno joguinho, quando a bolinha encostasse no quadrado, apareceria o alerta dizendo game over e a bolinha voltaria à posição inicial. Só consegui fazer a bolinha se mover, mas não o resto. Alguém poderia me ajudar com essa dúvida por favor? Deixarei o código para darem uma olhada. Obrigada. <canvas width="600" height="400"></canvas> <script> var tela = document.querySelector('canvas'); var pincel = tela.getContext('2d'); pincel.fillStyle = 'lightblue'; pincel.fillRect(0, 0, 600, 400); var x = 30; var y = 20; //Códigos do teclado: var esquerda = 37; var cima = 38; var direita = 39; var baixo = 40; //Taxa de incremento: var taxa = 5; var colisao = desenhaQuadrado; function desenhaQuadrado() { pincel.fillStyle = 'blue'; pincel.beginPath(); pincel.fillRect(50, 50, 50, 50); pincel.fillStroke = 'black'; pincel.strokeRect(50, 50, 50, 50); } function desenhaBolinha(x, y, raio) { pincel.fillStyle = 'black'; pincel.beginPath(); pincel.arc(x, y, raio, 0, 2 * Math.PI); pincel.fill(); } function limpaTela() { pincel.clearRect(0, 0, 600, 400); } function atualizaTela() { limpaTela(); desenhaBolinha(x, y, 10); desenhaQuadrado(); } setInterval(atualizaTela, 20); function setasDoTeclado(evento) { if(evento.keyCode == cima) { y = y - taxa; } else if (evento.keyCode == baixo) { y = y + taxa; } else if (evento.keyCode == esquerda) { x = x - taxa; } else if (evento.keyCode == direita) { x = x + taxa; } } if(desenhaBolinha == colisao) { alert('Você perdeu'); } document.onkeydown = setasDoTeclado; </script>
  4. fala galera bom dia, vcs @DiFpoderiam me apontar um erro no meu codigo ? preciso passar um valor de uma variavel do java para uma url mais não está dando certo veja um resumo do trecho abaixo. os links estão abrindo certinho mais a variavel ID que quero que passe via url não esta indo . queria que a id ( $('#visualizar #id').val(event.id); ) fosse passada na url . eventClick: function(event) { $('#visualizar #id').text(event.id); $('#visualizar #id').val(event.id); $('#visualizar #title').text(event.title); $('#visualizar').modal('show'); return false; }, function send(action) { switch(action) { case 'save': url = 'descripcion_evento.php?id'=+id; break; case 'submit': url = 'submit.php?id='+id; break; case 'publish': url = 'publish.php?id='+id; break; } document.forms[0].action = url; document.forms[0].submit(); } </script> <input type="button" value="Save and Continue Editing" onclick="send('save');" /> <input type="button" value="Save" onclick="send('submit');" /> <input type="button" value="Publish" onclick="send('publish');" /> adicionado 0 minutos depois @dif
  5. Boa noite Eu estou editando um código e não estou conseguindo colocar para que uma imagem quem esta dentro de uma DIV seja alterada a cada X tempo. Gostaria de por exemplo a cada 30 segundos uma imagem, depois de 30 segundos outra imagem. Queria alterar entre a imagem de Index 0 e Index 1. ******************************************************************************************************** ********** Index 0 ************** <div data-image-index="0" data-displayer-width="1678" data-displayer-height="1119" data-displayer-uri="45b0e3_f2808e64042b45f7ade77b6229a3d126~mv2.jpg" data-height-diff="0" data-width-diff="0" data-bottom-gap="0" data-image-wrapper-right="0" data-image-wrapper-left="0" data-image-wrapper-top="0" data-image-wrapper-bottom="0" data-margin-to-container="0" itemscope="" itemtype="http://schema.org/ImageObject" style="position: absolute; left: 0px; top: 0px; opacity: 0.000164131; visibility: inherit; height: 553px; width: 100%;" class="style-isqm9g1yimageItem" data-state="notShowPanel desktopView unselected clipImage transIn normal noLink" id="comp-isqm6ofodataItem-iv884ilb"> ********** Index 1 ************** <div data-image-index="1" data-displayer-width="1700" data-displayer-height="1130" data-displayer-uri="45b0e3_4a186640b54f4ce38907204ea23571c1~mv2.jpg" data-height-diff="0" data-width-diff="0" data-bottom-gap="0" data-image-wrapper-right="0" data-image-wrapper-left="0" data-image-wrapper-top="0" data-image-wrapper-bottom="0" data-margin-to-container="0" itemscope="" itemtype="http://schema.org/ImageObject" style="position: absolute; left: 0px; top: 0px; opacity: 0.382182; height: 553px; width: 100%; visibility: inherit;" class="style-isqm9g1yimageItem" data-state="notShowPanel desktopView unselected clipImage transOut rollover noLink" id="comp-isqm6ofodataItem-iv883xp0"> ******************************************************************************************************** <div id="c1537inlineContent" class="p1inlineContent"> <div style="overflow: hidden; left: 0px; right: 0px; position: absolute; margin-left: 0.5px; margin-right: 0px; top: 81px; height: 550px; width: 100%;" data-gallery-id="comp-isqm6ofo" data-height-diff="0" data-width-diff="0" class="style-isqm9g1y" data-state="hidePlayButton autoplayOn notMobile desktopView touchRollOut animationInProcess" id="comp-isqm6ofo"> <div class="style-isqm9g1y_border"></div> <div style="height: 100%; z-index: 0;" data-gallery-id="comp-isqm6ofo" id="comp-isqm6ofoitemsContainer" class="style-isqm9g1yitemsContainer"> <div data-image-index="0" data-displayer-width="1678" data-displayer-height="1119" data-displayer-uri="45b0e3_f2808e64042b45f7ade77b6229a3d126~mv2.jpg" data-height-diff="0" data-width-diff="0" data-bottom-gap="0" data-image-wrapper-right="0" data-image-wrapper-left="0" data-image-wrapper-top="0" data-image-wrapper-bottom="0" data-margin-to-container="0" itemscope="" itemtype="http://schema.org/ImageObject" style="position: absolute; left: 0px; top: 0px; opacity: 0.000164131; visibility: inherit; height: 553px; width: 100%;" class="style-isqm9g1yimageItem" data-state="notShowPanel desktopView unselected clipImage transIn normal noLink" id="comp-isqm6ofodataItem-iv884ilb"> <div draggable="false" style="cursor:default;height:100%;width:100%;position:absolute;top:0px;left:0px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-drag:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-modify:read-only;-webkit-user-modify:read-only;-moz-user-modify:read-only;-ms-user-modify:read-only" data-page-item-context="dataItem-isqm6ogz" data-gallery-id="comp-isqm6ofo" id="comp-isqm6ofodataItem-iv884ilblink" class="style-isqm9g1yimageItemlink"> <div style="height: 553px; width: 100%; margin: 0px;" id="comp-isqm6ofodataItem-iv884ilbimageWrapper" class="style-isqm9g1yimageItemimageWrapper"> <div style="cursor:default" id="comp-isqm6ofodataItem-iv884ilbzoom" class="style-isqm9g1yimageItemzoom"> <div style="position: relative; width: 100%; height: 553px; overflow: hidden;" data-style="position:relative;overflow:hidden" class="style-isqm9g1yimageItemimage" id="comp-isqm6ofodataItem-iv884ilbimage"> <img id="comp-isqm6ofodataItem-iv884ilbimageimage" alt="" data-type="image" itemprop="contentUrl" src="TESTE _ Início_files/45b0e3_f2808e64042b45f7ade77b6229a3d126_mv2.webp" style="width: 100%; height: 553px; object-fit:cover;"> </div></div></div> <div id="comp-isqm6ofodataItem-iv884ilbpanel" class="style-isqm9g1yimageItem_pnl style-isqm9g1yimageItempanel"> <h3 aria-hidden="true" style="text-align:left" itemprop="name" id="comp-isqm6ofodataItem-iv884ilbtitle" class="style-isqm9g1yimageItemtitle"></h3> <p id="comp-isqm6ofodataItem-iv884ilbDescription" style="text-align:left" itemprop="description" class="style-isqm9g1yimageItemdescription">TESTEogados Belo Horizonte</p></div></div></div> <div data-image-index="1" data-displayer-width="1700" data-displayer-height="1130" data-displayer-uri="45b0e3_4a186640b54f4ce38907204ea23571c1~mv2.jpg" data-height-diff="0" data-width-diff="0" data-bottom-gap="0" data-image-wrapper-right="0" data-image-wrapper-left="0" data-image-wrapper-top="0" data-image-wrapper-bottom="0" data-margin-to-container="0" itemscope="" itemtype="http://schema.org/ImageObject" style="position: absolute; left: 0px; top: 0px; opacity: 0.382182; height: 553px; width: 100%; visibility: inherit;" class="style-isqm9g1yimageItem" data-state="notShowPanel desktopView unselected clipImage transOut rollover noLink" id="comp-isqm6ofodataItem-iv883xp0"> <div draggable="false" style="cursor:default;height:100%;width:100%;position:absolute;top:0px;left:0px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-drag:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-modify:read-only;-webkit-user-modify:read-only;-moz-user-modify:read-only;-ms-user-modify:read-only" data-page-item-context="dataItem-isqm6ogz" data-gallery-id="comp-isqm6ofo" id="comp-isqm6ofodataItem-iv883xp0link" class="style-isqm9g1yimageItemlink"> <div style="height: 553px; width: 100%; margin: 0px;" id="comp-isqm6ofodataItem-iv883xp0imageWrapper" class="style-isqm9g1yimageItemimageWrapper"> <div style="cursor:default" id="comp-isqm6ofodataItem-iv883xp0zoom" class="style-isqm9g1yimageItemzoom"> <div style="position: relative; width: 100%; height: 553px; overflow: hidden;" data-style="position:relative;overflow:hidden" class="style-isqm9g1yimageItemimage" id="comp-isqm6ofodataItem-iv883xp0image"> <img id="comp-isqm6ofodataItem-iv883xp0imageimage" alt="" data-type="image" itemprop="contentUrl" src="TESTE_Início_files/45b0e3_4a186640b54f4ce38907204ea23571c1_mv2.webp" style="width: 100%; height: 553px; object-fit: cover;"></div></div></div>
  6. Saudações, estou escrevendo (tentando) um site educacional que simula situações de volumes. Em um dos problemas tenho que elaborar uma equação para saber quantas bolinhas cabem numa caixa em 2D. A disposição das bolinhas devem ficar como na imagem: Ou seja, as bolinhas de cima ficam entre duas bolinhas de baixo. Se fosse uma em cima da outra ficava fácil, mas tem que ser o máximo de bolinhas possíveis. Segue um exemplo: Quantas bolinhas de 1mm de diâmetro cabem em uma caixa de 3x2cm. Sabendo que a disposição das bolinhas devem ser como na imagem. Agradeço qualquer ajuda.
  7. <!DOCTYPE html> <html> <head> <title>teste</title> <!-- SCRIPTS --> <link rel="stylesheet" href="estilo.css"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script> </head> </head> <body> <h3><b>BIBLIOTECA CENTRAL<b /></h3> <form> <!-- Empréstimo de Socolas--> <fieldset> <legend>Empréstimo de Socola</legend> <table cellspacing="10"> <tr> <td> <label for="nome">Nome: </label> </td> <td align="left"> <input type="text" name="Nome" size="30" maxlength="25"> </td> </tr> <tr> <td> <label for="carterinha">Carterinha: </label> </td> <td align="left"> <input type="text" name="carterinha" size="10" maxlength="25"> </td> </tr> <tr> <td> <label for="cpf">CPF: </label> </td> <td align="left"> <input type="text" name="cpf" size="10" maxlength="25"> </td> </tr> <textarea rows="2" cols="51" maxlength="80"></textarea> <tr> <td> <label for="txtDtaEmprestimo">Data Empréstimo:</label> </td> <td align="left"> <input type="text" name="txtDtaEmprestimo" class="txtDta"> </td> </tr> <td> <hr> <label for="cpf">Período: </label><br><br> <input type="checkbox" name=mybox value="1">Manha<br> <input type="checkbox" name=mybox value="2">Tarde<br> <input type="checkbox" name=mybox value="3">Noite<br> </td> <center> <table class="cpo1" border="0" cellpadding="2" cellspacing="2"> <tr> <td class="sacola">01</td> <td class="sacola">02</td> <td class="sacola">03</td> <td class="sacola">04</td> <td class="sacola">05</td> <td class="sacola">06</td> <td class="sacola">07</td> <td class="sacola">08</td> <td class="sacola">09</td> <td class="sacola">10</td> <td class="sacola">11</td> <td class="sacola">12</td> </tr> <tr> <td class="sacola">13</td> <td class="sacola">14</td> <td class="sacola">15</td> <td class="sacola">16</td> <td class="sacola">17</td> <td class="sacola">18</td> <td class="sacola">19</td> <td class="sacola">20</td> <td class="sacola">21</td> <td class="sacola">22</td> <td class="sacola">23</td> <td class="sacola">24</td> </tr> </table> </table> </center> </fieldset> <input type="reset" value="Limpar"> </form> <script type="text/javascript"> jQuery(function ($) { $.datepicker.regional['pt'] = { closeText: 'Fechar', prevText: 'Anterior', nextText: 'Seguinte', currentText: 'Hoje', monthNames: ['Janeiro', 'Fevereiro', 'Mar&ccedil;o', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], dayNames: ['Domingo', 'Segunda-feira', 'Ter&ccedil;a-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'S&aacute;bado'], dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'S&aacute;b'], dayNamesMin: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'S&aacute;b'], weekHeader: 'Sem', dateFormat: 'dd/mm/yy', firstDay: 0, isRTL: false, showMonthAfterYear: false, yearSuffix: '' }; $.datepicker.setDefaults($.datepicker.regional['pt']); $('.txtDta').datepicker({ locale: 'pt-br' }); }); </script> </body> </html> body { background-color: #0489B1; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; font-size:0.7em; } .sacola:link { color: #999; text-decoration: none; } .sacola:visited { text-decoration: none; } .sacola:hover { background: #A9E2F3; color: #000000; font-weight: bold; border-color: #0404B4; } .sacola:active{ background: #B40404; color: #FFF; font-weight: bold; border-color: #0404B4; } .sacola { background: -webkit-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%); background: -moz-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%); background: -o-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%); background: -ms-linear-gradient(bottom, #E0E0E0, #F9F9F9 70%); background: linear-gradient(bottom, #E0E0E0, #F9F9F9 70%); border: 1px solid #CCCCCE; border-radius: 3px; box-shadow: 0 3px 0 rgba(0, 0, 0, .3), 0 2px 7px rgba(0, 0, 0, 0.2); height: 40px; width: 40px; cursor:pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-indent: 12px; } Nova pasta.rar
  8. Galera estou tentando implementar no meu Site uma contagem regressiva, só que toda vez que atualizo a pagina o contador reinicia, ai não como fazer para ele simplesmente continuar contando ta aí o codigo que estou usando <!doctype html> <html> <head> <meta charset="utf-8"> <title>Relogio</title> <script type="text/javascript"> var segundo=new Number(); var segundo=61; var minuto=new Number(); var minuto=60; var hora=new Number(); var hora=24; function start(){ if((segundo - 1) >= 0){ segundo=segundo - 1; if (segundo == 0){ segundo=60; if (segundo == 60){ minuto= minuto-1; if (minuto == 0){ minuto=60; if (minuto == 60){ hora=hora-1; } } } } else if (segundo < 10){ segundo ="0"+segundo; } segundos.innerText=segundo; minutos.innerText=minuto; horas.innerText=hora; setTimeout('start();',1000); } } </script> <style> #ContagemRegressiva{ width: 800px; height: 500px; background-color: orange; left: 150px; } #segundos{ font: bold 78px Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; padding: 50px; color: #000000; text-align: center; border: thin dashed #f1f1f1; width: 50px; height: 50px; float: left; } #minutos{ font: bold 78px Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; padding: 50px; color: #000000; text-align: center; top: 50px; border: thin dashed #f1f1f1; width: 50px; height: 50px; float: left; } #horas{ font: bold 78px Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; padding: 50px; color: #000000; text-align:center; border: thin dashed #f1f1f1; width: 50px; height: 50px; float: left; } #texto{ font: bold 32px Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: white; text-align: left; float: left; } #marcadores{ width: 750px; height:50px; } </style> </head> <body onLoad="start();"> <div id="ContagemRegressiva"> <div id="marcadores"> <div id="texto">Horas Minutos Segundos </div> </div> <div id="horas"></div> <div id="minutos"></div> <div id="segundos"></div> </div> </body> </html>
  9. Boa noite amigos. Levando em conta a facilidade na aprendizagem, qual recomendam iniciar os estudos? PHP ou Javascript? E o mercado de trabalho é melhor? Tenho HTML e CSS acredito que boa, então sei me virar. Lógica eu já fiz alguns cursos, agora quero uma linguagem para aprender e que ao mesmo tempo desenvolva minha lógica também. Obrigado pessoal.
  10. Boa tarde, sou programador iniciante em js e ultimamente tenho tido uma dificuldade para executar uma função no código. O código no qual estou programando é uma simples agenda telefônica em lista ligada. O problema que estou tendo é que quando excluo um contato e depois peço para mostrar os contatos novamente em ordem alfabética o contato excluído retorna, qual seria uma possível solução do problema? O código que é responsável por ordenar os elementos está de vermelho, coloquei também algumas fotos para se entender melhor segue o código abaixo: <!DOCTYPE html> <html> <head> <title>Lista Ligada</title> <meta charset="UTF-8"> <script src="Metodos_Lista_Ligada.js"></script> <script src="Executa_Programa_Lista_Ligada.js"></script> </head> <body> <h1>Título: Gerenciamento de agenda</h1> <button type="button" onclick="Programa()">Executar</button> <p id="resultado"></p> </body> <script> /* A função No está incompleta */ //---------------------------------------------------------segunda parte----------------------------------------------------------------------------------- function No(n,t) { this.nome = n; this.numero = t; this.prox = null; } function ListaLigada() { this.cabeca = null } ListaLigada.prototype.estaVazia = function() { if (this.cabeca === null) { return true; } else { return false; } } ListaLigada.prototype.tamanho = function() { var NoAtual = this.cabeca; var quantidade = 0; while (NoAtual !== null) { quantidade++; NoAtual = NoAtual.prox; } return quantidade; }; ListaLigada.prototype.insereNaCabeca = function(n,t) { var NovoNo = new No(n,t); NovoNo.prox = this.cabeca; this.cabeca = NovoNo; }; ListaLigada.prototype.insereNoFim = function(valor) { var NovoNo = new No(valor); var NoAtual = this.cabeca; if (this.estaVazia()) { this.cabeca = NovoNo; } else { while (NoAtual.prox !== null) { NoAtual = NoAtual.prox; } NoAtual.prox = NovoNo; } }; ListaLigada.prototype.insere = function(posicao, valor) { if ((posicao <= 0) | (posicao > (this.tamanho() + 1))) { return -1; } if (posicao == 1) { this.insereNaCabeca(valor); return 0; } var NovoNo = new No(valor); var NoAtual = this.cabeca; var PosicaoAtual = 1; while (PosicaoAtual < (posicao - 1) ) { NoAtual = NoAtual.prox; PosicaoAtual++; } NovoNo.prox = NoAtual.prox; NoAtual.prox = NovoNo; return 0; }; ListaLigada.prototype.remove = function(n) { if (this.estaVazia()) { return -1; } if (this.cabeca.nome == n) { this.cabeca = this.cabeca.prox; return 0; } var NoAtual = this.cabeca; var NoAnt = null; while ((NoAtual.prox !== null) & (NoAtual.nome != n)) { NoAnt = NoAtual; NoAtual = NoAtual.prox; } if (NoAtual.nome == n) { NoAnt.prox = NoAtual.prox; return 0; } else { return -1; } }; ListaLigada.prototype.removePosicao = function(n) { if ((n <= 0) | (posicao > this.tamanho())) { return -1; } var NoAtual = this.cabeca; var NoExcluido = null; if (n == 1) { this.cabeca = NoAtual.prox; return 0; } var PosicaoAtual = 1; while (PosicaoAtual < (n - 1) ) { NoAtual = NoAtual.prox; PosicaoAtual++; } NovoExcluido = NoAtual.prox; NoAtual.prox = NovoExcluido.prox; return 0; }; ListaLigada.prototype.posicaoNo = function(valor) { if (this.estaVazia()) { return -1; } if (this.cabeca.info == valor) { return 1; } var NoAtual = this.cabeca; var NoAnt = null; var posicao = 1; while ((NoAtual.prox !== null) & (NoAtual.info != valor)) { NoAnt = NoAtual; NoAtual = NoAtual.prox; posicao++; } if (NoAtual.info == valor) { return posicao; } else { return -1; } }; ListaLigada.prototype.insereOrdenado = function(n, t) { var ordernar = new No(n, t); if (this.estaVazia()) { this.cabeca = ordernar; return 1; } if ( n<this.cabeca.nome ) { this.insereNaCabeca (n, t); return 2; } var Aux1, Aux2 ; Aux1 = null; Aux2 = this.cabeca; while ((Aux2.prox!== null ) && (n > Aux2.nome)) { Aux1 = Aux2; Aux2=Aux2.prox; } if (( Aux2.prox===null )&& (Aux2.nome<n)){ Aux2.prox= ordernar; return 3; } else { ordernar.prox=Aux1.prox ; Aux1.prox = ordernar; return 4 ; } }; ListaLigada.prototype.exibeLista = function() { var NoAtual = this.cabeca; var Texto=""; Texto=""; while (NoAtual !== null) { Texto += ""+ NoAtual.nome + " : " + NoAtual.numero + "</br></br>" ; NoAtual = NoAtual.prox; } Texto += ""; return Texto; }; ListaLigada.prototype.Ordernar2 = function() { var NoAtual = this.cabeca; var Texto=""; Texto=""; while (NoAtual !== ordernar) { NoAtual = NoAtual.prox; } Texto += "" + NoAtual.nome + " : " + NoAtual.idade + " anos </br></br>" ; NoAtual = NoAtual.prox; Texto += ""; return Texto; }; //-----------------------------------------------------------------terceira parte -------------------------------------------------------------------------------- function LimparTela() { document.getElementById("resultado").innerHTML = ""; } function Mostrar(Texto) { document.getElementById("resultado").innerHTML += Texto + "</br></br>"; } function Menu() { var escolha; escolha = prompt (" Menu - escolha uma das opções \n" + "1 - Inserir novo contato\n" + "2 - Excluir contato\n" + "3 - Procurar contato\n" + "4 - Exibir todos os contato\n" + "5 - Exibir todos os contato em ordem alfabética\n" + "6 - Mostra a quantidade\n" + "7 - Procurar contatos \n" + "8 - Excluir tudo"); return escolha; } function opcao1() { var n, t; n = prompt("Digite o nome "); t = prompt("Digite o numero"); LLOrdenada.insereOrdenado(n, t); LL.insereNaCabeca(n,t); Mostrar("Contato inserido com sucesso"); Mostrar(""); } function opcao2() { var n; n = prompt("Informe um elemento para ser removido da lista"); Mostrar("--- Remover um item da lista ---"); if (LL.remove(n) === 0) { Mostrar("Contato removido com sucesso"); } else { Mostrar("***ERRO: Contato não removido da lista"); } } function opcao3(){ var valor; valor = prompt("Informe um elemento para ser localizado a posição na da lista"); Mostrar("--- Retorna a posição de um item na lista ---"); Mostrar("Posição do elemento na lista: " + LL.posicaoNo(valor)); } function opcao4() { Mostrar("Todos os Contatos"); Mostrar(LL.exibeLista()); } function opcao5(){ Mostrar(LLOrdenada.exibeLista()); } function opcao6(){ Mostrar("--- Retorna o tamanho da lista ---"); Mostrar("Quantidade de elementos da lista: " + LL.tamanho()); } function opcao7(){ var valor; valor = prompt("Informe um elemento para ser inserido no fim da lista"); LL.insereNoFim(valor); Mostrar("--- Inserir no fim da lista ---"); Mostrar("Elemento inserido no fim da lista"); } function opcao8() { LL.cabeca = null; Mostrar("Todos os dados foram excluídos!!!") } function Programa() { var opcao; var valor; var posicao; LimparTela(); Mostrar(""); opcao = Menu(); switch (opcao) { case "1": opcao1(""); break; case "2": opcao2(); break; case "3": opcao3(); break; case "4": opcao4(); break; case "5": opcao5(); break; case "6": opcao6(); break; case "7": opcao7(); break; case "8": opcao8(); break; default: Mostrar("Selecione uma opção"); } } var LL = new ListaLigada(); var LLOrdenada = new ListaLigada(); </script> </html>
  11. Olá, pessoal! Estou tentando fazer algumas gráficos usando a biblioteca ChartJs, mas os gráficos simplesmente não plotam e nenhum erro é dado. HTML(parte do grafico) <div class="panel-body"> <div class="canvas-wrapper"> <canvas class="main-chart" id="bar-chart" height="200" width="600"></canvas> </div> </div> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/chart.min.js"></script> <script src="js/chart-data.js"></script> <script src="js/bootstrap-datepicker.js"></script> <script src="js/custom.js"></script> <script type="text/javascript" src="js/app_pagamentos_clientes.js"></script> </body> PHP (busca os dados no banco) obs: quando abro esse arquivo no browser mostra meus dados corretamente no formatos json (logo, ele está pegando os dados) <?php require('../../Controller/conexao_bd/conexao_dw_bi.php'); require('../../Model/Login/verifica_acesso.php'); //setting header to json //header('Content-Type: application/json'); $empresa = $_SESSION['nome_empresa']; $pdo = Conexao::getInstance(); //buscar id da empresa $sk_empresa_busca = $pdo->prepare("SELECT sk_empresa from dim_empresa where nome_empresa=:empresa"); $sk_empresa_busca->bindParam(':empresa',$empresa, PDO::PARAM_STR); $sk_empresa_busca->execute(); while($dado1 = $sk_empresa_busca->fetch(PDO::FETCH_OBJ)){ $sk_empresa = $dado1->sk_empresa; } //query to get data from the table $query = $pdo->prepare("SELECT SUM(fato.valor_lancamento) as valor_lancamento, cliente.nome_cliente FROM fato_lancamento_contabil as fato INNER JOIN dim_cliente as cliente ON fato.cnpj_cpf_forne_cliente = cliente.cpf_cnpj_cliente WHERE fato.dim_empresa_sk_empresa = :sk_empresa AND fato.dim_cliente_sk_cliente IS NOT NULL AND fato.dim_fornecedor_sk_fornecedor IS NULL GROUP BY 2"); $query->bindParam(':sk_empresa',$sk_empresa, PDO::PARAM_INT); $query->execute(); //loop through the returned data $data = array(); while($dados = $query->fetch(PDO::FETCH_OBJ)){ $data[] = $dados; } //now print the data print json_encode($data); ?> Output no browser: [{"valor_lancamento":"439.6199999999998","nome_cliente":"BANCO ITA\u00da"},{"valor_lancamento":"865951.8499999999","nome_cliente":"BRF"},{"valor_lancamento":"404862.43","nome_cliente":"DANOSSA"},{"valor_lancamento":"17810","nome_cliente":"NATURAL DE GOIAS"},{"valor_lancamento":"77113","nome_cliente":"MARIO E SOUZA"}] JS (fez a conexão com os dados e envia para o html) OBS: acho que o erro está aqui. $(document).ready(function(){ $.ajax({ url: "http://localhost/Model/Empresa/dados_pagamentos_clientes.php", method: "GET", success: function(data) { console.log(data); var receita = []; //score var cliente = []; //player for(var i in data) { cliente.push("Player: " + data[i].nome_cliente); receita.push(data[i].valor_lancamento); } var chartdata = { labels: cliente, datasets : [ { label: 'Pagamentos por Clientes', backgroundColor: 'rgba(200, 200, 200, 0.75)', borderColor: 'rgba(200, 200, 200, 0.75)', hoverBackgroundColor: 'rgba(200, 200, 200, 1)', hoverBorderColor: 'rgba(200, 200, 200, 1)', data: receita } ] }; var ctx = $("#bar-chart"); var barGraph = new Chart(ctx, { type: 'bar', data: chartdata }); }, error: function(data) { console.log(data); } }); }); Quem puder ajudar, agradeço!
  12. Olá a todos novamente! tenho uma variável PHP $_nome que deveria receber o valor de uma SELECT, porém, não estou passando os valores por GET ou POST, o que seria mais fácil fazer ($_nome = $_POST['nomedoselect']); A tela não pode receber um refresh vindo do POST ou GET, então achei como "solução" via javascript ler o ID do SELECT e com isso pegar o VALUE no return da função, mas não estou conseguindo jogar o retorno nessa variável PHP $_nome. function pegar_valor(){ var dado = document.getelementById("id_do_select"); var exibir = dado.value; return exibir; } no PHP fiz isso: <?php $_nome = "<script>document.write(exibir)</script>"; echo "Olá $_nome"; ?> /* É só um exemplo mostrando que a váriável recebeu o valor da função javascript */ sei que muitos vão falar sobre JQuery ou Ajax, mas eu preciso fazer isso em JavaScript mesmo. Alguém me ajuda? não sei se o código que utilizei está correto! Obrigado!
  13. Boa tarde! Tenho uma planilha no excel que é uma grande lista de diversas linhas e 5 colunas. Preciso inserir os dados dessa planilha em um site (formulário html), cada célula em seu respectivo campo, salvar e selecionar um botão específico da página (ex: simular o clique do mouse em um botão). Em seguida, cadastrar os dados do próximo produto e repetir essa ação para todos os produtos da lista. Cada produto tem um ID e, na página do site(em que os dados serão inseridos), há um campo de busca onde o ID deve ser inserido, o botão buscar deve ser pressionado para então entrar na página de cadastro de produtos, onde os dados do excel devem ser inseridos. Essa lista de produtos é recebida quase que semanalmente. O cadastro de um por um de forma manual é demorada e trabalhosa. A ideia é automatizar através de um script, mas, como ainda estou aprendendo programação, não sei em qual linguagem ele pode ser desenvolvido e nem por onde começar. Gostaria de ajuda com a indicação de alguma linguagem, aula, apostila, explicação ou qualquer material que me ajudasse a desenvolver esse projeto. Agradeço desde já pela força!
  14. Aplicação Web que simule o cadastro de produtos em um mercado virtual. A solução deve ter um formulário onde o usuário informará o código do produto, o nome do produto, a quantidade e o valor (use framework AngularJS). A lista de produtos deve ser exibida após a inserção, juntamente com seus respectivos totais. Ao final, escrever o código HTML5 e Javascript. [sou novo na área]
  15. Estou criando uma loja onde há uma calculadora de preços com base no serviço selecionado, ou seja, o valor total da compra quase sempre irá variar de pessoa para pessoa. Gostaria de ajuda pra escolher algum serviço (mercado pago, paypal e etc) onde gere algum botão de compra com esse valor personalizado gerado no meu site. É possível ou somente com produtos já pré-cadastrados?
  16. Bom dia galera...então...sabe esses testes vocacionais que você faz a net...? você geralmente responde algumas perguntas com 3 ou 4 alternativas cada uma e depois no final é feito um relatorio com base nessas perguntas? Pra mim fazer isso em javascript eu só preciso fazer um programão de if..else ou tem mais alguma coisa?
  17. Galera, estou tentando fazer um match, que busque "xxx dias" que está entre um monte de dados. Pra mim conseguir achar, tive que fazer /Atr\. Real\:\s+\d+ dias/ (por que só fazendo \d+ dias ele busca outros valores que não é o que eu quero) e depois de puxar essa Array, preciso dar match novamente com o \d+ dias. Vi que tem uma funcionalidade que ele consegue buscar o valor seguido de outro sem gravar o que foi seguido, no caso se eu quisesse pegar só o número de dias seria /\d+(?=dias)/. Daí, como eu faria pra fazer essa busca ao contrário? Ao invés de ser "valor seguido(e não gravado) de x" fosse "valor(não gravado) seguido de x (gravado)"? No caso, algo mais ou menos: /(Atr\. Real\:=?)\s+\d+ dias/ pra que viesse só o "xxx dias" que está sendo seguido de "Atr. Real: "
  18. Olá, pessoal! Quando clico em "Finish" no meu wizard form, ele não submete ao banco. Alguém pode dá uma help, por favor? Já tentei diversas alternativas e até o momento nada. Parte do HTML <form id="wizard_with_validation" action="../Model/Moto/cadastro_checklist_moto.php" method="POST"> <h3>Itens Mecânicos</h3> <fieldset> <div class="form-group form-float"> <div class="form-line"> <label for="">1-Nível de Óleo do Motor</label> <div class="demo-radio-button"> <input name="item1-mec" type="radio" id="radio_1" class="radio-col-blue" required="" value="B" /> <label for="radio_1">B</label> <input name="item1-mec" type="radio" id="radio_2" class="radio-col-yellow" value="R" /> <label for="radio_2">R</label> <input name="item1-mec" type="radio" id="radio_3" class="radio-col-red" value="A"/> <label for="radio_3">A</label> <input name="item1-mec" type="radio" id="radio_4" class="radio-col-gray" value="NC"/> <label for="radio_4">NC</label> <input name="item1-mec" type="radio" id="radio_5" class="radio-col-green" value="NA" /> <label for="radio_5">NA</label> </div> </div> </div> </fieldset> <h3>Pneus</h3> <fieldset> <div class="form-group form-float"> <div class="form-line"> <label for="">1-Dianteiro </label> <div class="demo-radio-button"> <input name="item1-pneu" type="radio" id="radio_238" class="radio-col-blue" value="B" required=""/> <label for="radio_238">B</label> <input name="item1-pneu" type="radio" id="radio_239" class="radio-col-yellow" value="R"/> <label for="radio_239">R</label> <input name="item1-pneu" type="radio" id="radio_240" class="radio-col-red" value="A"/> <label for="radio_240">A</label> <input name="item1-pneu" type="radio" id="radio_241" class="radio-col-gray" value="NC" /> <label for="radio_241">NC</label> <input name="item1-pneu" type="radio" id="radio_242" class="radio-col-green" value="NA" /> <label for="radio_242">NA</label> </div> </div> </div> <div class="form-group form-float"> <div class="form-line"> <label for="">2-Traseiro </label> <div class="demo-radio-button"> <input name="item2-pneu" type="radio" id="radio_243" class="radio-col-blue" required="" value="B"/> <label for="radio_243">B</label> <input name="item2-pneu" type="radio" id="radio_244" class="radio-col-yellow" value="R" /> <label for="radio_244">R</label> <input name="item2-pneu" type="radio" id="radio_245" class="radio-col-red" value="A" /> <label for="radio_245">A</label> <input name="item2-pneu" type="radio" id="radio_246" class="radio-col-gray" value="NC" /> <label for="radio_246">NC</label> <input name="item2-pneu" type="radio" id="radio_247" class="radio-col-green" value="NA"/> <label for="radio_247">NA</label> </div> </div> </div> </fieldset> </form> Parte do JS (form-wizard) $(function () { //Horizontal form basic $('#wizard_horizontal').steps({ headerTag: 'h2', bodyTag: 'section', transitionEffect: 'slideLeft', onInit: function (event, currentIndex){ setButtonWavesEffect(event); }, onStepChanged: function (event, currentIndex, priorIndex){ setButtonWavesEffect(event); } }); //Vertical form basic $('#wizard_vertical').steps({ headerTag: 'h2', bodyTag: 'section', transitionEffect: 'slideLeft', stepsOrientation: 'vertical', onInit: function (event, currentIndex) { setButtonWavesEffect(event); }, onStepChanged: function (event, currentIndex, priorIndex) { setButtonWavesEffect(event); } }); //Advanced form with validation var form = $('#wizard_with_validation').show(); form.steps({ headerTag: 'h3', bodyTag: 'fieldset', transitionEffect: 'slideLeft', onInit: function (event, currentIndex){ $.AdminBSB.input.activate(); //Set tab width var $tab = $(event.currentTarget).find('ul[role="tablist"] li'); var tabCount = $tab.length; $tab.css('width', (100 / tabCount) + '%'); //set button waves effect setButtonWavesEffect(event); }, onStepChanging: function (event, currentIndex, newIndex) { if (currentIndex > newIndex) { return true; } if (currentIndex < newIndex) { form.find('.body:eq(' + newIndex + ') label.error').remove(); form.find('.body:eq(' + newIndex + ') .error').removeClass('error'); } form.validate().settings.ignore = ':disabled,:hidden'; return form.valid(); }, onStepChanged: function (event, currentIndex, priorIndex) { setButtonWavesEffect(event); }, onFinishing: function (event, currentIndex) { form.validate().settings.ignore = ':disabled'; return form.valid(); }, onFinished: function (event, currentIndex) { swal("Good job!", "Submitted!", "success"); } }); form.validate({ highlight: function (input) { $(input).parents('.form-line').addClass('error'); }, unhighlight: function (input) { $(input).parents('.form-line').removeClass('error'); }, errorPlacement: function (error, element) { $(element).parents('.form-group').append(error); } }); }); function setButtonWavesEffect(event) { $(event.currentTarget).find('[role="menu"] li a').removeClass('waves-effect'); $(event.currentTarget).find('[role="menu"] li:not(.disabled) a').addClass('waves-effect'); } Em anexo, está o outro arquivo que compõe, (jquery steps.js) (trocar o .csv por .js) jquery.steps.csv
  19. Olá pessoal, Estou desenvolvendo em meu TCC um roteador que captura dados de dispositivos e envia para um site. Instalei um sistema operacional no roteador e lá implementei um script em PYTHON que captura esses dados. Agora preciso enviar essas informações do PYTHON para o JS/FIREBASE, tenho um servidor público que pode ser utilizado. Alguém pode me dar sugestões de como fazer isso?
  20. Olá pessoal, como ficaria um função para jogar um valor padrão em campos que forem deixados vazios, usando a uma função javascript no onchange por exemplo; <input type="text" onchange="preencher()" /> após passar pelo campo que ele recebesse um valor padrão para não ficar em branco no formulário. Obrigado
  21. Fala galera, tenho um formulário que após a validação precisa enviar para submit (no mesmo formulário) como qualquer outro rsrsrs o problema é que preciso criar dois submit nesse formulário um no primeiro campo que faz a busca de campo duplicado outro que no botão ok envia para validação completa e gravação o primeiro campo faz submit, procura registro duplicado no sql e retorna para o formulario: <input type="text" name="codigo" onchange="this.form.submit()" /> o botão ok envia o formulário para validação após preenchimento completo: <input type="button" name="ok" id="ok" onclick="return valida()"> a validação envia para submit: document.form.submit(); apos a validação e o segundo submit o php deveria achar o botão ok para gravar: if (isset($_POST['ok'])) { executa o formulario } é aqui que não consigo encontrar mais o botão ok para executar o formulário. porque o php não encontra o post do botão submit após a validação? só preciso enviar um ok apos a validação para que o php saiba que finalizei o formulário
  22. Olá pessoal tudo bom? Estou precisando montar um form dinâmico, ou seja, valores do action como variável e mandar os dados de sessão (session) para um popup com POST, sem submeter a tela principal. achei um modelo de ajax mas não entendo muito e não sei como passar parâmetros para ele (ainda). Se alguém puder me ajudar agradeço: $('#formPopUp').submit(function(event){ event.preventDefault(); var $form = $(this); $.ajax({ type: 'POST', url: $form.attr('action'), data: $form.serialize(), success: function(data) { var $elm = $('<div/>').attr('id','formResult'); $elm.html(data); $.magnificPopup({ items: { src: $elm.html(), type: 'inline' } }); }, error: function(error) { // Do something with the error } }); }); Esse form é só de teste para ver se manda valores, porque a página do action, queria passar os valores do link <a>: <form id="formPopUp"> <input name="input1" value="campo1" /> <select name="input2"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <textarea name="input3">textarea</textarea> <a href="www.algo" id="link" onclick="criarPopup();">Link</a> </form> O JS que estava tentando montar: function criarPopup(){ var newAction = document.getElementById("link").getAttribute("href"); document.getElementById("formPopUp").action = newAction; var obj = document.getElementById("formPopUp"); var dados = new FormData(obj); newWindow = window.open(newAction,'PopUp','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=650, height=380'); }
  23. Boa Tarde caros colegas, preciso de um help, um contador de visitas pro meu site, porém achei varios na internet, mas todos tem um hiperlink, se clicarem em cima leva pra outros sites, e nao sei como desativar isso, alguem pode me dar uma ajuda, pra criar ou como remover os hiperlink...
  24. Preciso implementar um contador de cliques no meu site. Ao clicar em um link, o script deve incrementar um no valor de um banco de dados. É necessário que nenhuma página seja aberta. Dei uma pesquiada e não encontrei nada muito sólido. Tenho certeza que isso é possível. Acho que a melhor forma é fazer uma função em JavaScript que, quando acionada envia um POST para uma página PHP. Não sei como programar isso no script. Parece que AJAX é uma solução, mas não tenho certeza. Se alguém souber como fazer ou contornar, favor ajude.
  25. Tem como fazer um tipo de alerta, ou um programa que sempre que a aba do Chrome tiver qualquer atualização (por exemplo um número ser trocado, uma palavra desaparecer. Resumindo, qualquer tipo de mudança) ?

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×