Foros del Web » Creando para Internet » CSS »

Menu Desplegable Jquery

Estas en el tema de Menu Desplegable Jquery en el foro de CSS en Foros del Web. Buenas, quería plantear un par de inconvenientes que tengo con un menú en jquery. El primer inconveniente y mas importante es que cuando selecciono la ...
  #1 (permalink)  
Antiguo 07/03/2014, 13:57
 
Fecha de Ingreso: marzo-2014
Mensajes: 1
Antigüedad: 10 años, 1 mes
Puntos: 0
Menu Desplegable Jquery

Buenas, quería plantear un par de inconvenientes que tengo con un menú en jquery.

El primer inconveniente y mas importante es que cuando selecciono la pestaña REPORTE y hago todo lo necesario para sacar mi reporte, a la hora de producirlo pierdo todo mi Css quedan solo las palabras ordenadas por la tabla: he aquí mi código.

Css

Código HTML:
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu a {
  line-height: 1.3;
  padding: 6px 15px;
}
#cssmenu {
  width: 200px;
}
#cssmenu > ul > li {
  cursor: pointer;
  background: #000;
  border-bottom: 1px solid #797a80;
}
#cssmenu > ul > li:last-child {
  border-bottom: 1px solid #3e3d3c;
}
#cssmenu > ul > li > a {
  font-size: 13px;
  display: block;
  color: #4c4e53;
  text-shadow: 0 1px 1px #000;
  background: #c9c9c9;
  background: -moz-linear-gradient(#c9c9c9 0%, #4c4e53 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6b72), color-stop(100%, #4c4e53));
  background: -webkit-linear-gradient(#c9c9c9 0%, #4c4e53 100%);
  background: linear-gradient(#c9c9c9 0%, #4c4e53 100%);
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  background: #5C9921;
  background: -moz-linear-gradient(#5C9921 0%, #5C9921 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5C9921), color-stop(100%, #5C9921));
  background: -webkit-linear-gradient(#5C9921 0%, #5C9921 100%);
  background: linear-gradient(#5C9921 0%, #5C9921 100%);
  color: #ffffff;
  text-shadow: 0 1px 1px #5C9921;
}
#cssmenu > ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub.active > a:after {
  right: 14px;
  top: 12px;
  border: 5px solid transparent;
  border-top: 5px solid #4e5800;
}
/* Sub menu */
#cssmenu ul ul {
  padding: 0;
  display: none;
}
#cssmenu ul ul a {
  background: #efefef;
  display: block;
  color: #797979;
  font-size: 13px;
}
#cssmenu ul ul li {
  border-bottom: 1px solid #c9c9c9;
}
#cssmenu ul ul li.odd a {
  background: #4c4e53;
}
#cssmenu ul ul li:last-child {
  border: none;
}
Jquery
Código HTML:
 $(document).ready(function() {
        $('#cssmenu ul ul li:odd').addClass('odd');
        $('#cssmenu ul ul li:even').addClass('even');
        $('#cssmenu > ul > li > a').click(function() {
            $('#cssmenu li').removeClass('active');
            $(this).closest('li').addClass('active');
            var checkElement = $(this).next();
            if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                $(this).closest('li').removeClass('active');
                checkElement.slideUp('normal');
            }
            if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                $('#cssmenu ul ul:visible').slideUp('normal');
                checkElement.slideDown('normal');
            }
            if ($(this).closest('li').find('ul').children().length == 0) {
                return true;
            } else {
                return false;
            }
        });
    });
Y este es el link el cual de mi C# me lleva a producir el reporte.

Código HTML:
Response.Write("<script type='text/javascript'>window.open('DesktopModules/Portafolios/RptEDOCtaEfectivoParaRangosDeFecha.aspx?IDCUENTA=" + IdCuenta + "&FechaValor=" + hfFechaOtherPostClt1.Value + "&FechaValor2=" + hfFechaOtherPostClt2.Value + "&Exportar=" + Exportar + "');</script>");

Cuando le doy al botón que ejecuta este Response.Write, mi reporte sale bien pero mi pierdo todo mi css en el menú:




Y el segundo error es que cuando seleccione una opción en este caso solo seria PORTAFOLIO, cuando me hace postback pierdo la opción seleccionada dentro de PORTAFOLIO.

Se que son problemas un tanto complicados pero recurro al foro porque ya me quede sin ideas.

Lic. Enrique Arturo Lugo Diaz.

De ante mano muchas gracias

Etiquetas: background, color, desplegable, hover, jquery
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 17:54.