[Resolvido] JavaScript com CSS

[ValterDMJ 0]

Olá, tenho o seguinte código em um arquivo HTML que é carregado a trabalhado dentro de um arquivo PHP utilizando HTML_Template_Sigma(Pacote Pear)

<link rel="stylesheet" href="{URL}/css/home/menu_1/menu_1.css"/>
<script src="{URL}/js/menu_1/menu_1.js" type="text/javascript"></script>

<ul>
	<!-- BEGIN block_link -->
	<li class="{class}">
		<p>{description}</p>
		<p class="subtext">{subtext}</p>
	</li>
	<!-- END block_link -->
</ul>

Isso na prática é um menu horizontal com efeito jquery de deslizar para baixo quando o mouse passa por cima como pode ser visto na figura em anexo.

Imagem

Funciona normalmente! Pega o style e aplica. Pega o js e aplica as funções.

Mas eu preciso agora adicionar um evento (sublinhado) em cada tag LI para ao clicar abrir determinado conteúdo através de requisição ajax e jogar em um container.

 

<ul>
	<!-- BEGIN block_link -->
	<li class="{class}"  [U]onclick="requestAjax('{target}','{URL}{href}');"[/U]>
		<p>{description}</p>
		<p class="subtext">{subtext}</p>
	</li>
	<!-- END block_link -->
</ul>

Porém ao adicionar o evento onCLick estou perdendo a formatação CSS e o menu fica horrível. Detalhe: fica em formato de listagem UL-LI

 

Alguém saberia dizer porque?? Já tentei outras formas e nada =/

Obrigado pela ajuda.

 

Colocando assim funciona normalmente

<li class="{class}" onclick="alert('Olá Mundo');">

 

Mas o que eu preciso é disso

<li class="{class}" onclick="requestAjax('{target}','{URL}{href}');">

e assim não vai =/

[Otata 4]

acho que seu problema é no template..pois não tem porque o js matar o css

[ValterDMJ 0]

acho que seu problema é no template..pois não tem porque o js matar o css

 

Consegui resolver o problema.

Era o seguinte. Meu arquivo js importado continha código utilizando jquery que pegava elementos LI e aplicava uma funcao de deslizar dado o evento de onmouseover.

Quando eu tentei aplicar manualmente no proprio template(sem jquery) outra funcao nos elementos LI dado o evento mouseclick deu conflito e eu perdia o css. Muito estranho.

Mas agora estou fazendo ou tudo manual ou tudo por jquery e funcionou. Optei por jquery.

 

Valeu pela ajuda.