Ir ao conteúdo
  • Cadastre-se

Rodrigo Zambrano

Membro Júnior
 Perfil  Explorar Conteúdo

  • Posts

    10

  • Cadastrado em

  • Última visita

Reputação

3
  1. Rodrigo Zambrano
    @DiF, mudei meu exercício de aprendizado e ao invés de fazer as luzes acenderem, apagarem e quebrarem eu estou tentando simplificar (ou não..hehe) e fazer um ranking de estrelas. Porém também, ao escrever o código parei no mesmo ponto das luzes, onde depois de clicar gostaria que ficasse tudo estático, ou seja, se clico em 3 estrelas, permanece 3 estrelas, se pontuo 2, 5 estrelas, para também em 2,5. E não volta mais. Segue meu código abaixo. Pode me ajudar com este exercício? Explicando melhor, fiz 10 arquivos, 10 metades de estrelas. Ex: metadeesquerda1.png, metadedireita1.png...etc...) <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/estrelas.css"> <script> function marcaMeioPonto(){ document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaUmPonto(){ document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaUmPontoEmeio(){ document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaDoisPontos(){ document.getElementById("metadedireita2").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaDoisPontosEmeio(){ document.getElementById("metadeesquerda3").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita2").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaTresPontos(){ document.getElementById("metadedireita3").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda3").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita2").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaTresPontosEmeio(){ document.getElementById("metadeesquerda4").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita3").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda3").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita2").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaQuatroPontos(){ document.getElementById("metadedireita4").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda4").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita3").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda3").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita2").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaQuatroPontosEmeio(){ document.getElementById("metadeesquerda5").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita4").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda4").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita3").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda3").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita2").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function marcaCincoPontos(){ document.getElementById("metadedireita5").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda5").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita4").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda4").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita3").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda3").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita2").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda2").src = "img/metadeestrelacheia-esquerda.png"; document.getElementById("metadedireita1").src = "img/metadeestrelacheia-direita.png"; document.getElementById("metadeesquerda1").src = "img/metadeestrelacheia-esquerda.png"; } </script> <script> function limpaestrelas(){ document.getElementById("metadedireita5").src = "img/estrela-vazia-metadedireita5.png"; document.getElementById("metadeesquerda5").src = "img/estrela-vazia-metadeesquerda5.png"; document.getElementById("metadedireita4").src = "img/estrela-vazia-metadedireita4.png"; document.getElementById("metadeesquerda4").src = "img/estrela-vazia-metadeesquerda4.png"; document.getElementById("metadedireita3").src = "img/estrela-vazia-metadedireita3.png"; document.getElementById("metadeesquerda3").src = "img/estrela-vazia-metadeesquerda3.png"; document.getElementById("metadedireita2").src = "img/estrela-vazia-metadedireita2.png"; document.getElementById("metadeesquerda2").src = "img/estrela-vazia-metadeesquerda2.png"; document.getElementById("metadedireita1").src = "img/estrela-vazia-metadedireita1.png"; document.getElementById("metadeesquerda1").src = "img/estrela-vazia-metadeesquerda1.png"; } </script> <script> function fixaestrela(){ } </script> </head> <body> <div class="star"> <article class="stars"> <img src="img/estrela-vazia-metadeesquerda1.png" id="metadeesquerda1" onmousemove="marcaMeioPonto()" onmouseout="limpaestrelas()" onclick="fixaestrela()"/> <img src="img/estrela-vazia-metadedireita1.png" id="metadedireita1" onmousemove="marcaUmPonto()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadeesquerda2.png" id="metadeesquerda2" onmousemove="marcaUmPontoEmeio()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadedireita2.png" id="metadedireita2" onmousemove="marcaDoisPontos()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadeesquerda3.png" id="metadeesquerda3" onmousemove="marcaDoisPontosEmeio()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadedireita3.png" id="metadedireita3" onmousemove="marcaTresPontos()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadeesquerda4.png" id="metadeesquerda4" onmousemove="marcaTresPontosEmeio()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadedireita4.png" id="metadedireita4" onmousemove="marcaQuatroPontos()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadeesquerda5.png" id="metadeesquerda5" onmousemove="marcaQuatroPontosEmeio()" onmouseout="limpaestrelas()"/> <img src="img/estrela-vazia-metadedireita5.png" id="metadedireita5" onmousemove="marcaCincoPontos()" onmouseout="limpaestrelas()"/> <article> </div> </body> </html>
  2. Rodrigo Zambrano
    @DiF Muito obrigado! Vou correr atrás! Abração!
  3. Rodrigo Zambrano
    @DiF, tudo bem? Assim, a minha dúvida é saber onde buscar o que vai para o banco de dados no código html, javascript e php, ou seja, como é a código de algo que vai para um banco de dados. Esta aplicação tem banco de usuário, cadastro pelo Facebook, coleta de vários dados. Mas a minha dúvida é saber como no código saber onde está apontando para o banco. Não sei se ficou confuso de entender? Eu quero saber como entender que algo está sendo enviado para o banco de dados para poder no futuro construir e organizar novamente este banco de dados. Como no PHP, HTML ou Java é usado o código dizendo que algo está sendo enviado para lá. Bom, vou estudar mais. O projeto é bem complexo. Obrigado! Abraço
  4. Rodrigo Zambrano
    Bom dia pessoal! Tudo bem com vocês? Tenho um projeto todo construído com html5, CSS3, JavaScript e PHP, com banco de dados Msql. Porém este projeto era de 2013 e na hora de fazer backup o banco de dados foi perdido. O restante de todos os arquivos, layout e lógica do projeto estão intactos. Gostaria de saber como recriar este banco de dados a partir dos arquivos que tenho comigo. Como poderia fazer? Alguém pode me ajudar. Sou iniciante em programação. Muito obrigado! Abraços, Rodrigo.
  5. Rodrigo Zambrano
    @DiF eu me confundi. Sim, o terceiro estado é ela quebrada. Vou dar uma organizada no código e mando aqui. Obrigado! Abraço
  6. Rodrigo Zambrano
    A dificuldade é quando clicar no quadrado 01, fica acesso e os outros apagados. Quando clicar no 02 fica o 01 e 02 acessos e o 03 apagado. E quando clicar no 03, fica os 03 acessos, 01, 02 e 03. E nada muda mais depois de cada click. Fecharia a função javascript. @DiF, será que não consegue nos ajudar? Muito obrigado mais uma vez! Abração
  7. Rodrigo Zambrano
    Meu problema é o seguinte. Quero fazer o seguinte efeito. Tenho imagem de 03 lâmpadas apagadas, uma do lado da outra. Quando passo o mouse por cima da lâmpada 01 ela acende. Quando passo o mouse por cima da lâmpada 02, ela acende e deixa a lâmpada 01 ainda acessa. Quando passo para a lâmpada 03 ela acende e deixa as lâmpadas 01 e 02 acessas também. Quando tiro o mouse das lâmpadas elas apagam, as 03. Até aí eu fiz usando javascript ("getElementById" e trocando as fotos. O que quero fazer agora é quando clicar na lâmpada 01 ela quebrar e as outras duas apagam, quando clicar na lâmpada 02, a lâmpada 01 e 02 quebram e a terceira se apaga (ou mantem apagada). E quando clicar na lâmpada 03, as 03 quebram. E depois que uma lâmpada é quebrada nada mais pode ser feito. O efeito chega ao fim, seja quebrando a lâmpada 01, 02 ou 03. Alguém pode me ajudar? Consigo fazer isso usando JavaScript. Meus arquivos já estão preparados por lampada_acessa / lampada_apagada / lampada_quebrada. Obrigado!!
  8. Rodrigo Zambrano
    @DiF, muito obrigado pelas explicações. Vou estudar mais e tentar fazer o que você falou. O projeto é bem complexo, por isso terei que estudar bastante antes de colocar a mão na massa. Mas saber que é possível já fico feliz. Valeu! Abraço!
  9. Rodrigo Zambrano
    E aí @DiF , tudo bem? Muito obrigado pela ajuda. Assim, vou explicar melhor. Temos duas fases do projeto. Uma que foi utilizado linguagem PHP e banco de dados SQL. Porém ao fazermos o backup do projeto perdemos este banco de dados que se ligava com o PHP. Mais tarde, por influência de outros membros deste projeto, mudamos todo a linguagem do projeto de PHP para ASP.NET. Como não tinhamos o banco, que foi perdido no backup, este programador criou um novo banco a partir das funções e programação do site. Este banco eu tenho. Porém eu gostaria de utilizar este banco com o projeto antigo (o antigo backup em PHP). Não gostaria de continuar com a linguagem ASP.NET. Ficou mais claro? Resumindo, como faço para conectar e fazer com que este banco de dados que ligava com ASP.NET funcionar para o projeto em PHP. Se puderes me ajudar, agradeço. Muito obrigado! Abraço, Rodrigo.
  10. Rodrigo Zambrano
    Bom dia pessoal, estou com uma dúvida. Tenho um projeto todo que foi escrito em asp.net com banco de dados. Porém quero utilizar o protótipo deste projeto que foi todo escrito em PHP, porém gostaria de usar o banco de dados que foi escrito para asp.net. Alguém sabe como fazer esta migração, o que é necessário fazer para reescrever este banco de dados? Se puderem me ajudar agradeço. Abraços a todos! Rodrigo

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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

Mais

×
×
  • Criar novo...