Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2012
    Messaggi
    1

    Finestrella al passaggio del mouse

    Ciao, è il mio primo messaggio in questo forum
    Non sono un'esperta di programmazione, anzi possiam dire che io sia veramente scarsissima.

    Ad ogni modo vorrei creare una mappa fantasy in maniera tale che passando su determinate zone si apre una finestrella con la descrizione del luogo.
    Ho scopiazzato due codici di due siti diversi che facevano ciò, ma uno proprio non mi funziona mentre l'altro funziona solo con IE. Da quanto ho capito bisogna inserire qualcosa che ha a che fare con lo script tooltip, eppure non mi funziona... qualcuno può dirmi, non perchè non funziona (perchè tanto non ci capirei nulla) ma cosa dovrei esattamente fare?

    Questo è il codice da me inserito attualmente:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="cache.php?file=main.css" TYPE="text/css">
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="main.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <script type="text/javascript" src="wz_tooltip.js"></script>
    <center> [img]img/mappe/mappa.png[/img] <map name="Map">
    <area shape="rect" coords="436,130,504,194" onMouseOver="Tip(' ####### LA MIA DESCRIZIONE ####### ',CLICKCLOSE,false,CLOSEBTN,false,FOLLOWMOUSE,true ,TITLE,'Città di Magnolia',STICKY,false)"> </map> </center>
    </body>
    </html>

  2. #2
    il problema è lo script. cambia script per la tooltip.

    ---

    O non usarne nessuno affatto: se scarichi jquery (cerca su Google) è sufficiente questo codice javascript:
    codice:
    function tip(a) {
     $('#' + a).toggle();
    }
    A questo punto, crei dei div e li posizioni per bene dove vorresti che comparissero (ricordati che devono essere di base devono essere invisibili).
    Per farli comparire utilizzi:
    codice:
    ...
    E il div che contiene le varie informazioni è fatto così:
    codice:
    <div style="display:none" id="ID-DEL-DIV">CONTENUTO</div>
    Cristiano
    ---
    Originariamente inviato da rebelia : solo un nerd puo' pensare di tacchinare in un forum di informatica

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.