Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14

Discussione: cursor:hand

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    583

    cursor:hand

    Ciao
    in una mappa vorrei che apparisse la manina quando il cursore va sopra una zona cliccabile.
    L'istruzione seguente non lo fa.
    Al click va ad una sub e non c'è un "href"

    <area shape="rect" coords="135, 66, 165, 80" onClick="vox(1)">

    Come si fa?
    rudyF

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    892
    <area href="url" shape="rect" coords="135, 66, 165, 80">

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    583
    mmmmh!
    non è quello che chiedevo.

    <area href="url" shape="rect" coords="135, 66, 165, 80">
    richiede un indirizzo (url) che non c'è. Deve andare a una sub.

    <area href="#" shape="rect" coords="135, 66, 165, 80">
    così funziona, con due piccoli inconvenienti.
    Appare la manina, si, ma al click evidenzia il "perimetro" dell'area
    e poi ricarica la pagina spostandosi all'inizio.
    L'immagine è più alta della pagina e quando clicco in basso mi ritrovo con la parte cliccata che non si vede più.
    rudyF

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    892
    E' la stessa identica cosa: per "url" devi leggere genericamente la destinazione del tuo collegamento...

    Il "perimetro" dopo il click è, a quanto ne so, inevitabile...

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    583
    Ho risolto la cosa in questo modo:
    in ogni area della mappa ho messo un "onMouseOver" ed un "onMouseOut"
    che richiamano due function
    La cosa poco ortodossa è che devo aggiungere il richiamo a tutte le aree (ne ho 22)
    Ho provato con un CSS ma non ci sono riuscito.

    <area shape="rect" coords="135, 66, 165, 80" onClick="vox(1)" onMouseOver="manina()" onMouseOut="freccia()">

    <script language="Javascript">
    function manina() {document.body.style.cursor="hand";}
    function freccia() {document.body.style.cursor="default";}
    </script>

    In questo modo non ricarica la pagina e l'immagine resta ferma dov'è
    il "contorno" dell'area non viene visualizzato.
    Proprio come volevo.
    Se ci sono migliorie sono bene accette.
    rudyF

  6. #6
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870
    Cursor:hand, funziona con IE, ma non con FF
    per ottenere la manina devi usare cursorointer che è standard...
    basta comunque aggiungere nel tag l'attributo style="cursorointer", senza dover creare una funzione javascript

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    583
    Ho provato a mettere uno stile nel tag.
    A me non funziona. (parliamo di una mappa)
    Le mie pagine girano solo con IE in quanto sono piene di VBScript.

    rudyF

  8. #8
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    mmm

    style cursorointer ))!!!

  9. #9
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    583
    Ma avete provato ???

    <area shape="rect" coords="108, 101, 192, 219" style="cursorointer;">
    così non va!

    <map name="bodymap" style="cursorointer;">
    così non va!

    [img]corpo.gif[/img]
    così va. Ma su tutta l'immagine!

    Con un CSS è la stessa cosa.
    Forse è sbagliata la sintassi?
    rudyF

  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    892
    Prova a postare un link a questa pagina...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.