creador de menu tipo arbol....

Ugho · #1 (**permalink**) 10/11/2003, 17:14

Estimados amigos alguien sabe de algun programa Creador de Menus Tipo Arbol?
Alguna pagina en internet que me recomienden?
SALUDOS...

sci-fi · #2 (**permalink**) 10/11/2003, 18:11

hola,

hace mucho tiempo vi un ejemplo de eso, si es que entendí bien: un menú tipo árbol de la vista "Folders" o "Carpetas" del Explorador de Windows.

Lo único que puedo decirte es que es COMPLICADO. No COMPLICADO, sino MUY COMPLICADOOO.

Eso si tu idea es que ese menú sea tipo DHTML, es decir, que haga tal cual lo que hace el Explorer de win, sin recargar la página con cada click (tipo el menú DHTML que hay en msdn.microsoft.com). Si tengo tiempo puedo buscarlo, lo tengo guardado por ahí, pero como te decía antes: es COMPLICADO, tan COMPLICADO, que hay conjurar los horribles demonios de la programación DOM, y dios me libre, hasta de XSLT, si estoy seguro...

saludos

PABW · #3 (**permalink**) 11/11/2003, 04:42

una librería en php muy buena para trabajar con menúes. Su nombre es PHPLayersMenu y está pero que muy bien. Soporta diferentes tipos de menúes entre ello en arbol. El código que genera es compatible con la mayoría de navegadores. Para el arbol hay 3 versiones: javascript, php y texto plano. Solo tienes que modificar un fichero de texto que es donde se almacenan los menús y sus opciones. No suelo entrar mucho por aqui pero si enreda y seguro que consigues que te funcione.

Ugho · #4 (**permalink**) 11/11/2003, 07:52

Estimados amigos muchas gracias a los dos.
Amigo PABW, como consigo esa librería de PHP (estoy tranbajando con PHP).
Como interactuo con ella.
Me podrías explicar un poco mas de esa librería alguien puede hacerlo?.
SALUDOS...

KarlanKas · #5 (**permalink**) 11/11/2003, 13:01

Tienes este ejemplo en el scriptMaster:

Código PHP:

  <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 ([url]www.dynamicdrive.com[/url])

 */

 
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 

 * ([email protected])

 */

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>

 
</body>

</html>

PABW · #6 (**permalink**) 12/11/2003, 11:03

En

http://phplayersmenu.sourceforge.net/

tienes todo. Leete la documentación y luego mira un poco el código verás que no es complicao en exceso. Si lo que tienes que hacer es sencillo te bastará con modificar algún fichero de texto. Fíjate en la estructura que siguen es muy sencillota.

No tengo tiempo para explicártelo mejor. Pero tienes ahí todo el material necesario.

Un saludo y suerte

Wilmer · #7 (**permalink**) 07/01/2005, 09:37

Hola, Ugho.

Porque no visitas la siguiente página, espro te ayude en algo.

http://javascript.tunait.com/javascr...formuarbol.asp

Es un programa desarrollado por la Moderadora de este foro, la Srta. Tunait. es muy bueno.