onMouseOver su immagini

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
Ciao ragazzi, sono alle prese con un problemino stupido stupido ma che mi sta facendo impazzire
Devo far visualizzare del testo quando il puntatore del mouse si trova su una foto.
Ho provato con ALT e con TITLE ma non vanno bene perchè funzionano solo so explorer e visualizzano la descrizione solo per alcuni secondi (la descrizione è lunga e non si ha il tempo di leggerla tutta bisogna ripuntare il mouse sulla foto) mi chiedo se c'è un piccolo script in java che fa questa cosina.
potete aiutarmi per favore?
'azie :)
InZe
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Intanto non è Java ma Javascript, non è lo stesso linguaggio. E comunque in quella pagina lo spiega ampiamente. Per prima cosa devi scaricare la libreria ed estrarre l'archivio nella cartella js del tuo sito Web. Poi inserisci questo codice in un file chiamato whiteballon.js e lo inserisci sempre all'interno della cartella:
Codice:
   // white balloon with default configuration
   // (see http://www.wormbase.org/wiki/index.php/Balloon_Tooltips)
   var balloon    = new Balloon;
   //BalloonConfig(balloon,'GBubble');

   // plain balloon tooltip
   var tooltip  = new Balloon;
   BalloonConfig(tooltip,'GPlain');

   // fading balloon
   var fader = new Balloon;
   BalloonConfig(fader,'GFade');

   // a plainer popup box
   var box         = new Box;
   BalloonConfig(box,'GBox');

   // a box that fades in/out
   var fadeBox     = new Box;
   BalloonConfig(fadeBox,'GBox');
   fadeBox.bgColor     = 'black';
   fadeBox.fontColor   = 'white';
   fadeBox.borderStyle = 'none';
   fadeBox.delayTime   = 200;
   fadeBox.allowFade   = true;
   fadeBox.fadeIn      = 750;
   fadeBox.fadeOut     = 200;
Quindi basta inserire questo codice nella sezione <head> della pagina HTML:
HTML:
 <script type="text/javascript" src="js/balloon.config.js"></script>
 <script type="text/javascript" src="js/balloon.js"></script>
 <script type="text/javascript" src="js/box.js"></script>
 <script type="text/javascript" src="js/yahoo-dom-event.js"></script> 
 <script type="text/javascript" src="js/whiteballon.js"></script>
E poi quando inserisci una immagine inserisci un evento onmouseover, così:
HTML:
<img src="..." onmouseover="balloon.showTooltip(event, 'Il messaggio che vuoi far comparire...')" />
Prova e fammi sapere se funziona!
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
Intanto non è Java ma Javascript, non è lo stesso linguaggio. E comunque in quella pagina lo spiega ampiamente. Per prima cosa devi scaricare la libreria ed estrarre l'archivio nella cartella js del tuo sito Web. Poi inserisci questo codice in un file chiamato whiteballon.js e lo inserisci sempre all'interno della cartella:
Codice:
   // white balloon with default configuration
   // (see http://www.wormbase.org/wiki/index.php/Balloon_Tooltips)
   var balloon    = new Balloon;
   //BalloonConfig(balloon,'GBubble');

   // plain balloon tooltip
   var tooltip  = new Balloon;
   BalloonConfig(tooltip,'GPlain');

   // fading balloon
   var fader = new Balloon;
   BalloonConfig(fader,'GFade');

   // a plainer popup box
   var box         = new Box;
   BalloonConfig(box,'GBox');

   // a box that fades in/out
   var fadeBox     = new Box;
   BalloonConfig(fadeBox,'GBox');
   fadeBox.bgColor     = 'black';
   fadeBox.fontColor   = 'white';
   fadeBox.borderStyle = 'none';
   fadeBox.delayTime   = 200;
   fadeBox.allowFade   = true;
   fadeBox.fadeIn      = 750;
   fadeBox.fadeOut     = 200;
