[Resolvido] Display none com javascript

[allex_carvalho 124]

Bom dia pessoal.

 

Tenho um carousel que exibe 4 itens. Gostaria de dar um display none nos botões se for menos que 4 itens cadastrados no banco de dados. Fiz assim:

 

<?php
   if($total < 4){
?>
	<script type="text/javascript">
		document.getElementByClass('prev').style.display="none";
		document.getElementByClass('next').style.display="none";
	</script>
   <?php
   }
?>

<button class="prev"><img src="img/prev.png" width="28" height="46" alt="" /></button>
<button class="next"><img src="img/next.png" width="28" height="46" alt="" /></button>

 

Dando um alert para imprimir a $total veio certinho (2 itens). Tem algo de errado nessa função? Porque não está dando o display none.

 

Obrigado.

[JCMais 75]

Debugue o seu código. Ele está com erros visiveis.

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

[allex_carvalho 124]

Opa JCMais, beleza?

 

Resolvi usando jquery.

 

Ficou assim:

 

<script type="text/javascript">
$("button").ready(function()
{
$('.prev').hide(1);
$('.next').hide(1);
});
</script>

 

Obrigado pela atenção.