[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

Ikariam ↗
Su una piccola isola, in qualche parte del Mediterraneo, sorge un`antica civiltà. Sotto la tua guida inizia un`era di ricchezza e di scoperte!

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.

Ikariam ↗
Su una piccola isola, in qualche parte del Mediterraneo, sorge un`antica civiltà. Sotto la tua guida inizia un`era di ricchezza e di scoperte!

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.

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

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 😭

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

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.