Blog

Come rendere un intero Div cliccabile con jQuery

1. HTML – Creo un box con un link al suo interno

[html]
<div class="box">
<p>Lorem ipsum dolor sit amet.</p>
<p><a href="http://www.1604lab.com">Link</a></p>
</div>[/html]

2. jQuery – Aggiungo la funzione che trova il link all’intenro del box, e lo assegna alla finestra del browser

[js]
$(".box").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
[/js]

3. CSS – Aggiungo il cursore “pointer” puntatore sull’hover, per far capire all’utente che tutto il box è cliccabile.

[css]
.box:hover { cursor: pointer;}
[/css]


Se hai trovato questo articolo interessante, iscriviti alla nostra newsletter per restare aggiornato sulle prossime novità di 1604lab!

2 risposte a “Come rendere un intero Div cliccabile con jQuery”

  1. Ilaria Faraoni scrive:

    molto utile! Grazie 😀

  2. […] Link: div cliccabile interamente […]

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Andrea Sacca'
Corso Magento
Categories
Ultimo progetto Realizzato
Realizzazione sito web Star Diesel

Star Diesel

Restyling completo sito web

Continua a leggere »
Seguici sui Social Network!
Resta aggiornato!

Iscriviti alla nostra newsletter per ricevere news sul mondo del web e aggiornamenti su 1604lab!



Interessato ai nostri servizi?

Chiamaci al n° +39 06 7810985 oppure compila il form che segue per parlare del tuo progetto!

Utilizza il box che segue per inserire maggiori informazioni sulla tua richiesta.