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.

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

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.

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

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/

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

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

OGame ↗
In OGame migliaia di giocatori da tutto il mondo competono tra di loro per conquistare l'intero universo!

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).