SPAN.innerHTML

Hola Leonardo,

Puede ser que en este sitio encuentres la respuesta
http://www.dhtmlcentral.com hay muchos ejemplos de menu muy buenos y
posiblemente puedas ver que está fallando...

Espero que te sirva...

Saludos,
Jhonny Vargas P. [MS MVP-ASP]
Santiago de Chile


"Leonardo Azpurua" <l e o n a r d o (arroba) m v p s (punto) o r g> wrote in
message news:

Hola.

A ver si me pueden ayudar:

Tengo una página con HTML + JavaScript del lado del cliente.
Esa pagina contiene un frame, que contiene un menu. La pagina está

diseñada

para 800 x 600, y quiero que ese frame que contiene el menú sea fijo (es
decir, no lleva scroll bar, ni nada).
El menu en cuestion es un <table> donde cada opcion es un <tr>.
Una de las opciones del menu, en realidad es un titulo para tres
subopciones.

Hice esto:
Copie el contenido original de los TR que definian las opciones, los
converti en una constante alfanumerica "legal" de JavaScript (strSubMenu),

y

en su lugar puse:
<span id="mySpan">&nbsp;</span>
Luego escribi una función en JavaScript que dependiendo del estado de
una variable, muestra u oculta el submenu, asignandole a
document.all.mySpan.innerHTML strSubmenu ó "&nbsp;", dependiendo de si el
menu debe mostrarse o no.
Digamos que la función se llama "ToggleMenu()". En la definición del
<td> para el titulo del submenu, agregue: "onClick "jscript:ToggleMenu();"

Todo funciona, pero el submenu aparece o desaparece por encima de la
tabla, no en la posicion en que defino el <span>
¿Sabe alguien por qué ocurre eso? ¿Que otro elemento puedo definir

para

cambiar su texto HTML?

Gracias de antemano

Salud!

Leonardo
[MS MVP - VB]
www.lazpurua.com
leonardo<arroba>mvps<punto>org
Caracas, Venezuela

Gracias, Johnny.
Lo miraré.

¿Sería posible afectar el valor de "Visibility" para el estilo asociado con
el span?

Salud!

Leonardo

"Jhonny Vargas P." escribió en el mensaje
news:e9mXol%

Hola Leonardo,

Puede ser que en este sitio encuentres la respuesta
http://www.dhtmlcentral.com hay muchos ejemplos de menu muy buenos y
posiblemente puedas ver que está fallando...

Espero que te sirva...

Saludos,
Jhonny Vargas P. [MS MVP-ASP]
Santiago de Chile


"Leonardo Azpurua" <l e o n a r d o (arroba) m v p s (punto) o r g> wrote

in

message news:
> Hola.
>
> A ver si me pueden ayudar:
>
> Tengo una página con HTML + JavaScript del lado del cliente.
> Esa pagina contiene un frame, que contiene un menu. La pagina está
diseñada
> para 800 x 600, y quiero que ese frame que contiene el menú sea fijo (es
> decir, no lleva scroll bar, ni nada).
> El menu en cuestion es un <table> donde cada opcion es un <tr>.
> Una de las opciones del menu, en realidad es un titulo para tres
> subopciones.
>
> Hice esto:
> Copie el contenido original de los TR que definian las opciones, los
> converti en una constante alfanumerica "legal" de JavaScript

(strSubMenu),

y
> en su lugar puse:
> <span id="mySpan">&nbsp;</span>
> Luego escribi una función en JavaScript que dependiendo del estado

de

> una variable, muestra u oculta el submenu, asignandole a
> document.all.mySpan.innerHTML strSubmenu ó "&nbsp;", dependiendo de si

el

> menu debe mostrarse o no.
> Digamos que la función se llama "ToggleMenu()". En la definición del
> <td> para el titulo del submenu, agregue: "onClick > "jscript:ToggleMenu();"
>
> Todo funciona, pero el submenu aparece o desaparece por encima de la
> tabla, no en la posicion en que defino el <span>
> ¿Sabe alguien por qué ocurre eso? ¿Que otro elemento puedo definir
para
> cambiar su texto HTML?
>
> Gracias de antemano
>
> Salud!
>
> Leonardo
> [MS MVP - VB]
> www.lazpurua.com
> leonardo<arroba>mvps<punto>org
> Caracas, Venezuela
>
>

Pero solo te serviría para IE y no para Netscape.

Jhonny Vargas P.


"Leonardo Azpurua" <l e o n a r d o (arroba) m v p s (punto) o r g> wrote in
message news:

Gracias, Johnny.
Lo miraré.

¿Sería posible afectar el valor de "Visibility" para el estilo asociado

con

el span?

Salud!

Leonardo

"Jhonny Vargas P." escribió en el

mensaje

news:e9mXol%
> Hola Leonardo,
>
> Puede ser que en este sitio encuentres la respuesta
> http://www.dhtmlcentral.com hay muchos ejemplos de menu muy buenos y
> posiblemente puedas ver que está fallando...
>
> Espero que te sirva...
>
> Saludos,
> Jhonny Vargas P. [MS MVP-ASP]
> Santiago de Chile
>
>
> "Leonardo Azpurua" <l e o n a r d o (arroba) m v p s (punto) o r g>

wrote

in
> message news:
> > Hola.
> >
> > A ver si me pueden ayudar:
> >
> > Tengo una página con HTML + JavaScript del lado del cliente.
> > Esa pagina contiene un frame, que contiene un menu. La pagina está
> diseñada
> > para 800 x 600, y quiero que ese frame que contiene el menú sea fijo

