Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/03/2011, 13:43
Avatar de VbOkonly
VbOkonly
 
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 15 años, 4 meses
Puntos: 5
Ocultar div dependiendo de valor

Hola a todos, estoy haciendo un paginador con php, donde en una funcion con php muestro en un formulario con dos campos hidden si existe el siguiente dato, si existe me traerá 1, si no existe me traerá 0.
Bien, con javascript (soy un poco novato con js) quiero hacer que cuando el campo este en 0 se oculte la div correspondiente, les paso el codigo:

HTML
Código HTML:
Ver original
  1. <form id="verifsa" name="verifsa">
  2.           <input type="text" id="ant" name="ant" value="<?php echo $comprobarsa_exist2; ?>"/>
  3.           <input type="text" id="sig" name="sig" value="<?php echo $comprobarsa_exist; ?>"/>
  4.           </form>
  5.          
  6.          
  7.         <form id="pageanterior" name="pageanterior" method="get" action="verrecuerdo.php">
  8.           <input type="hidden" id="mascota" name="mascota" value="<?php echo $mostrarpaginador['id'] - 1; ?>"/>
  9.           <a href="javascript:pageanterior()"><img id="buttonanterior" src="Images/buttonanterior.gif" /></a>
  10.           </form>
  11.           </div>
  12.         <div id="pagsiguiente">
  13.           <form id="pagesiguiente" name="pagesiguiente" method="get" action="verrecuerdo.php">
  14.           <input type="hidden" id="mascota" name="mascota" value="<?php echo $mostrarpaginador['id'] + 1; }?>"/>
  15.           <a href="javascript:pagesiguiente()"><img id="buttonsiguiente" src="Images/buttonsiguiente.gif" /></a>
  16.           </form>

La idea es que se oculten las div pagsiguiente y paganterior
Este es el codigo javascript:

Código Javascript:
Ver original
  1. <script>
  2. function ocultarsa() {
  3. if(document.verifsa.ant.value == '0') div1 = document.getElementById('paganterior')
  4. div1.style.display="none";
  5. if(document.verifsa.sig.value == '0') div2 = document.getElementById('pagsiguiente')
  6. div2.style.display="none";
  7. }
  8. </script>

No tengo idea porque no funciona :/, la parte de php esta bien porque me trae los numeros correctos ... la de javascript no me oculta nada xD

Gracias de antemano!