Benvenuto in 1604lab

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!

Categories
Ultimo progetto Realizzato
Realizzazione sito web Star Diesel

Star Diesel

Restyling completo sito web

Continua a leggere »
Seguici sui Social Network!

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.