Foros del Web » Programación para mayores de 30 ;) » .NET »

Mostrar/Ocultar elementos en HTML

Estas en el tema de Mostrar/Ocultar elementos en HTML en el foro de .NET en Foros del Web. Buenas gente, Queria saber cómo se puede mostrar o ocultar las opciones de un menu lateral que tengo en mi pagina aspx. La parte del ...
  #1 (permalink)  
Antiguo 02/03/2012, 15:06
 
Fecha de Ingreso: agosto-2006
Mensajes: 174
Antigüedad: 18 años, 3 meses
Puntos: 2
Mostrar/Ocultar elementos en HTML

Buenas gente,

Queria saber cómo se puede mostrar o ocultar las opciones de un menu lateral que tengo en mi pagina aspx. La parte del codigo que quiero chequear es la siguiente:

<a id="ans" class="itemTab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;Answer</a><img src="Images/sep_menu_emergente.jpg" class="divLine" alt="" />
<a id="mont" class="itemTab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;Montage</a><img src="Images/sep_menu_emergente.jpg" class="divLine" alt="" />
<a id="ee6" class="itemTab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;Elective Element 6</a><img src="Images/sep_menu_emergente.jpg" class="divLine" alt="" />
<a id="cscape" class="itemTab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;C-Scape</a><img src="Images/sep_menu_emergente.jpg" class="divLine" alt="" />
<a id="ppw" class="itemTab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;Privacy Walls</a><img src="Images/sep_menu_emergente.jpg" class="divLine" alt="" />
<a id="more" class="itemTab">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;more...</a>

Estos son opciones de un menu lateral, y me gustaria que fuera en vez de estatico, dinamico, es decir que muestre unicamente los itemtab dependiente del usuario que acceda. Lo que quiero saber es como hacer un metodo en c# desde aspx de forma que en base a la devolucion de una consuta que me indica que id de los que esta en el menu tengo que mostrar o no, pues eso mismo, ocultar o mostrar las partes que me interesan.

Gracias
  #2 (permalink)  
Antiguo 02/03/2012, 16:02
Avatar de Aquaventus  
Fecha de Ingreso: junio-2010
Ubicación: Lima-Peru , En el alba de la naturaleza
Mensajes: 2.105
Antigüedad: 14 años, 4 meses
Puntos: 267
Respuesta: Mostrar/Ocultar elementos en HTML

Hola guardianglorioso, solo es cuestion de crear un metodo que retorne un String y luego invocarlo desde el codigo html de esta manera :

(ANTES ACLARARTE DE QUE \" ES PARA AGREGAR COMILLAS DOBLES DENTRO DE UNA CADENA)

Código C:
Ver original
  1. public string menu_lateral()
  2.         {
  3.             try
  4.             {
  5.                 //Declaramos una variable almacenara el
  6.                 //codigo HTML a mostrar
  7.                 string menu = string.Empty;
  8.  
  9.                 //Creas un Datatable
  10.                 DataTable data = new DataTable();
  11.  
  12.                 //llenas tu datatable para que lo llenes
  13.                 //con una consulta respectiva a la BD
  14.                 //data = ........;
  15.  
  16.                 //recorremos las filas
  17.                 foreach (DataRow fila in data.Rows)
  18.                 {
  19.                     //Agregamos los valores respectivos a cada menu
  20.                     menu += "<a id=\"" + fila["COLUMNA_ID"].ToString() + "\" class=\"itemTab\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
  21.  
  22.                          + fila["COLUMNA_DESCRIPCION"].ToString() +"Answer</a><img src=\"Images/sep_menu_emergente.jpg\" class=\"divLine\" alt=\"\" />";
  23.                 }
  24.  
  25.                 //una vez finalizado el recorrido retornamos
  26.                 //el menu
  27.                 return menu;
  28.  
  29.             }
  30.             catch (Exception ex)
  31.             {
  32.                 //si hay algun error no mandar nada
  33.                 return "";
  34.             }
  35.         }

Luego de esto te vas a la vista "Diseño", eligues el modo "Source" y ubicas la parte en que quieres insertar la cadena mediante el metodo :
Código C:
Ver original
  1. <%= menu_lateral() %>

Eso es todo compañero. Espero haber resuelto tu duda. Saludos!.
__________________
Internet es tener todo el conocimiento global a tu disposición.
Desarrollo de Software - Ejemplos .Net
  #3 (permalink)  
Antiguo 02/03/2012, 16:07
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años, 6 meses
Puntos: 344
Respuesta: Mostrar/Ocultar elementos en HTML

Puedes usar los controles de aspx, en el caso de los enlaces, el control Hyperlink

Código ASP:
Ver original
  1. <asp:HyperLink Name="enlace1"
  2. ImageUrl="Images/sep_menu_emergente.jpg"
  3. NavigateUrl="http://lugaralqueir,com"
  4. Text="Enlace 1"
  5. Target="_blank"
  6. runat="server" />

Y luego desde el código puedes modificar la visibilidad del elemento mediante la propiedad Visible

Código C#:
Ver original
  1. enlace1.Visible = false; //No se muestra el enlace

Espero que te sirva, saludos.
  #4 (permalink)  
Antiguo 06/03/2012, 06:54
 
Fecha de Ingreso: agosto-2006
Mensajes: 174
Antigüedad: 18 años, 3 meses
Puntos: 2
Respuesta: Mostrar/Ocultar elementos en HTML

Muchas gracias por la aportacion de ambos. La verdad es que es mas rapido la construccion del codigo HTML desde un metodo de la propia pagina, antes que poner propiedades visibles o no. Ademas que es dinamico en el sentido de que hasta que no hace una consulta en la base de datos no sabe cuantos elementos va a cargar, si uno, dos, cinco o diez elementos. Por lo que el control desde ASP no me soluciona el problema al 100%,

Pero de todas formas, muchas gracias por la colaboracion.

Saludos

Etiquetas: elementos, html, mostrar-ocultar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:06.