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