muchas gracias david por responder!!! ya tengo la url de mi imagen pero foros del web no me deja poner link en mis mensajes, se me hace que es por no tener 30 mensajes en sus foros.
y mi pagina no la tengo en ningun servidor, solo se encuentra en mi pc.
les pondre el codigo que crea mi arbol de opciones, para ver si me pueden hechar la mano!!!
mi arbol de opciones con listas desplegables funciona bien solo tiene un molesto defecto, que sucede al darle clic en cualquiera de sus ramas para ver sus opciones desplegables me manda al inicio de la pagina(en la parte superior inicial de la pagina pagina), ojo no es una refrecada de pagina.
por ejemplo tengo dos estado, dentro de cada estado se encuentran municipios
michoacan
jalisco
al entrar en mi pagina aparece la lista de estados y municipios de la siguiente forma:
+michoacan
+jalisco
si doy clic en jalisco la lista de vera de la siguiente manera
+michoacan
jalisco
si doy de nuevo clic en michoacan seria de la siguente forma
michoacan
jalisco
si doy clic en jalisco pasa esto
michoacan
+jalisco
entonces el molesto defecto aparece cada ves que le doy clic al nombre de un estado me manda al inicio de la pagina(como si fuera una refrescada pero no lo es, solo me manda al inicio de la pagina). el arbol de opciones lo creo al iniciar la pagina.
/////////////////codigo donde se crea mi arbol html y php //////////////////////////////
<div id="menu1">
<ul>
<li><a href="#">ESTADOS >>></a>
<ul>
<? $registros=mysql_query('select estado from estados',$conexion) or
die('Problemas en el select:'.mysql_error());
while ($reg=mysql_fetch_array($registros))
{
?>
<li><a href="#"> <? echo ($reg["estado"]); ?> </a>
<ul>
<li><a href="#">Municipios </A>
<ul>
<? $registros2=mysql_query('select id_municipio, des_municipio from municipios where estado="'.$reg["estado"].'"',$conexion) or die('Problemas en el select:'.mysql_error());
while ($reg2=mysql_fetch_array($registros2))
{
?>
<li><input type="checkbox" name="municipios[]" value="<? echo($reg2["id_municipio"]);?>"><? echo($reg2["des_municipio"]);?> </li>
<? } ?>
</ul>
</li>
<li><a href="#">Distritos Rurales </A>
<ul>
<? $registros2=mysql_query('select id_disrural,des_disrural from distrito_rural where estado="'. $reg["estado"].'"',$conexion) or die('Problemas en el select:'.mysql_error());
while ($reg2=mysql_fetch_array($registros2))
{
?>
<li><input type="checkbox" name="d_rural[]" value="<? echo($reg2["id_disrural"]);?>"><? echo($reg2["des_disrural"]);?></li>
<? } ?>
</ul>
</li>
<li><a href="#">Distritos de Riego </a>
<ul>
<? $registros2=mysql_query('select id_disriego,des_disriego from distrito_riego where estado="'. $reg["estado"].'"',$conexion) or die('Problemas en el select:'.mysql_error());
while ($reg2=mysql_fetch_array($registros2))
{
?>
<li><input type="checkbox" name="d_riego[]" value="<? echo($reg2["id_disriego"]);?>"><? echo($reg2["des_disriego"]);?></li>
<? } ?>
</ul>
</li>
<li><a href="#">Region Agroecológica </a>
<ul>
<? $registros2=mysql_query('select des_region from region_agro where estado="'.$reg["estado"].'"',$conexion) or die('Problemas en el select:'.mysql_error());
while ($reg2=mysql_fetch_array($registros2))
{
?>
<li><input type="checkbox" name="<? echo ($reg["estado"]);echo($reg2[ "des_region"])?>004"> <? echo($reg2["des_region"]); ?> </li>
<? } ?>
</ul>
</li>
</ul>
</li>
<?
}
?>
</ul>
</li>
</ul>
</div> <!--div menu1 -->
//////////////codigo js que maneja eventos de mi arbol///////////////////////////
addEvent(window,'load',inicializarEventos,false);
function inicializarEventos()
{
inicializarMenu('menu1');
}
function inicializarMenu(m)
{
var ob=document.getElementById(m);
var menu=ob.getElementsByTagName('ul');
for(f=1;f<menu.length;f++)
{
menu[f].style.display='none';
}
var enlaces=ob.getElementsByTagName('a');
for(f=0;f<enlaces.length;f++)
{
addEvent(enlaces[f],'click',itemSeleccionado,false);
}
}
function itemSeleccionado(e)
{
var enlace;
if (window.event)
enlace=window.event.srcElement;
else
enlace=e.target;
var padre=enlace.parentNode;
var ul=padre.getElementsByTagName('ul');
if (ul.length>0)
{
if (ul[0].style.display=='none')
ul[0].style.display='block';
else
ul[0].style.display='none';
}
}