Foros del Web » Programando para Internet » Javascript »

Problemas ocultando y mostrando DIV

Estas en el tema de Problemas ocultando y mostrando DIV en el foro de Javascript en Foros del Web. Hola compañeros, ya se que se ha hablado bastante en el foro sobre este tema, de hecho, he estado mirando valgunos de los hilos y ...
  #1 (permalink)  
Antiguo 01/06/2010, 02:45
 
Fecha de Ingreso: febrero-2010
Mensajes: 18
Antigüedad: 14 años, 3 meses
Puntos: 0
Problemas ocultando y mostrando DIV

Hola compañeros, ya se que se ha hablado bastante en el foro sobre este tema, de hecho, he estado mirando valgunos de los hilos y parece que esta basatante claro pero al ejecutar mi codigo no hace lo que deberia. Echadle un vistazo a esto a ver si encontrais alguna anomalia porfavor.

Código Javascript:
Ver original
  1. function herramientas(){
  2.     ocultar_todo();
  3.     document.getElementById("herramientas").style.display="block";
  4.     document.getElementById("herramientas_nueva").style.display="none";
  5.     document.getElementById("herramientas_tabla").style.display="block";
  6. }

y la parte del codigo HTML que hace la llamada
Código HTML:
Ver original
  1. <li><a href="#" onclick="herramientas();">Herramientas</a></li>
  2.  
  3. <div id="herramientas">
  4.     <div id="herramientas_tabla">
  5.         <a href="#" onclick="herramientas_nueva()"><img class="img_nuevo" alt="Nuevo registro" src="img/nuevo.jpg"/></a>
  6.             <table class="grid">  
  7.                 <tr>
  8.                     <th class="nada"></th>
  9.                     <th class="nada"></th>
  10.                     <th>C&oacute;digo</td>  
  11.                     <th>Descripci&oacute;n</td>  
  12.                     <th>Especificaci&oacute;n</td>
  13.                     <th>Estado</td>
  14.                 </tr>  
  15.            
  16.                 <tr>
  17.                     <td><a href="general.php?" ><img class="img_grid" alt="Editar este registro" src="img/editar.gif" /></a></td>
  18.                     <td><a href="general.php?" ><img class="img_grid" alt="Eliminar este registro" src="img/eliminar.gif" /></a></td>
  19.                     <td >{codigo}</td>  
  20.                     <td >{descripcion}</td>    
  21.                     <td >{especificacion}</td>
  22.                     <td >{estado}</td>
  23.                 </tr>
  24.        
  25.             </table>
  26.             <a href="#" onclick="herramientas_nueva()"><img class="img_nuevo" alt="Nuevo registro" src="img/nuevo.jpg"/></a>
  27.         </div>
  28.        
  29.         <div class="formulario" id="herramientas_nueva">
  30.             <h3>Introduce los datos de la nueva herramienta</h3>
  31.             <form method="post" action="#">
  32.                 <p>{modo} {error}</p>
  33.                 <fieldset class="fs_form">
  34.                     <table class="tb_form">
  35.                         <tr>
  36.                             <td class="lab_form">Descripci&oacute;n</td>
  37.                             <td><input class="campo" type="text" name="desc" value="{descripcion}" /></td>
  38.                         </tr>
  39.                         <tr>
  40.                             <td class="lab_form">Especificaci&oacute;n</td>
  41.                             <td><input class="campo" type="text" name="espec" value="{especificacion}" /></td>
  42.                         </tr>
  43.                         <tr>
  44.                             <td class="lab_form">Estado</td>
  45.                             <td>
  46.                                 <select id="estado" name="estado">
  47.                                     <option value="D">Disponible</option>
  48.                                     <option value="P">Prestado</option>
  49.                                     <option value="A">Averiado</option>
  50.                                 </select>
  51.                             </td>
  52.                         </tr>
  53.                     </table>
  54.                     <input class="boton" type="submit" name="boton[guardar_herramienta]" value="Guardar" />
  55.                     <input class="boton" type="submit" name="boton[cancelar_herramienta]" value="Cancelar" />
  56.                 </fieldset>
  57.             </form>
  58.         </div>
  59.     </div>

MUCHAS GRACIAS de antemano!!
  #2 (permalink)  
Antiguo 01/06/2010, 02:56
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Problemas ocultando y mostrando DIV

Hola:

Sin adentrarme mucho en el código, he visto que tienes funciones con el mismo nombre que has puesto en las capas, y seguro que hay conflicto... procura que sean nombres únicos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 01/06/2010, 03:15
 
Fecha de Ingreso: febrero-2010
Mensajes: 18
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Problemas ocultando y mostrando DIV

Gracias por contestar tan rapido caricatos.

Le he cambiado el nobre de la funcion por otro que no tiene nada que ver con ningun DIV y parece que tampoco le gusta... sigue sin mostarme nada.

Alguna sugerencia mas?
  #4 (permalink)  
Antiguo 01/06/2010, 03:22
 
Fecha de Ingreso: febrero-2010
Mensajes: 18
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Problemas ocultando y mostrando DIV

podria ser problema de mi instalacion o configuracion del PHP??
  #5 (permalink)  
Antiguo 01/06/2010, 03:26
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Problemas ocultando y mostrando DIV

Hola:

La función herramientas() o como la hayas redefinido está bien... solo falta ver lo que hace ocultar_todo()... lo mejor es en estos casos consultar la consola de errores del navegador (si la tiene y es fiable)... y la configuración del servidor no debería influenciar.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 01/06/2010, 03:29
 
Fecha de Ingreso: febrero-2010
Mensajes: 18
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Problemas ocultando y mostrando DIV

la fuincion ocultar_todo() simplemente me oculta el resto de capas

Código Javascript:
Ver original
  1. function ocultar_todo(){
  2.     document.getElementById("grupos").style.display="none";
  3.     document.getElementById("equipos").style.display="none";
  4.     document.getElementById("usuarios").style.display="none";
  5.     document.getElementById("ficheros").style.display="none";
  6.     document.getElementById("herramientas").style.display="none";
  7.     document.getElementById("prestamos").style.display="none";
  8.     document.getElementById("revisiones").style.display="none";
  9.     document.getElementById("tareas_nueva").style.display="none";
  10.     document.getElementById("prestamos_nuevo").style.display="none";
  11. }

voy a probar lo de la consola de errores
GARCIAS!!
  #7 (permalink)  
Antiguo 01/06/2010, 03:49
 
Fecha de Ingreso: febrero-2010
Mensajes: 18
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Problemas ocultando y mostrando DIV

UO!!UO!! No conocia yo esto de la consola de errores!! es una maravilla!!! jajajajaja!!!!

Al final era simplemente que me faltaban algunos DIV's por poner, yo pensaba que si no estaban tragaria igual, pero no, da error si no estan.

Muchas gracias por todo! me has iluminado enormemente!!!
  #8 (permalink)  
Antiguo 01/06/2010, 04:01
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Problemas ocultando y mostrando DIV

Me alegro de que hayas resuelto el problema

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:12.