[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

Seconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

quota

Pagine → 1

soizora

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.

AlterEgo ↗
Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

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.

Crash Bandicoot Zone ↗
Caos, libertà e risate: nel GDR ambientato nell’universo di Crash Bandicoot, ogni storia è possibile… e nulla è troppo folle!

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 😭

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

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.

AlterEgo ↗
Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

quota

wolverinelogan

SCRIVI

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 😅