Problemas con menu desplegable en IPhone/IPad

[Lemuriano]

Hola gente:

Tengo un menu desplegable en CSS, funciona perfecto en todos los navegadores, lo probe incluso en un emulador de IPhone/IPad y funciona. Sin embargo alguien que lo esta usando realmente en un IPad me dice que el menu jamas se despliega, a pesar de que a mi en el emulador me muestra como que si.

Yo creo que el tema viene por el lado de que yo estoy corriendo el emulador en mi PC usando un mouse, cosa que quien usa un ipad no hace, por lo que (según creo) no esta tomando la pseudo clase .hover...

Puede que tenga razon, o que este equivocado, el echo es que en cualquier caso no se como solucionarlo. Cualquier ayuda sera apreciada y agradecida.

[Lemuriano]

He creado un javascript con el siguiente codigo que encontre por ahi:

var myLinks = document.getElementsByTagName('a');
for(var i = 0; i < myLinks.length; i++){
myLinks[i].addEventListener('touchstart', function(){this.className = "hover";}, false);
myLinks[i].addEventListener('touchend', function(){this.className = "";}, false);
}

Supuestamente esto soluciona el problema, pero no... Me imagino que me falta modificar algo en el html y/o en el css para implementar una clase de nombre "hover"...

...pero no estoy seguro como hacerlo. Sigo esperando una respuesta, desde ya muchas gracias a todos.

[Lemuriano]

Debo interpretar:

a) Que nadie leyó.
b) Que no existe solución.
c) Que si existe nadie la conoce....



Sigo esperanzado de que alguien me tire una soga...desde ya agradecido.

[jgregori88]

Hola, te cuento que he tenido problemas similiares al desplegar algunos controles del .Net Framework de microsoft en sendos navegadores (Por ejemplo no podia desplegar un menu desplegable en Internet Explorer 8, pero en Mozilla si funcionaba bien - curioso no ?).
Finalmente encontré que el problema no son los navegadores o el código de mi página, el problema radica en algunos parches que debe tener el servidor de las páginas (Servidor web). Yo estoy utilizando los servicios del IIS 7.0 y finalmente puede hacer que se mostrara el menu desplegable en IE 8. Ahora tengo el mismo problema con Safari. Cuando tenga el parche para esto te cuento.

Jose G Villa.

[yayomanzano]

Hola, tengo el mismo problema y ando buscando la solución. Sólo se me ocurre poner un script al principio de la página y si el dispositivo es un ipad o un iphone colocarle una página con el menú desplegado.... el problema es que esto tampoco estoy segura de saber hacerlo...
¿ideas¿

[NUCKLEAR]

Creo que esto te puede ayudar. Si usas PHP, de lo contrario es cuestion de buscar la manera en que lo podria hacer tu lenguaje


http://it-media.com.ar/demos/menu1/

[ryugen]

Mi experiencia con web/apps HTML en iPad y iPhone, me a enseñado, que los elementos HTML del tipo texto no son tocables (touch). Entonces por ejemplo si implemento lo siguiente:

Código HTML:

<input type="checkbox" id="check">
<label for="check">Checkbox</label>
 

Por más que haga un toque (touch) sobre la etiqueta "Checkbox" esta no activara el input como está escrito en la especificación. Esto he leido yo, es porque el elemento no es tocable en Safari. Esto se soluciona de la siguiente manera:

Código HTML:

<input type="checkbox" id="check">
<label for="check" onclick>Checkbox</label>
 

Al agregarle el atributo "onclick" por más que no se le esté pasando ninguna función, se le estará diciendo al navegador que el elemento es tocable.

En sus casos si han implementado un menú con "hover". Deberían al elemento que despliega el menú, asinarle el mismo atributo, digamo como:

Código HTML:

<li class="item-menu" onclick></li>
 

[NUCKLEAR]

Iniciado por ryugen

Mi experiencia con web/apps HTML en iPad y iPhone, me a enseñado, que los elementos HTML del tipo texto no son tocables (touch). Entonces por ejemplo si implemento lo siguiente:

Código HTML:

<input type="checkbox" id="check">
<label for="check">Checkbox</label>
 

Por más que haga un toque (touch) sobre la etiqueta "Checkbox" esta no activara el input como está escrito en la especificación. Esto he leido yo, es porque el elemento no es tocable en Safari. Esto se soluciona de la siguiente manera:

Código HTML:

<input type="checkbox" id="check">
<label for="check" onclick>Checkbox</label>
 

Al agregarle el atributo "onclick" por más que no se le esté pasando ninguna función, se le estará diciendo al navegador que el elemento es tocable.

En sus casos si han implementado un menú con "hover". Deberían al elemento que despliega el menú, asinarle el mismo atributo, digamo como:

Código HTML:

<li class="item-menu" onclick></li>
 

Por mas que he buscado no he encontrado referencias sobre ese atributo "onclick" que mencionas, podrias indicar donde esta documentado y bajo que condiciones(navegadores moviles) funciona?

Por cierto he probado al menos en Firefox android, Opera android y el propio navegador de Android y si funciona al presionar sobre el label se activa el checkbox sin tener ese atributo....

Saludos.

[ryugen]

Al bug que me refiero es el siguiente:
http://stackoverflow.com/questions/7...-mobile-safari
El bug report de apple no es publico así que no tengo acceso a el. Pero como dije más arriba solo afecta a iPhone y iPad. Por eso todas las pruebas que hagas en Android con cualquier navegador van a funcionar.

El atributo onclick, lo unico que te permite es agregar codigo javascript en linea. Puedes chequearlo aquí en la especificación.
http://www.w3.org/TR/html4/interact/....html#h-18.2.3

Agregarlo lo único que genera es un walkaround del bug anterior

[NUCKLEAR]

Pero deberias especificar mejor!

Tu pusiste: <li class="item-menu" onclick></li>
Y debe ser <li class="item-menu" onClick="evento()"></li>

Ya decía yo por que no encontraba nada relacionado....
A todo esto que tiene que ver un checkbox y un bug de Safari con el menú... ¿Viste el ejemplo que enlacé más arriba?