elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  problema en firefox con menú desplegable
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: problema en firefox con menú desplegable  (Leído 3,032 veces)
Gupita

Desconectado Desconectado

Mensajes: 9



Ver Perfil
problema en firefox con menú desplegable
« en: 2 Noviembre 2010, 19:50 pm »

Hola a todos.

Estoy construyendo una pequeña página web en donde he querido añadir un menú desplegable para ofrecer una serie de descargas de fotografias.

Encontre un código muy bueno que me gustó mucho porque era lo que necesitaba que consiste en crear un menú desplegable que al picar sobre él pues se despliega en varios niveles y tenerlo asi todo más ordenador.

El código es el siguiente:

1/ Inserta este código dentro de las etiquetas <head> y </head>

Código:
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url('fold.gif')}
#foldinglist{list-style-image:url('list.gif')}
//-->
</style>
<script language="JavaScript1.2">
<!--
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

function change(){
   if(!document.all)
      return
   if (event.srcElement.id=="foldheader") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display=="none") {
         nested.style.display=''
         event.srcElement.style.listStyleImage="url(open.gif)"
      }
      else {
         nested.style.display="none"
         event.srcElement.style.listStyleImage="url(fold.gif)"
      }
   }
}

document.onclick=change

//-->
</script>

2/ Inserta este código dentro de las etiquetas <body> y </body>

Código:
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="238" id="AutoNumber1" height="13">
  <tr>
    <td width="238" height="13" valign="top"></td>
  </tr>
  <tr>
    <td width="238" height="331" valign="top">
    <ul>
      <li id="foldheader">Desplegable 1
      <ul id="foldinglist" style="display:none" style="&{head}">
        <li><a href="http://www.xxxxxx.com">Enlace 1</a></li>
        <li><a href="http://www.xxxxxx.com">Enlace 2</a></li>
        <li><a href="http://www.www.xxxxxx.com">Enlace 3</a></li>
      </ul>
      </li>
      <li id="foldheader">Desplegable 2
      <ul id="foldinglist" style="display:none" style="&{head}">
        <li><a href="http://www.xxxxxx.com">Enlace 1</a></li>
        <li><a href="http://www.xxxxxx.com">Enlace 2</a></li>
        <li><a href="http://www.xxxxxx.com">Enlace 3</a></li>
      </ul>
      </li>
      <li id="foldheader">Desplegable 3
      <ul id="foldinglist" style="display:none" style="&{head}">
        <li><a href="http://www.xxxxxx.com">Enlace 1</a></li>
        <li><a href="http://www.xxxxxx.com">Enlace 2</a></li>
        <li id="foldheader">SubDesplegable 1
        <ul id="foldinglist" style="display:none" style="&{head}">
          <li><a href="http://www.xxxxxxr.com">Enlace 1</a></li>
          <li><a href="http://www.xxxxxx.com">Enlace 2</a></li>
        </ul>
        </li>
        <li><a href="http://www.xxxxxx.com">Enlace 3</a></li>
        <li><a href="http://www.xxxxxx.com">Enlace 4</a></li>
      </ul>
      </li>
    </ul>
    <script language="JavaScript1.2">
<!--
/**
 * (www.yomaster.com)
 */
function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    // if cookie exists
    if (offset != -1) {
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1) end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}

if (get_cookie(window.location.pathname) != ''){
  var openresults=get_cookie(window.location.pathname).split(" ")
  for (i=0 ; i < openresults.length ; i++){
    foldinglist[openresults[i]].style.display=''
    document.all[foldinglist[openresults[i]].sourceIndex -
1].style.listStyleImage="url(open.gif)"
  }
}

if (document.all){
  var nodelength=foldinglist.length-1
  var nodes=new Array(nodelength)
  var openones=''
}

function check(){
  for (i=0 ; i <= nodelength ; i++){
    if (foldinglist[i].style.display=='')
       openones=openones + " " + i
  }
  document.cookie=window.location.pathname+"="+openones
}

if (document.all)
  document.body.onunload=check
//-->
                                                            </script>
    </td>
  </tr>
</table>

En Internet Explorer se ve perfectamente, solo tengo que activar el Activex para que me funcione y no me lo bloquee pero en Firefox no hay manera de que se despliegue, se queda totalmente estático y la verdad es que me interesa que funcione en Firefox más que en IE porque mi proyecto va sobre este navegador.

Me gustaría saber si alguien sabe que etiqueta o código puedo añadir para solucionar este problema.

Gracias de antemano.

Un saludo


En línea

AFelipeTrujillo

Desconectado Desconectado

Mensajes: 160



Ver Perfil WWW
Re: problema en firefox con menú desplegable
« Respuesta #1 en: 4 Noviembre 2010, 01:14 am »

ha usado Firebug ??? si lo ha usado que error le envia ??

Le recomiendo usar JQUERY eso ya maneja varios Browser

http://www.webanddesigners.com/33-jquery-tutorials-to-create-navigation-menu


En línea

bizco


Desconectado Desconectado

Mensajes: 698


Ver Perfil
Re: problema en firefox con menú desplegable
« Respuesta #2 en: 4 Noviembre 2010, 01:21 am »

tb puedes usar solo css para hacer un desplegable.
En línea

Kasi

Desconectado Desconectado

Mensajes: 76



Ver Perfil
Re: problema en firefox con menú desplegable
« Respuesta #3 en: 4 Noviembre 2010, 22:01 pm »

Creo que tu problema reside en:
Código
  1.  
  2. if(!document.all)
  3.   return;
  4.  

Si mal no recuerdo el document.all es solamente para IE, por lo que en Firefox no te funcionará.

Un saludo
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Problema centrar menu vertical desplegable
Desarrollo Web
Kaxperday 9 2,927 Último mensaje 28 Febrero 2014, 21:23 pm
por Kaxperday
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines