Duda con botones de formulario y php

aanarko · #1 (**permalink**) 27/12/2006, 09:40

Hola,

Intentare explicar mi problema lo mejor que pueda:

Tengo una serie de botones de la siguiente manera:

Código HTML:

<form name="" action="" id="">
<table cellpadding="0" cellspacing="0" border="0" width="290px" class="barra_botones_superior" align="center" bgcolor="#FFFFCC">
<tr>
<td align="center"><input type="button" value="Inscripciones" onclick="javascript:window.open('inscripciones.php')"/></td>	
<td align="center"><input type="button" value="Presupuestos" onclick="javascript:window.open('presupuestos.php')"/></td>
<td align="center"><input type="button" value="Contratos" onclick="javascript:window.open('contratos.php')"/></td>
</tr>
</table>
</form>

Lo que consigo con esto es que me abra una pagina diferente cada vez que le pincho a uno de ellos, lo que queria conseguir esque me cargase esos formularios justo debajo de la botonera, con enlaces en php lo se hacer perfectamente, pero en javascript estoy verdaderamente pez, si alguien me pudiera encaminar un poco se lo agradeceria.

Gracias por su lectura.

Un saludo.

sir_bowen · #2 (**permalink**) 27/12/2006, 10:44

Mi consejo es que todos los eventos onclick llamen a una misma función (por ejemplo, 'botones') y según el parámetro recibido muestren u oculten un tbody diferente. A ver si me explico:

Código HTML:

<table cellpadding="0" cellspacing="0" border="0" width="290px" class="barra_botones_superior" align="center" bgcolor="#FFFFCC">
<tr>
<td align="center"><input type="button" value="Inscripciones" onclick="javascript:botones('ins')"/></td>	
<td align="center"><input type="button" value="Presupuestos" onclick="javascript:botones('pres')"/></td>
<td align="center"><input type="button" value="Contratos" onclick="javascript:botones('cont')"/></td>
</tr>
<tbody id="ins" style="display:none;">
<tr>
<td align="center">Inscripciones</td>
</tr>
</tbody>
<tbody id="pres" style="display:none;">
<tr>
<td align="center">Presupuestos</td>
</tr>
</tbody>
<tbody id="cont" style="display:none;">
<tr>
<td align="center">Contratos</td>
</tr>
</tbody>
</table>

Y donde quieras escribes una función javascript llamada botones:

Código PHP:

  function botones(id){ 
   vis = document.getElementById(id); 
   if(vis.style.display=='none'){ 
      vis.style.display = 'block'; 
   } 
   else{ 
      vis.style.display = 'none'; 
   } 
}

Esto está hecho en plan chapucero, pero aún te lo puedes currar más... :-p
Yo lo he hecho con una sola fila para que se vea el ejemplo, pero cuando muestres un tbody, tendrías que mostrar todo el formulario...

Espero que por lo menos te haya servido de guía...

Salu2

aanarko · #3 (**permalink**) 27/12/2006, 12:08

Hola sir_bowen,

Ante todo agradecerte tu codigo regalado porque me ha venido de perlas, lo he estado retocando un poco, pero aun asi tengo algunas dudas o alomejor no me he explicado bien, ante todo mi codigo ha quedado aqui (por si alguien pudiera interesarle):

Código HTML:

<script language="JavaScript" type="text/JavaScript">
<!--
function botones(id){
   vis = document.getElementById(id);
   if(vis.style.display=='none'){
      vis.style.display = 'block';
   }
   else{
      vis.style.display = 'none';
   }
} 
// -->
</script>
</head>

<body bgcolor="#FFFFCC">

<table cellpadding="0" cellspacing="0" border="0" width="290px" class="barra_botones_superior" align="center" bgcolor="#FFFFCC"> 
<tr> 
<td align="center"><input type="button" value="Inscripciones" onclick="javascript:botones('ins')"/></td> 
<td align="center"><input type="button" value="Presupuestos" onclick="javascript:botones('pres')"/></td> 
<td align="center"><input type="button" value="Contratos" onclick="javascript:botones('cont')"/></td>
</tr> 

<table id="ins" align="center"> <tr> <td align="center"><?php include('inscripciones.php')?></td> </tr> </table> 
<table id="pres" align="center"> <tr> <td align="center"><?php include('presupuestos.php')?></td> </tr> </table> 
<table id="cont" align="center"> <tr> <td align="center"><?php include('contratos.php')?></td> </tr> </table> 

</table>

Mi "nuevo" problema es el siguiente: al pinchar en los botones me hace el include del php con toda normalidad pero cuando pincho en las otras posibilidades no sustituye el uno por el otro si no que lo pone inmediatamente despues (abajo) como puedo solucionar este tema?

Un saludo y gracias por su lectura (de nuevo)

EDITO: Tambien me gustaria (si se puede) que cuando esta abierto un formulario de php y le piques a su mismo boton, no se quite, simplemente que no haga nada.

black_palma · #4 (**permalink**) 27/12/2006, 12:51

