[RISOLTO] Tooltip - Tipped - JQuery

[RISOLTO] Tooltip - Tipped - JQuery postato il 04/09/2015 13:22:30 nel forum programmazione, gdrcd, open source, 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

NosTale ↗
Con l’aiuto della spada e della bacchetta magica risolverai abilmente intricate missioni e domerai coraggiosamente mostri selvaggi!

quota

Pagine → 1

soizora

ONLINE

SCRIVI

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.

CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita nell'arena! Ogni giocatore sarà accompagnato da armi realistiche e magie!

quota

wolverinelogan

SCRIVI

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.

Pandora Upside Down High School ↗
La prima scuola per sovrannaturali al mondo vi attende! Scoprite il vostro cammino Ancestrale relazionandovi con i compagni e le attività dei club

quota

leoblacksoul

SCRIVI

04/09/2015 17:31:18

Prova a mettere http:// davanti all'indirizzo del link, così magari capisce che è un link assoluto

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu - Hosting per GDR

quota

wolverinelogan

SCRIVI

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 😭

CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita nell'arena! Ogni giocatore sarà accompagnato da armi realistiche e magie!

quota

astro991

SCRIVI

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.