HOLA LISTA....
Sou nuevo en estos menesteres y tengo un problema en el que me pueden
ayudar. Quiero hacer un sistema de vínculos parecidos al árbol del
Explorador de Windows, pero me funciona con el IE, pero no con FireFox,
ni con Opera y me interesa que funciona con esos navegadores también.
Funciona parecido a las listas anidadas de CSS.
ES una cosa sencilla pero yo no soy programador, solo hago esto para
aprender...
Les pongo el código completo de una página prueba a continuación...
<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">
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">Noticias</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.rcm.cu";>RCM</a></li>
<li><a href="http://www.jrebelde.cubaweb.cu";>Jrebelde</a></li>
<li><a href="http://www.lajiribilla.cu";>La Jiribilla</a></li>
</ul>
<li id="foldheader">Deportes</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.inder.cu";>Baseball</a></li>
<li><a href="http://www.sederbaragua.cu";>Baragua</a></li>
<li><a href="http://www.latinoamericano.cu";>COI</a></li>
</ul>
<li id="foldheader">Software</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="http://www.uci.cu";>outer 1</a></li>
<li><a href="http://www.uclv.edu.cu";>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">
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>
Looking for insurance? Click to compare and save big.
<http://tagline.bidsystem.com/fc/Ioyw36XIfjlTP7tfDOdAugyunVF9tiVRdFtuifn
QCpgW8f5H8q8d1o/>
<span id=m2wTl><font face="Arial, Helvetica, sans-serif" size="2"
style="font-size:13.5px">_______________________________________________________________<BR>El
mejor servicio de email de clase mundial ahora en México. <a
href=http://www.mail2world.com.mx target=new>Conóce
Mail2World</a>.</font></span>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
