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


 


Tema destacado: Deseas probar algunas mejoras a la interfaz del foro? Prueba cake! acerca de


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  menu tipo arbol
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: menu tipo arbol  (Leído 1,565 veces)
The Ghost
El Fantasma de la Red
Ex-Staff
*
Desconectado Desconectado

Mensajes: 2.048


Soy famoso...tengo mi programa de TV online propio


Ver Perfil WWW
menu tipo arbol
« en: 29 Enero 2004, 09:46 »

alguien me puede dar alguna idea de como hacer un menu tipo arbol, y que tenga los iconos de "Folders" como en el explorador de windows????


En línea

botboat


Desconectado Desconectado

Mensajes: 346



Ver Perfil
Re:menu tipo arbol
« Respuesta #1 en: 29 Enero 2004, 10:02 »

Este programa no és original mio, he echo un control C. Para ver más busca un programillo que se llama SCRIPMASTER, contiene algunos escrips en diferentes lenguajes.
Citar
<!--
Nota: Las imágenes de este script se encuentran en la carpeta Exportar.
-->

<html>
<head>
<title> Carpetas IE </title>
<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">
<!--
/**
 *  Based on Folding Menu Tree
 *  Dynamic Drive (www.dynamicdrive.com)
 */

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>
</head>

<body bgcolor="#FFFFFF">
<ul>
   <li id="foldheader">News</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.cnn.com">CNN</a></li>
      <li><a href="http://www.abcnews.com">ABC News</a></li>
      <li><a href="http://www.vancouversun.com">Vancouver Sun</a></li>
   </ul>

   <li id="foldheader">Games</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.gamespot.com">GameSpot</a></li>
      <li><a href="http://www.happypuppy.com">Happy Puppy</a></li>
      <li><a href="http://www.gamecenter.com">Game Center</a></li>
   </ul>

   <li id="foldheader">Software</li>
   <ul id="foldinglist" style="display:none" style=&{head};>
      <li><a href="http://www.download.com">outer 1</a></li>
      <li><a href="http://www.hotfiles.com">outer 2</a></li>
      <li id="foldheader">Nested</li>
      <ul id="foldinglist" style="display:none" style=&{head};>
         <li><a href="http://www.windows95.com">nested 1</a></li>
         <li><a href="http://www.shareware.com">nested 2</a></li>
      </ul>
      <li><a href="http://www.windows95.com">outer 3</a></li>
      <li><a href="http://www.shareware.com">outer 4</a></li>
   </ul>
</ul>
<script language="JavaScript1.2">
<!--
/**
 * Get cookie routine by Shelley Powers
 * (shelley.powers@ne-dev.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].style.display=''
    document.all[foldinglist[openresults].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.style.display=='')
       openones=openones + " " + i
  }
  document.cookie=window.location.pathname+"="+openones
}

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

</body>
</html>


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
construir estructura tipo arbol !!!!
Desarrollo Web
01munrra 2 1,264 Último mensaje 14 Marzo 2012, 23:16
por 01munrra
menu tipo acordeon en vb2010?
.NET
Elmonky 1 1,917 Último mensaje 25 Marzo 2012, 03:26
por Zinc
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines