Si utilizas una herramienta de menús desplegables en tu sitio web (como Sothink DHTML Menu), te habrás dado cuenta de que el menú no se despliega en una Pocket PC o Palm, en muchas ocasiones no aparecen ni las opciones principales. La navegación se pierde totalmente.
** Antes que nada, te recomiendo siempre tener un mapa del sitio accesible mediante un link sencillo para evitar este problema.
De cualquier forma, te muestro a continuación de qué manera puedes hacer que el menú se despliegue para estos dispositivos.
La línea que llama a tu menú debe verse como esta:
-
<script type='text/javascript' language='JavaScript1.2' src='menuDesplegable.js'><\/script>
Sustitúyela por estas dos:
-
<script type="text/javascript" src="brwsniff.js"></script>
-
<script type="text/javascript" language="JavaScript1.2" src="SelectorDeMenus.js"></script>
El archivo brwsniff.js es un detector de navegadores, puedes descargarlo de aquí.
Te recomiendo echarle un ojo al archivo adjunto que pongo en este post ya que hice una pequeña modificación al script, añadí una función llamada writit. Bájalo de aquí.
Con tu editor de textos preferido, crea el documento SelectorDeMenus.js y pega lo siguiente:
-
var br=new Array(4);
-
var os=new Array(2);
-
var flash=new Array(2);
-
br=getBrowser();
-
os=getOS();
-
flash=hasFlashPlugin();
-
if(os[0]!="wince" && os[0]!="palmos"){
-
document.write("<script type='text/javascript' language='JavaScript1.2' src='http://www.mipagina.com.mx/menuDesplegable.js'><\/script>");
-
}
-
else{
-
document.write("<table width='100%' border='0' cellspacing='0' cellpadding='2'><tr>");
-
document.write("<td><a href='http://www.mipagina.com.mx/'>Hogar<\/a><\/td><\/tr><tr>");
-
document.write("<td><a href='http://www.mipagina.com.mx/Seccion1.aspx'>Sección 1<\/a><\/td><\/tr><tr>");
-
document.write("<td><a href='http://www.mipagina.com.mx/Seccion2.aspx'>Sección 2<\/a><\/td><\/tr><\/table>");
-
-
}
Si tienes problemas pegando el código, baja el archivo de aquí.
Si te fijas bien estamos detectando el navegador, si no se trata de wince (pocket pc) ni de palmos, entonces manda el menú desplegable completo. De lo contrario, manda una tabla con las ligas en HTML puro, para que estos dispositivos las puedan leer y mostrar correctamente.
Claro, cada vez que modifiques tu menú desplegable, tendrás que recordar modificar este script, pero es una buena opción para no dejar fuera a los navegadores de handhelds.