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.

The Coven ↗
Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

Pagine → 1

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.

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

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 ↗

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

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)