man, el codigo ke pusiste ahi no funcionara, no puedes llamar a un archivo sin variables dentro, es como si llamaras a un archivo .htm al poner <?php include('.') ?> le estas disiendo ke incluya sus contenidos, no un link ni nada, espero aberme explicado bien

SALU2

aanarko · #5 (**permalink**) 27/12/2006, 12:58

Hola, he resuelto la ultima parte del problema con:

Código PHP:

  function botones(id){ 
   vis = document.getElementById(id); 
   if(vis.style.display=='none'){ 
      vis.style.display = '[I]block[/I]'; 
   } 
   else{ 
      vis.style.display = 'block'; 
   } 
}

Un saludo.

aanarko · #6 (**permalink**) 27/12/2006, 13:11

Cita:

Iniciado por black_palma

man, el codigo ke pusiste ahi no funcionara, no puedes llamar a un archivo sin variables dentro, es como si llamaras a un archivo .htm al poner <?php include('.') ?> le estas disiendo ke incluya sus contenidos, no un link ni nada, espero aberme explicado bien

SALU2

Hola,

No entiendo lo que dices, simplemente llamo a un *.php (como podria llamar a cualquier otra cosa) que puede tener dentro un "hola mundo" no necesita tener variables, lo que pasa esque en este caso tiene un formulario.

El codigo funciona, pero simplemente cuando intento cambiar de formulario en vez de cambiarse, me lo pasa debajo sin quitar el anterior.

Un saludo y gracias por el comentario.

sir_bowen · #7 (**permalink**) 28/12/2006, 01:54

Simplemente tendrás que recoger en la función 'botones' el identificador de las otras tablas y ocultarlas.

Así lo único es que la función crece porque tienes que meter los identificadores a mano:

Código PHP:

  function botones(id){ 
   switch(id){ 
   case 'ins':  
      vis = document.getElementById(id); 
      if(vis.style.display=='none'){ 
         vis.style.display = '[i]block[/i]'; 
      } 
      else{ 
         vis.style.display = 'block'; 
      } 
      document.getElementById('pres').display = 'none'; 
      document.getElementById('cont').display = 'none'; 
      break; 
   case 'pres':  
      vis = document.getElementById(id); 
      if(vis.style.display=='none'){ 
         vis.style.display = '[i]block[/i]'; 
      } 
      else{ 
         vis.style.display = 'block'; 
      } 
      document.getElementById('ins').display = 'none'; 
      document.getElementById('cont').display = 'none'; 
      break; 
   case 'cont':  
      vis = document.getElementById(id); 
      if(vis.style.display=='none'){ 
         vis.style.display = '[i]block[/i]'; 
      } 
      else{ 
         vis.style.display = 'block'; 
      } 
      document.getElementById('pres').display = 'none'; 
      document.getElementById('ins').display = 'none'; 
      break; 
   } 
}

Espero que te sirva...

Salu2

aanarko · #8 (**permalink**) 28/12/2006, 06:06

Hola,

No hay manera de que funcione el codigo... tendre que revisarlo mas a fondo supongo, alguna sugerencia? Gracias.

Un saludo.

sir_bowen · #9 (**permalink**) 28/12/2006, 08:17

Mira a ver si así te funciona.... y perdona por el despiste

Código PHP:

  function botones(id){ 
   switch(id){ 
   case 'ins':  
      vis = document.getElementById(id); 
      if(vis.style.display=='none'){ 
         vis.style.display = 'block'; 
      } 
      //Si no quieres que volviendo a pulsar se oculte quitas el 'else' 
      else{ 
         vis.style.display = 'none'; 
      } 
      document.getElementById('pres').display = 'none'; 
      document.getElementById('cont').display = 'none'; 
      break; 
   case 'pres':  
      vis = document.getElementById(id); 
      if(vis.style.display=='none'){ 
         vis.style.display = 'block'; 
      } 
      //Si no quieres que volviendo a pulsar se oculte quitas el 'else' 
      else{ 
         vis.style.display = 'none'; 
      } 
      document.getElementById('ins').display = 'none'; 
      document.getElementById('cont').display = 'none'; 
      break; 
   case 'cont':  
      vis = document.getElementById(id); 
      if(vis.style.display=='none'){ 
         vis.style.display = 'block'; 
      } 
      //Si no quieres que volviendo a pulsar se oculte quitas el 'else' 
      else{ 
         vis.style.display = 'none'; 
      } 
      document.getElementById('pres').display = 'none'; 
      document.getElementById('ins').display = 'none'; 
      break; 
   } 
}

Ya dices si te ha funcionado o no...

Pero en principio creo que esta vez está bien

Venga, salu2

aanarko · #10 (**permalink**) 29/12/2006, 02:54

Hola de nuevo,

Pues sigue sin funcionar :( me sigue poniendo los formularios justo debajo sin quitar el que se pincho primero, si que funciona si pinchas uno, le vuelves a pinchar (se quita) y pones otro (pero no es muy funcional que digamos)

Un saludo y gracias.