Foros del Web - Ver Mensaje Individual

vili86 · #6 (**permalink**) 02/11/2009, 10:31

Quiero hacer una pequeña modificacion a mi script
La idea es que cuando clikeo a Mostrar tabla 2 me muestra dicha tabla pero desaparezca la tabla 1 que esta por defecto y cuando vuelva a clikera tabla 2 desaparezca tabla dos y aparezca la tabla q estaba por defecto ????

Código javascript:

Ver original<script type="text/javascript" language="javascript">
    //function mostrarOcultarTablas(id){
    function ocultar(id){
            mostrado = 0;
            elem = document.getElementById(id);
            if(elem.style.display == 'block'){
                    mostrado = 1;
                    elem.style.display = 'none';
            }
            else {      
            if(mostrado != 1)
            elem.style.display ='block';
            }
    }
            
    </script>

Código html:

Ver original<body>
<center>
<fieldset id="Filed1">
<legend class="Estilo1">Sección Consultas</legend>
<form action="index.php?mod=consultas&pag=proceso" method="post" name="buscar" onsubmit="return validar_busqueda(this)">
<div  id="tabla1" style="display:block;">
 <table  border="0" align="center"  bgcolor="#EEEEEE">
  <tr>
    <th scope="col" colspan="2" align="center"> <span class="Estilo1"></span> </th>
    
  </tr>
  <tr>
    <td><input type="text" size="40"  name="frase" value="<?php echo $_SESSION['frase'] ?>" ></td>
    <td><input type="submit" name="buscar" value="Buscar"  ></td>
    <td></td>
   </tr>
</table>
</form>
</table>
</div>
<div  id="tabla2" style="display:none;">
<form action="index.php?mod=consultas&pag=proceso" method="post" name="buscar" onsubmit="return validar_busqueda(this)">
 <table  border="0" align="center"  bgcolor="#EEEEEE">
  <tr>
    <th scope="col" colspan="2" align="center"> <span class="Estilo1"></span> </th>
    
  </tr>
  <tr>
    <td><input type="text" size="40"  name="frase" value="<?php echo $_SESSION['frase'] ?>" ></td>
    <td><input type="submit" name="buscar" value="Buscar"  ></td>
    <td>criterrslllllllllllllllllllllllllllllllllllllllllllllllllllll</td>
   </tr>
</table>
</form>
</table>
</div>
 
<a href="javascript:ocultar('tabla2')">Mostrar tabla 2</a> 
</body>
</fieldset>
</html>