Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    mostrare nascondere un div

    ciao a tutti
    sto cercando uno script che, con l'onmouseover su un link, mi faccia apparire un div (con del testo all'interno, o altro, e quando il mouse lascia il link, lo stesso oggetto si chiuda dopo 4-5 secondi.

    Ho provato ad adattare il codice dell'esempio nella sezione javascript (toggleMe) ma non riesco ad ottenere il risultato voluto per quanto riguarda la chiusura del div.

    Grazie a chi mi darà una risposta.

    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  2. #2
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549
    non vedendo lo script posso solo dirti che puoi associare all'evento onmouseout un timeout che chiami dopo i secondi che vuoi la funzione che chiudera il div.
    qualcosa del genere:
    onmouseout="setTimeout(\"chiudiDiv()\",4000)"
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

  3. #3
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    Originariamente inviato da AvOJaromil
    non vedendo lo script posso solo dirti che puoi associare all'evento onmouseout un timeout che chiami dopo i secondi che vuoi la funzione che chiudera il div.
    qualcosa del genere:
    onmouseout="setTimeout(\"chiudiDiv()\",4000)"
    ciao AvOJaromil
    appena posso provo e ti dico come va.
    Grazie
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    eccomi qui...
    sicuramente ho scritto io qualcosa di sbagliato;
    ho messo in rete la pagina di esempio:
    http://www.extrowebsite.com/toggle/index.html

    quando allontano il mouse... rimane lo spazio "occupato" dal div che appare;
    vorrei, invece, che l'oggetto sottostante torni al suo posto.
    Spero di essermi spiegato in maniera sufficente.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  5. #5
    non

    style.visibility='hidden';

    ma

    style.display = "none";

  6. #6
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549
    è chiaro che se lo nascondi lo spazio che occupa il blocco rimane. devi eliminarlo dal flusso come dice raven con display="none"
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

  7. #7
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    scusate il ritardo con il quale vi scrivo e vi ringrazio.
    Grazie a raven74 e AvOJaromil.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

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