Código de JavaScript - Listas personalizadas

Listas personalizadasgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 03 de Marzo del 2003 por Chicharo
10.592 visualizaciones desde el 03 de Marzo del 2003. Una media de 21 por semana
Dicho código muestra la forma de agrupar en subclases los elementos que tienen las listas (UL o OL) para poder permitir esquemas.
En pocas palabras permite la expansión y contracción de las listas y sublistas.

Versión 1
estrellaestrellaestrellaestrellaestrella(2)

Publicado el 03 de Marzo del 2003gráfica de visualizaciones de la versión: Versión 1
10.593 visualizaciones desde el 03 de Marzo del 2003. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<style type="text/css">
UL {cursor:hand; color:black}
UL UL {display:none; margin-left:5pt}
.hoja{cursor:text; color:navy}
</style>
<script language="JavaScript">
function compruebaParent(ori, dest)
{
	while(ori !=null)
	{
		if(ori.tagName == dest)
			return ori;
		ori = ori.parentElement;
	}
	return null;
}
 
function esquema()
{
	var abrir = event.srcElement;
 
	var el = compruebaParent(abrir, "LI");
	if (null != el)
	{
		var pos = 0;
		for (pos = 0; pos < el.children.length; pos++)
		if ("UL" == el.children[pos].tagName)
			break;
		if (pos == el.children.length)
			return;
	}
	else
		return;
	el = el.children[pos];
	if ("UL" == el.tagName){
		if("" == el.style.display)
			el.style.display = "block";
		else
			el.style.display = "";
	}
	event.cancelBubble = true;
}
 
document.onmouseover = esquema;
</script>
</head>
<body>
Este programa muestra como se despliegan los menus y sus submenus.
<p> 
<p> 
<table bgcolor="#ffffff" width=40%>
<tr><Td>
<UL>
	<LI>ELEMENTO 1
		<UL>
			<LI CLASS="hoja">Subelemento 1
			<LI>Subelemento 2
		</UL>
		<UL>
			<LI CLASS="hoja">Subelemento 1
		</UL>
	</LI>
	<LI CLASS="hoja">Elemento 2
</UL>
</td></tr>
</table>



Comentarios sobre la versión: Versión 1 (2)

JC
07 de Marzo del 2003
estrellaestrellaestrellaestrellaestrella
Es un script muy simple, para mi opinión bastante bueno, ya que está muy simplificado... buena base para hacer modificaciones.. merece la pena...
Responder
kobe
13 de Septiembre del 2003
estrellaestrellaestrellaestrellaestrella
muy util. es muy facil de variar respecto a las necesidades de cada uno.
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s547