(es

> > decir, no lleva scroll bar, ni nada).
> > El menu en cuestion es un <table> donde cada opcion es un <tr>.
> > Una de las opciones del menu, en realidad es un titulo para tres
> > subopciones.
> >
> > Hice esto:
> > Copie el contenido original de los TR que definian las opciones,

los

> > converti en una constante alfanumerica "legal" de JavaScript
(strSubMenu),
> y
> > en su lugar puse:
> > <span id="mySpan">&nbsp;</span>
> > Luego escribi una función en JavaScript que dependiendo del estado
de
> > una variable, muestra u oculta el submenu, asignandole a
> > document.all.mySpan.innerHTML strSubmenu ó "&nbsp;", dependiendo de si
el
> > menu debe mostrarse o no.
> > Digamos que la función se llama "ToggleMenu()". En la definición

del

> > <td> para el titulo del submenu, agregue: "onClick > > "jscript:ToggleMenu();"
> >
> > Todo funciona, pero el submenu aparece o desaparece por encima de

la

> > tabla, no en la posicion en que defino el <span>
> > ¿Sabe alguien por qué ocurre eso? ¿Que otro elemento puedo definir
> para
> > cambiar su texto HTML?
> >
> > Gracias de antemano
> >
> > Salud!
> >
> > Leonardo
> > [MS MVP - VB]
> > www.lazpurua.com
> > leonardo<arroba>mvps<punto>org
> > Caracas, Venezuela
> >
> >
>
>

Hola Leonardo... ya sé que lo que te voy a proponer es otra cosa que la que
pides... pero si ya tienes el menu hecho en una tabla... no sería mejor (más
fácil) simplemente mostrar u ocultar las filas en cuestión???
Incluso puedes anidar tablas de modo que si un submenu tiene varias filas,
las muestras u ocultas a la vez...
Mira éste ejemplo...

Sashka

<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE> <META HTTP-EQUIV="Content-Type"
CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.expandido{display:block}
.contraido{display:none}
//-->
</style>
<script language="JavaScript">
<!--

nc = (document.layers)? true:false
ie = (document.all)? true:false
n6 = (document.getElementById)? true:false

function ToggleMenu(nombre) {
var cualMenu = nombre.id + "1";
if (ie) {
cualMenu = eval(cualMenu)
cualMenu.className = cualMenu.className == "contraido" ? "expandido" :
"contraido"; }
else if(nc) {
cualMenu = eval("document.layers[0]." +cualMenu)
cualMenu.className = cualMenu.className == "contraido" ? "expandido" :
"contraido"; }
else {
cualMenu = document.getElementById(cualMenu)
cualMenu.className = cualMenu.className == "contraido" ? "expandido" :
"contraido"; }
}


//-->
</script>
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000">

<table style="cursor:pointer;cursor:hand" width="34%" border="0"
cellpadding="0">
<tr>
<td id="menu1" onclick="ToggleMenu(this)"><font
face="Verdana">News</font></td>
</tr>
<tr>
<td>
<table id="menu11" width="100%" border="0" cellpadding="0"
class="contraido">
<tr>
<td width="20%">&nbsp;<font face="Verdana"></font></td>
<td><font face="Verdana"><font color="#000099">CNN</font></font></td>
</tr>
<tr>
<td width="20%">&nbsp;<font face="Verdana"></font></td>
<td><font face="Verdana"><font color="#000099">ABC
News</font></font></td>
</tr>
<tr>
<td width="20%">&nbsp;</td>
<td><font face="Verdana"><font color="#000099">BBC
News</font></font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="menu2" onclick="ToggleMenu(this)"><font
face="Verdana">Webmaster</font></td>
</tr>
<tr>
<td>
<table id="menu21" width="100%" border="0" cellpadding="0"
class="contraido">
<tr>
<td width="20%">&nbsp;<font face="Verdana"></font></td>
<td><font face="Verdana"><font color="#000099">Dynamic
Drive</font></font></td>
</tr>
<tr>
<td width="20%">&nbsp;<font face="Verdana"></font></td>
<td><font face="Verdana"><font color="#000099">ABC
News</font></font></td>
</tr>
</table>
</tr>
<tr>
<td id="menu2a" onclick="ToggleMenu(this)" height="24" ><font
face="Verdana">Nested Example</font> </td>
</tr>
<tr>
<td>
<table id="menu2a1" width="100%" border="0" cellpadding="0"
class="contraido">
<tr>
<td width="20%">&nbsp;<font face="Verdana"></font></td>
<td><font face="Verdana"><font color="#000099">Outer
1</font></font></td>
</tr>
<tr>
<td width="20%">&nbsp;<font face="Verdana"></font></td>
<td><font face="Verdana"><font color="#000099">outer
2</font></font></td>
</tr>
<tr>
<td width="20%">&nbsp;</td>
<td id="menu2b" onclick="ToggleMenu(this)"><font
face="Verdana">Nested</font></td>
</tr>
<tr>
<td colspan="2">
<table id="menu2b1" width="100%" border="0" cellpadding="0"
class="contraido">
<tr>
<td width="35%">&nbsp;</td>
<td width="65%"><font face="Verdana"><font color="#000099">nested
1</font></font></td>
</tr>
<tr>
<td width="35%">&nbsp;</td>
<td width="65%"><font face="Verdana"><font color="#000099">nested
2</font></font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="20%">&nbsp;</td>
<td><font face="Verdana"><font color="#000099">outer
3</font></font></td>
</tr>
<tr>
<td width="20%">&nbsp;</td>
<td><font face="Verdana"><font color="#000099">outer
3</font></font></td>
</tr>
</table>
</td>
</tr>
</table>
<p align="center">&nbsp;</p>
</BODY>
</HTML>