-
Posts
10 -
Cadastrado em
-
Última visita
Tipo de conteúdo
Artigos
Selos
Fabricantes
Livros
Cursos
Análises
Fórum
Tudo que Rodrigo Zambrano postou
-
efeito acende, apaga e quebra lâmpada com javascript
Rodrigo Zambrano respondeu ao tópico de Rodrigo Zambrano em Web e banco de dados
@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> -
Reconstruir um banco de dados
Rodrigo Zambrano respondeu ao tópico de Rodrigo Zambrano em Web e banco de dados
@DiF Muito obrigado! Vou correr atrás! Abração! -
Reconstruir um banco de dados
Rodrigo Zambrano respondeu ao tópico de Rodrigo Zambrano em Web e banco de dados
@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 -
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.
-
efeito acende, apaga e quebra lâmpada com javascript
Rodrigo Zambrano respondeu ao tópico de Rodrigo Zambrano em Web e banco de dados
@DiF eu me confundi. Sim, o terceiro estado é ela quebrada. Vou dar uma organizada no código e mando aqui. Obrigado! Abraço -
efeito acende, apaga e quebra lâmpada com javascript
Rodrigo Zambrano respondeu ao tópico de Rodrigo Zambrano em Web e banco de dados
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 -
efeito acende, apaga e quebra lâmpada com javascript
Rodrigo Zambrano postou um tópico em Web e banco de dados
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!! -
Banco de Dados ASP.NET para PHP
Rodrigo Zambrano respondeu ao tópico de Rodrigo Zambrano em Web e banco de dados
@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! -
Banco de Dados ASP.NET para PHP
Rodrigo Zambrano respondeu ao tópico de Rodrigo Zambrano em Web e banco de dados
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. -
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