Quindi basta inserire questo codice nella sezione <head> della pagina HTML:
HTML:
 <script type="text/javascript" src="js/balloon.config.js"></script>
 <script type="text/javascript" src="js/balloon.js"></script>
 <script type="text/javascript" src="js/box.js"></script>
 <script type="text/javascript" src="js/yahoo-dom-event.js"></script> 
 <script type="text/javascript" src="js/whiteballon.js"></script>
E poi quando inserisci una immagine inserisci un evento onmouseover, così:
HTML:
<img src="..." onmouseover="balloon.showTooltip(event, 'Il messaggio che vuoi far comparire...')" />
Prova e fammi sapere se funziona!

ho fatto passo passo quello che mi hai detto ma non funzia :(((
gneeeeeeeee :((
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
Scusa, puoi mostrarmi la tua pagina HTML?

certo, la pagina la trovi qui http://www.newproduction.it/appoggio/www.circeweb.it/associazione.html
le foto su cui deve comparire il testo sono quelle in basso. Ho aperto una cartella e l'ho nominata js nel sito ho messo il contenuto del file che ho scaricato (l'ho estratto dentro la cartella) ho messo anche il file con il codice che mi hai scritto. Ho messo il codice nella pagina
ma niente :((
mannaggia! :( gne
InZe
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
Apparentemente mancano alcuni file dentro la cartella js. Scusa, ma hai estratto tutti i file JS dell'archivio all'interno della cartella? Puoi listarmi tutti i file che contiene?

Certo!
la cartella creata da me e nominata js contiene 5 cartelle:
.svn
cgi-bin
docs
htdocs
mediawiki

poi contiene 4 file, tre dello script:
disclaimer
install
readme

e poi c'è quello che ho creato io
whiteballon.js


questo è il contenuto
ho fatto la brava e seguito passo passo quello che hai detto ma qui sto coso ce l'ha con me :((
aiuuuuuuuuuuto :(
InZe :)
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Temo che ci siamo fraintesi. Tu non dovevi inserire il contenuto dell'archivio dentro la cartella, ma il contenuto di htdocs. E solo i file all'interno non la cartella stessa. È stato un errore mio perché l'ho dato per scontato, scusa ;)
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
allora se ho capito bene devo togliere tutto e lasciare solo htdocs nella cartella js e devo lasciare anche il file che ho creato io con il contenuto dello script? o anche quello va nella cartella htdocs?
Non dare nulla di scontato con me che in queste cose sono una vera e propria cernia!!! :))))
ho capito bene a sto giro? :)
InZe :)
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
Non è che devi lasciare solo la cartella htdocs, ma devi lasciare solo il contenuto. Quindi tutti i file all'interno di htdocs e poi il file che hai creato.

procedo :)

