[RISOLTO] Tooltip - Tipped - JQuery
[RISOLTO] Tooltip - Tipped - JQuery postato il 04/09/2015 13:22:30 nel forum programmazione, open source e hosting e modificato da wolverinelogan il 04/09/2015 20:40:07
Buon pomeriggio a tutti ragazzi.
Vi scrivo per un problema in cui mi sono imbattuto qualche ora fa e che mi stà creando non pochi grattacapi. Stò cercando di fare un tooltip con un link cliccabile all'interno della finestrella che si apre.
Per farlo sto usando la libreria di Tipped:http://www.tippedjs.com/ ↗
Vi spiego il problema.
Quando clicco sul link all'interno del tooltip, lui mi somma al link che ho segnato io, quello di base della pagina. Mi spiego. Se la mia pagina ha come indirizzo
www.pippo.it
e il link a cui voglio andare
www.pluto.com
quello che viene fuori come indirizzo cliccando sul link sarà
http://www.pippo.itwww.pluto.com
oppure
http://www.pippowww.pluto.com.it
cose del genere. sapreste dirmene il motivo??
Incollo il codice
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/tipped/tipped.js"></script>
<link rel="stylesheet" type="text/css" href="css/tipped/tipped.css"/>
</head>
<body>
<span class='function' data-content="TOOLTIP NUMERO 1 <br> <br> <br> <a href="www.google.it/">Vai a Google!</a>" data-title="A title">Function 1</span>
<script type="text/javascript">
$(document).ready(function() {
Tipped.create('.function', function(element) {
return {
title: $(element).data('title'),
content: $(element).data('content')
};
}, {
skin: 'light'
});
});
</script>
</body>
</html>
Grazie a tutti,
Luciano
ADD: mi son dimenticato di aggiungere che l'errore persiste anche se uso il codice html per le virgolete nel ag <a> ovvero il "
quì sul forum me lo trasforma in virgolette, per quello non si vede xD
Pagine → 1
04/09/2015 13:45:27
non conosco bene tipped ma ho notato sta cosa:
<span class='function' data-content="TOOLTIP NUMERO 1 <br> <br> <br> <a href="www.google.it/">Vai a Google!</a>" data-title="A title">Function 1</span>
in pratica prova a mettere al posto di quelle gli apici singoli, vedi se ti continua a dare errore.
04/09/2015 13:52:41
Provato, ma non cambia il risultato.
Anche con la libreria Bootstrap http://getbootstrap.com/javascript/#popovers-examples ↗
mi dà questo genere di errore quando uso i popover che sono simili a dei tooltip. Non sono abilissimo con le librerie. magari qualcosa va in conflito. non so proprio.
04/09/2015 17:31:18
Prova a mettere http:// davanti all'indirizzo del link, così magari capisce che è un link assoluto
04/09/2015 18:54:28
Niente da fare, mi da questo:
http://www.pippo.it"http://www.pluto.it
la disperazione mi assale ormai 😭
04/09/2015 19:42:55
io ho scaricato il pacchetto per provarlo, ho copiato il tuo codice e l'ho provato. a me funziona modificando così il tag a:
<a href='http://www.google.it'>Vai a Google!</a>
ho cioè tolto le " e sostituite con gli apici (altrimenti ti va a chiudere il data-content e, ovviamente, lui legge il seguito come testo e non come link a cui indirizzare) e ho inserito la scritta http:// altrimenti non me lo prendeva. Prova così. A me funziona.
04/09/2015 20:39:47
Funziona.
Boia, mi son dannato l'anima per sta boiata!!
Scusate ragazzi, e grazie per la pazienza xD
non ci credo. u.u 😅
04/09/2015 21:54:49
Capita a tutti dai. L'importante è che ora funzioni.
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
Wuthering Waves ↗
War Thunder ↗
World of the Sea Battle ↗
RAID Shadow Legends ↗
Exclusive Villa GdR ↗
World of Warship ↗