Spesso ci capita di voler rendere un intero blocco html linkabile. Sappiamo bene, però, che l’elemento <a>, che in html ci aiuta a inserire un link, è un elemento inline e non un elemento di blocco.
In pratica, se avessimo qualcosa tipo
<div id=”nome-id-div”> <a href=”www.google.it> Clicca qui </a> </div> esempio ->
solo la parola “Clicca qui” sarebbe linkata. Mentre se facessimo qualcosa tipo
<a href=”www.google.it><div id=”nome-id-div”> Clicca qui </div> </a> esempio->
Come creare un div con href
Ci viene in aiuto il codice in javascript, per esempio
<script>
<script type=”text/javascript”>
document.getElementById(“nome-id-div”).setAttribute(‘onclick’, ‘location.href = “www.google.it”‘);
</script>
In pratica grazie allo script andremo ad agire sul documento html alla ricerca dell’elemento con id in parentesi e attribuiremo l’onlick.
Dove inserire il codice javascript per rendere un div linkabile
Il mio consiglio è come sempre inserirlo nel footer in quanto non è un codice utile nello head. Va benissimo caricarlo alla fine del documento.
