Funzionalità Menu a comparsa su dispositivi "mobili" 
Autore: Vincenzo Errico
Visite 3507,
Followers 3,
Condiviso 0
Salve, su iPad o simili...vorrei sapere perché bisogna cliccare (ovviamente col dito) due volte per accedere ad una pagina dal menù a comparsa, come fare perché questo non avvenga, ma entrare al primo clic?
Grazie.
.
.
____________________________________________
... edit by KolAsim...
... corretto i titolo; ...originale: "Menu a comparsa"
Postato il
Buongiorno Vincenzo,
puoi comunicamri ill ink del sito così da poter verificare su uno di questi dispositivi?
Grazie.
Autore
http://www.vincenzoerrico.it
sezione menu ALBUM
Io ho verificato su android 2.3.6 e non riscontro alcun problema: devo pigiare una volta per accedere ad una pagina contenuta nel menù album.
Il menu di secondo livello è legato all'evento "onmouseover". Se è vero quanto scritto qui
http://www.tomstardust.com/archives/touchscreen-e-accessibilita/
nei monitor touch screen il suddetto evento non esiste.
Sul mio HTC con Android si può rimediare in uno di questi modi:
stesso discorso per me con android 4 tutto ok...pigiare una volta per accedere....
Autore
su iPad e iPhone purtroppo non è cosi.
Sugli schermi touch screen, il tocco equivale al click con il tasto sinistro del mouse.
Sul sito segnalato avviene quello che dite voi. Questo perché al click sul livello Album non è associato nessun collegamento, per cui onmouseover (semplice passaggio del mouse) e click sono la stessa cosa.
Qualche volta io uso associare al livello un collegamento o una pagina introduttiva o, in mancanza, alla prima voce di menu del sottolivello. In questo caso è necessario diversificare l'evento onmouseover dal click. Ed è qui che viene fuori l'assenza dell'evento associato al semplice passaggio del mouse.
A titolo di esempio andate sul mio sito di test
http://www.essedi.altervista.org/_sito/index.html
Se toccate Varie, a cui non è associato alcun link, si apre il menu di secondo livello.
Se toccate Immagini, si apre la pagina Lightbox: per aprire il menu di secondo livello, occorre utilizzare uno dei metodi da me indicati.
Almeno sul mio HTC con Ice Cream. Provate sui vostri terminali e fatemi sapere.
Vero proprio come hai spiegato più in su....non ci avevo fatto mai caso....
Grazie per la verifica.
Autore
Si, ma solo con i siti creati con website accade questo, ad esempio con wordpress non bisogna linkare anche il menu principale.
Sinceramente non ho capito che cosa vuoi dire.
A scopo puramente accademico, mi piacerebbe sapere con quale gesto simuli il passaggio del mouse su un'area di uno schermo touch screen.
Autore
Allora prova su iPad il menu a comparsa di questo sito http://www.alessandroghedina.com/blog/alessandro-ghedina-people-photography/
e poi prova il mio su http://www.vincenzoerrico.it/
noti differenze? io dico di si!
Autore
nel primo sito la differenza sta che quando tocchi una voce del menu a comparsa, subito entri nella pagina. Sul mio, no! devi toccare due volte.
Mi dispiace ma sono un po' allergico ai terminali iQualcosa e quindi non ne posseggo.
Ciao,
ho avuto lo stesso problema anch'io nel menu di pagina, e nel mio caso ho risolto così:
Ho modificato il file "menu.css" dentro la cartella "style"
ed ho escluso (non eliminato) le due righe:
#imPgMn ul li:hover .imPgMnImg img.imPgMnDefaultIcon{display:none;}
#imPgMn ul li:hover .imPgMnImg img.imPgMnHoverIcon{display:inline}
in questo modo:
/*#imPgMn ul li:hover .imPgMnImg img.imPgMnDefaultIcon{display:none;}*/
/*#imPgMn ul li:hover .imPgMnImg img.imPgMnHoverIcon{display:inline}*/
Per riportare tutto come prima basta eliminare
/* prima della riga e */ a fine riga
Non so se c'è un metodo diverso, senza andare a modificare il file menu.css
Ho fatto diverse prove con i vari broswer, sia su pc che su iDevice vari, e tutto funziona.
Mi raccomando, prima di fare qualsiasi prova, fai una copia di backup del suddetto file!
Spero che anche tu possa risolvere.
Ciao