Script de ForosdelWeb

LoganNeoZero · #1 (**permalink**) 09/03/2005, 15:39

Alguien tiene un script igual a que se utiliza en esta pagina cuando se hace click sobre el nombre de un usuario registrado.... sale una tabla con diferentes opciones (Ver Perfil, Enviar Mensaje Privado, etc)...... alguien me puede ayudar please
Nivardo

monoswim · #2 (**permalink**) 09/03/2005, 16:05

Menú desplegables...Tienes unos buenos tutoriales en www.desarrolloweb.com

Lo que si los de FDW tienen mucho más estilo...Pero eso lo puedes ir colocando a medida que lo vas haciendo y aprendiendo

http://www.desarrolloweb.com/manuales/59/

Saludos

LoganNeoZero · #3 (**permalink**) 10/03/2005, 17:24

Gracias por la pagina... encontre buen materia....... pero ahora tengo un problemita...... en el ejemplo que te dan ahí ... se tiene una barra de menu horizontal que se despliega sin que se superpongan los menus ni entre ellos ni con nada de la pagina.........

encontre un problemita, no se si será un error mio o que paso que cuando se superponen los menus entre ellos (creo

) se distorcionan los menus no se distinguen bien las letras.... bueno les mando el codigo de mi paginita....De antemano gracias por la ayuda

<HTML>
<HEAD>
<TITLE> Sistema
</TITLE>
<link href="estilos/Estilo.css" rel="stylesheet" type="text/css">

</HEAD>

<BODY text=#003366 link=#004080 bgColor=#ffffff leftMargin=0 topMargin=0 onload="window.status='holaaa';return true;" marginheight="0" marginwidth="0">
<p>

