Inserire i tooltip [Risolto]

Inserire i tooltip [Risolto] postato il 17/01/2010 02:25:35 nel forum programmazione, gdrcd, open source, hosting e modificato da stefano_il_patetico il 17/01/2010 16:48:10

Salve a tutti,
vorrei dare un tocco di sobrietà al GDR che sto facendo, ma allo stesso tempo di eleganza. Ho deciso quindi di implemenatare i tooltip all'interno della land.

C'è un problema...ho scaricato un tooltip su immagini da un sito, il quale mi ha fornito 4 file(builder.js - prototype.js - anatips.js - anatips.css) li ho salvati ed inseriti nella pagina rispettando i path.

<html>
<title>rightFrame</title>
<head>
<link rel="stylesheet" href="stile.css" type="text/css">
<script src="builder.js" type="text/javascript"></script>
<script src="prototype.js" type="text/javascript"></script>
<script src="anatips.js" type="text/javascript"></script>
<link href="anatips.css" media="screen" rel="stylesheet" type="text/css" />
</head>

<body background="/grafica/provaframe11.png">
<table border="3" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse" bordercolor="#880000" background="..." width="150" height="400">
<tr>
<td><img src="..." width="150" height="300" class="anatips" title="Una splendida automobile..."/>
</td>
</tr>

Sapete suggerirmi dove sbaglio?
Grazie.

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

quota

Pagine → 1

clemence

SCRIVI

MODERATORE

17/01/2010 02:28:15

prima ci va prototype, poi il builder.

Sursum Corda

quota

stefano_il_patetico

SCRIVI

17/01/2010 13:31:48

Ho fatto come dicevi tu...ma non funziona uguale.

RAID Shadow Legends ↗
Plasma i tuoi eroi fino a farli diventare vere e proprie armi viventi e assembla i più epici gruppi d'assalto mai visti finora!

quota

blancks

SCRIVI

17/01/2010 13:40:13 e modificato da blancks il 17/01/2010 13:40:37

Addirittura prototype per una scemenza simile..

Puoi benissimo fare i tooltip con un minimo di javascript o addirittura senza.

A tal proposito ti suggerisco di dare un occhiata a questa guida: http://css.html.it/articoli/leggi/2467/tooltip-con-i-css/ ↗

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

stefano_il_patetico

SCRIVI

17/01/2010 14:01:08

Ringrazio blancks per il suo prezioso consiglio. Anche se l'escabotage "tooltip con i css" potrebbe essere allettante il risultato è palesemente diverso da quello che vorrei. http://javascript.html.it/demo/javascript/5013/esempio.htm ↗

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

quota

clemence

SCRIVI

MODERATORE

17/01/2010 14:08:20

quella era l'unica cosa riscontrabile come errore.
Se le path sono corrette e la classe è quella che il pacchetto si aspetta o il pacchetto non funziona di suo o le cose che tu reputi di aver fatto correttamente non lo sono.

Sursum Corda

quota

blancks

SCRIVI

17/01/2010 14:11:46

Quello è un punto di partenza.

Capito come funziona il concetto puoi tradurlo in javascript con una funzione che disabilita ed abilita la visibilità dell'elemento.

A questo punto, altre 5 righe di codice per attaccare all'evento onmousemove una funzione che si occupa di settare la posizione della tip (regolata su posizione assoluta) sulle coordinate attuali del mouse (magari con un po di offset)

E altre 3 righe contate di js per creare le funzioni di disabilitazione dell'onmouseover e della sparizione dell'elemento (richiamando la prima funzione citata).

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

stefano_il_patetico

SCRIVI

17/01/2010 15:34:25 e modificato da stefano_il_patetico il 17/01/2010 16:47:54

Risolto...non era legato a nessun problema accennato precedentemente.
Si trattava di inserire la slash nel percorso. Es: (/prototype.js)