p.s. ma tutti gli altri file a che servono allora :( solo per confondermi le idee???
vedi che sto coso ce l'ha con me?? :(
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Gli altri file sono esempi, guide e delucidazioni su come personalizzare questo o quell'aspetto dello script. In informatica non è mai un software che ce l'ha con te, al massimo sei tu che ce l'hai col software :D

P.S.: Fa eccezione borgo, guarda caso anche Outlook lo odia...
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
Gli altri file sono esempi, guide e delucidazioni su come personalizzare questo o quell'aspetto dello script. In informatica non è mai un software che ce l'ha con te, al massimo sei tu che ce l'hai col software :D

P.S.: Fa eccezione borgo, guarda caso anche Outlook lo odia...

bugia questo coso ce l'ha con me infatti non funzia ancora :(
non hai una soluzione alternativa (oltre quella di passarmi due lamette?? :D)
InZe :)
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Veramente io ancora non riesco ad accedere a nessun file tranne che a whiteballon.js (ehm, mi sono accorto ora che il nome corretto sarebbe whiteballoon.js, con due o, rinomina il file e correggi il collegamento nell'head). Comunque ripeto: dimmi esattamente cosa c'è dentro la cartella js.
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
Veramente io ancora non riesco ad accedere a nessun file tranne che a whiteballon.js (ehm, mi sono accorto ora che il nome corretto sarebbe whiteballoon.js, con due o, rinomina il file e correggi il collegamento nell'head). Comunque ripeto: dimmi esattamente cosa c'è dentro la cartella js.

ma non possiamo proprio sentirci via msn?
se si ti mando il mio indirizzo mail in pvt
così almeno puoi spiegarmi ben benino, non che non lo abbia già fatto
ma è colpa di sto coso giuro, non è colpa mia! :(
InZe :)
 

inzetta

Nuovo Utente
19 Giu 2009
17
0
0
A me invece sembra colpa tua, perché se i file non esistono non è certo il server che deve inventarseli :D
Ripeto: dimmi esattamente cosa c'è nella cartella js.

Allora:
nella cartella del sito ho creato una cartella e l'ho nominata js
all'interno di questa cartella ci sono i seguenti file:
balloon.config.js
balloon.js
balloons.html
box.js
yahoo-dom-event.js
whiteballoon.js (ho rinominato anche nell'head
poi ci sono 3 cartelle:
.svn
images
js

questo è il contenuto della cartella js che ho creato nella cartella del sito
ndo sta l'erroraccio malefico? :)
'azie :)
InZe
 
Discussioni simili
Autore Titolo Forum Risposte Data
B onmouseover, immagini multiple su hotspot map Javascript 3
T [PHP] [HTML] Action direttamente associate a onmouseover PHP 11
L onmouseover su div parenti indesiderato HTML e CSS 3
F onmouseover Javascript 3
K onMouseOver su immagine Javascript 2
P onmouseover e onmouseout su hotspot Javascript 15
G Onmouseout e onmouseover funziona solo lato backend Joomla 0
K onmouseover anteprima immagine come in google Javascript 2
LolliPoppingu Problema "onmouseover". HTML e CSS 24
H Funzione onmouseover per mostrare un box con un link da cliccare? Javascript 3
S Codice OnMouseOver Javascript 6
I onclick non cambia l'immagine invece onmouseOver e Out si Javascript 9
K Script - onmouseover compaiono immagine e testo Javascript 15
elilabruja onmouseover in php PHP 9
E [JAVA] modificare Script per evento onmouseover Javascript 0
T Aiuto effetto onmouseover immagine si allunga e compare testo Javascript 0
K testo ed img alternati con onmouseover Javascript 5
K onmouseover HTML e CSS 8
J OnMouseover Slideshow Javascript 0
T Onmouseover slideshow Javascript 3
K onmouseover in altro frame Javascript 2
D Problema onmouseover Javascript 0
Z png: OnMouseOver e UseMap Javascript 5
A onMouseOver Javascript 6
S Usare onmouseover con 'campo immagine' e non al tag <img> Javascript 3
D evento onmouseover Javascript 9
sbobby OnMouseOver HTML e CSS 3
H problemi con onmouseover e GetElementById Javascript 1
M OnMouseOver non funziona Javascript 1
purno Cambio immagine con onMouseOver: HTML e CSS 7
§ onmouseover finestrella Javascript 2
C Marquee verticale che si ferma onmouseover HTML e CSS 8
W OnMouseOver su una map area HTML e CSS 5
S [VB.NET]: Coordinate immagini dentro una PictureBox Visual Basic 0
G Perché il mio sito su Google news fa vedere le immagini degli articoli la mia foto profilo? WordPress 1
M Immagini non usate WordPress 0
elmonarca77 Utilizzo e licenze immagini Webdesign e Grafica 4
S Risoluzione Immagini e Connessione Joomla 0
G Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl HTML e CSS 0
A WordPress e immagini Hosting 0
Y RITAGLIO IMMAGINI Javascript 0
R Immagini html HTML e CSS 2
E Come gestire al meglio le immagini legno grande formato Photoshop 0
M Random Immagini + Testi PHP 13
L form immagini per il database PHP 0
Ricky80 Coordinazione immagini HTML e CSS 4
P Percorsi e immagini. PHP 0
N Indicizzazione immagini su Google Google Search Console 0
L Import Immagini piattaforma IONIC Sviluppo app per Android 0
L Import massivo di immagini in tabelle piattaforma IONIC Presentati al Forum 1

Discussioni simili