<STYLE type=text/css>
A:link { FONT-SIZE: 12px; COLOR: #505050; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none}
A:visited { FONT-SIZE: 12px; COLOR: #505050; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none}
A:hover { FONT-SIZE: 12px; COLOR: #8d9696; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: underline}
.recuadros {padding-right:2px; padding-left:2px; padding-top:2px; padding-bottom:2px; position:absolute;background-color:#eff3ff;color:22cc44;border-style:solid;border-color:cccccc;border-width:1px;visibility:hidden;font-family:verdana,arial;;font-size:12pt;} .ancla {position:relative;visibility:visible; background-color:#eff3ff} </STYLE>
</p>
<script type='text/javascript' src='./x/x_core.js'></script>

<TABLE cellSpacing=0 cellPadding=0 width=780 border=0>

<td height="0">
<TBODY>

<td height="2">
<TR>
<TD vAlign=top width=186 bgColor=#516099>
<DIV align=center>
<p>
<BR>
</p>
<p> 

</p>
</DIV>

</TD>

<TD width=564 vAlign=top>
<TABLE cellSpacing=2 cellPadding=2 width="100%" border=0>
</TABLE>
<TABLE cellSpacing=2 cellPadding=3 width="100%" border=0>
<TBODY>
</TBODY>
</TABLE>

<script type='text/javascript'>
var empezar = false
var anclas = new Array ("ancla0","ancla1","ancla2")
var capas = new Array("e0","e1","e2")
var retardo
var ocultar

function muestra(capa){
xShow(capa);
}
function oculta(capa){
xHide(capa);
}
function posiciona(){
for (i=0;i<capas.length;i++){
posx= xOffsetLeft(anclas[i])
posy= xOffsetTop (anclas[i])
xMoveTo(capas[i],posx,posy+20)
}
}

window.onload = function() {
posiciona()
empezar = true
}
window.onresize = function() {
posiciona()
}

function muestra_coloca(capa){
if (empezar){
for (i=0;i<capas.length;i++){
if (capas[i] != capa) xHide(capas[i])
}
clearTimeout(retardo)
xShow(capa)
}
}

function oculta_retarda(capa){
if (empezar){
ocultar=capa
clearTimeout(retardo)
retardo = setTimeout("xHide('" + ocultar + "')",1000)
}
}

function muestra_retarda(ind){
if (empezar){
clearTimeout(retardo)
}
}
</script>
<div id="e0" class=recuadros onmouseover="muestra_retarda('e0')" onmouseout="oculta_retarda('e0')">
<a href="#" class=enlacesbarra>Modificar</a>
<br>
<a href="#" class=enlacesbarra>Eliminar</a>
<br>
<a href="#" class=enlacesbarra>Mostrar</a>
</div>
<div id="e1" class=recuadros onmouseover="muestra_retarda('e1')" onmouseout="oculta_retarda('e1')">
<a href="#" class=enlacesbarra>Modificar</a>
<br>
<a href="#" class=enlacesbarra>Eliminar</a>
<br>
<a href="#" class=enlacesbarra>Mostrar</a>
</div>
<div id="e2" class=recuadros onmouseover="muestra_retarda('e2')" onmouseout="oculta_retarda('e2')">
<a href="#" class=enlacesbarra>Modificar</a>
<br>
<a href="#" class=enlacesbarra>Eliminar</a>
<br>
<a href="#" class=enlacesbarra>Mostrar</a>
</div>
<TABLE cellSpacing=0 cellPadding=1 width="100%" border=0>
<TBODY>
<TR>
<TD Align=center >
</TD>
</TR>
<tr>
<th height="28" bgcolor="#516099"><font color="#FFFFFF">Valores Encontrados:</font></th>

</tr>
    
<table align="center" cellpadding="2" cellspacing="2" border="1" width="85%" bgcolor="#0066CC">

<tr>

<td width="49%" height="28" bgcolor="#516099"><font color="#FFFFFF"> <center>
<strong><font size="2">ID</font></strong>
</center></font></td>

<td width="49%" height="28" bgcolor="#516099"><font color="#FFFFFF"> <center>
<strong><font size="2">NOMBRE</font></strong>
</center></font></td>

<td width="49%" height="28" bgcolor="#516099"><font color="#FFFFFF"> <center>
<strong><font size="2">CAMPO</font></strong>
</center></font></td>

<td width="49%" height="28" bgcolor="#516099"><font color="#FFFFFF"> <center>
<strong><font size="2">CONTENIDO</font></strong>
</center></font></td>
</tr>

<tr>
<td align="center" bgcolor="#eff3ff"><div id=ancla0 class=ancla><a href="#" onmouseover="muestra_coloca('e0')" onmouseout="oculta_retarda('e0')">nnn4</a></div></td>
<td align="center" bgcolor="#eff3ff"><div id=ancla0 class=ancla><a href="#" onmouseover="muestra_coloca('e0')" onmouseout="oculta_retarda('e0')">nnn2F</a></div></td>
<td align="center" bgcolor="#eff3ff"><a href="#"></a>NONE</td>
<td align="center" bgcolor="#eff3ff"><a href="#"></a>NONE</td>
</tr>
<tr>
<td align="center" bgcolor="#eff3ff"><div id=ancla1 class=ancla><a href="#" onmouseover="muestra_coloca('e1')" onmouseout="oculta_retarda('e1')">nn92</a></div></td>
<td align="center" bgcolor="#eff3ff"><div id=ancla1 class=ancla><a href="#" onmouseover="muestra_coloca('e1')" onmouseout="oculta_retarda('e1')">nna</a></div></td>
<td align="center" bgcolor="#eff3ff"><a href="#"></a>NONE</td>
<td align="center" bgcolor="#eff3ff"><a href="#"></a>NONE</td>
</tr>
<tr>
<td align="center" bgcolor="#eff3ff"><div id=ancla2 class=ancla><a href="#" onmouseover="muestra_coloca('e2')" onmouseout="oculta_retarda('e2')">nnn3</a></div></td>
<td align="center" bgcolor="#eff3ff"><div id=ancla2 class=ancla><a href="#" onmouseover="muestra_coloca('e2')" onmouseout="oculta_retarda('e2')">nna</a></div></td>
<td align="center" bgcolor="#eff3ff"><a href="#"></a>NONE</td>
<td align="center" bgcolor="#eff3ff"><a href="#"></a>NONE</td>
</tr>
</Table>
<CENTER>
<p>
<input type=button class=okbutton value="Terminar" title="Retornar al inicio de la Aplicación" onClick="location='inicio.html'">
</p>
</CENTER>
</TBODY>
</TABLE>

</BODY>
</HTML>

monoswim · #4 (**permalink**) 10/03/2005, 20:46

La verdaad es que no usé nunca este script pero si lo usé de base como para hacerme mi propio menú desplegable que espero que te sirva, lo que se te lo mando el fin de semana porque lo tengo en la casa de mis padres...

Saludos
Si el lunes no lo postié mandame un MP para recordármelo...