Link a tutta la casella testo
Author: Francesco M.
Visited 1191,
Followers 2,
Shared 0
Buonasera. Non so se è stato già chiesto, ma non sono riuscito a trovare nulla. E' possibile avere un link ad una pagina o ad altro su tutta una casella testo, che ho impostato con uno stile ed è riquadrata. Vorrei che cliccando su qualunque parte della casella testo mi riportasse ad un determinato link. Senza dare il link a tutti i caratteri per non averli sottolineati ed anche per avere il link effettuando il click anche nelle zone vuote. Se qualcuno ha qualche codice per fare questa azione ed anche dove si deve inserire. Grazie.
Posted on the
Se ho capito quello che vuoi, usa l'oggetto pulsante.
Puoi inserire questo codice:
<a style="text-decoration: none;" href="#">Testo</a>
Devi sostituire "#" con l'effettivo link, abilitare il codice HTML nell'oggetto e inserire il testo dove indicato.
Sicuramente esistono altri metodi che ora mi sfuggono.
P.s. Sempre in un Oggetto di Testo.
Francesco M. vorrebbe che fosse cliccabile l'intero Oggetto Testo... Può farlo solo con del codice extra.
... è semplicissimo con il JS innerHTML() ...puoi far da te....
... ma, ...se ne sei interessato per fare prima, ...devi postare il LINK della pagina per valutare struttura ed oggetti in gioco...
.
Author
Allora scusate il riterdo a rispondere il sito provvisorio e questo http://moschettinogroup.altervista.org/index.html
nella home page ci sono i due riquadri, nella pagina assistenza c'e il riquadro contatti. Adesso ho impostato la parola contattateci con il link.
con del codice vorrei cliccabile col ling l'intero quadrato che è un campo testo. Grazie
Oggetto Pulsante
Ma vuoi che si clicchi tutto il riquadro azzurro ? Allora usa l'oggetto Content Slide.
Un Esempio Qui
Questo invece è fatto con l'Oggetto Pulsante
... x HOME/INDEX | pannello Esperto | Codice personalizzato | 3°> Prima della chiusura del TAG /HEAD:
<script> $(document).ready(function () {
divK = '<div style="position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:red;z-index:100;opacity:0.5"> <a href="http://moschettinogroup.altervista.org/servizi-fotografici.html" alt="servizi-fotografici" title="servizi-fotografici" style="display:block;width:100%;height:100%"> </a> </div>';
$( "#imTextObject_76_tab0" ).append( divK);
divK2 = '<div style="position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:blue;z-index:100;opacity:0.5"> <a href="http://moschettinogroup.altervista.org/servizi-fotografici.html" alt="servizi-fotografici" title="servizi-fotografici" style="display:block;width:100%;height:100%"> </a> </div>';
$( "#imTextObject_77_tab0" ).append( divK2);}); </script>
... il colore trasparente serve solo per farti capire cosa avviene; ...per non farlo vedere, là dove vedi (opacity:0.5) lo porti a zero (opacity:0)
---------------------------------------
... nella pagina "assistenza" CONTATTI è già tutto selezionabile, ma se vuoi lo stesso sovrapporre con il codice EXTRA, usa questo:
<script> $(document).ready(function () {
divK1 = '<div style="position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:red;z-index:100;opacity:0.5"> <a href="http://moschettinogroup.altervista.org/contatti-1.html" alt="contatti" title="contatti" style="display:block;width:100%;height:100%"> </a> </div>';
$( "#imFooter_imMenuObject_13_container > ul > li:nth-child(2)" ).append( divK1);}); </script>
.