Redirecionar após um clique?

  • Autor Autor damasgratis
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
D

damasgratis

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola¡ quisiera saber cual es la forma de redireccionar un blog luego de que el visitante realice un click en cualquier parte del blog.

Si alguno sabe.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Con javaScript + Query y el id (#) o class (.) del div de la zona que le den click aunque no tenga url...
La primera imagen/div abre la url del script en una pestaña,
la 2da en una ventana y
la 3ra en la misma pagina/pestaña. (no abre en codepen)
HTML:
<!doctype html>
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
.gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
.gallery li {
  margin: 4px;
}
.gallery li div img {
  width: 120px;
  height: 120px;
}
</style>
</head>
<body>
<ul class='gallery'>
  <li>
    <div id='pestana'> <img src="https://img69.imagetwist.com/th/53654/26l5744z6k02.jpg"></div>
  </li>
  <li>
    <div id='ventana'><img src="https://img69.imagetwist.com/th/53654/0vcwxlkyjp6y.jpg"> </div>
  </li>
  <li>
    <div id='enlamismapestana'><img src="https://img69.imagetwist.com/th/53654/8ughjow6d6uj.jpg"></div>
  </li>
</ul>

<script>
$("#enlamismapestana").click(function () {
  window.location.href = "http://www.google.com";
});

$("#pestana").click(function () {
  window.open("http://www.google.com");
});

$("#ventana").click(function () {
  window.open("http://www.google.com", "Tu Titulo", "width=500, height=500");
});
</script>
</body>
</html>

 
También se puede en lugar de hacer click, que direccione con solo pasar el mouse/puntero (mouseover)...
La primera imagen/div abre la url del script en una pestaña,
la 2da en una ventana y
la 3ra en la misma pagina/pestaña. (no abre en codepen)
 
En realidad no necistas para nada de jQuery para esos ejemplos, con vainilia JS basta.
 
Voltar
Topo