Foros del Web » Programando para Internet » Javascript »

Abrir panel al hacer click en link

Estas en el tema de Abrir panel al hacer click en link en el foro de Javascript en Foros del Web. Hola amigos... Hice un conjunto de paneles deslizables con jQuery que, al pinchar en el título de cada panel, el contenido se muestra deslizándose hacia ...
  #1 (permalink)  
Antiguo 18/05/2010, 02:59
 
Fecha de Ingreso: abril-2010
Ubicación: Madrid, España
Mensajes: 10
Antigüedad: 14 años, 7 meses
Puntos: 0
Abrir panel al hacer click en link

Hola amigos...

Hice un conjunto de paneles deslizables con jQuery que, al pinchar en el título de cada panel, el contenido se muestra deslizándose hacia abajo...

Al cargar por primera vez la página todos los paneles están cerrados, pero lo que quiero es que, desde otra página, el usuario pueda pinchar un link y la página se cargue solo con ese panel abierto.

Por ejemplo:

La página "preferencias.php" tiene todos los paneles cerrados... Desde "main.php" el usuario pincha un link "cambiar contraseña" y se carga la página "preferencias.php" con el panel correspondiente abierto (en mi caso el panel-3).

El código que utilizo para los paneles es...

Código:
$(document).ready(function() {  

    $(".mostrar-1").click(function() {  
        $(".panel-1").slideToggle(500);
		$(".down-1").toggleClass("img-der-up");
		return true;
    }); 
	$(".mostrar-2").click(function() {  
        $(".panel-2").slideToggle(500);
		$(".down-2").toggleClass("img-der-up");
		return true;
    }); 
	$(".mostrar-3").click(function() {  
        $(".panel-3").slideToggle(500);
		$(".down-3").toggleClass("img-der-up");
		return true;
    }); 
	$(".mostrar-4").click(function() {  
        $(".panel-4").slideToggle(500);
		$(".down-4").toggleClass("img-der-up");
		return true;
    });
	$(".mostrar-5").click(function() {  
        $(".panel-5").slideToggle(500);
		$(".down-5").toggleClass("img-der-up");
		return true;
    });

});
¿Se puede hacer esto?

Saludos y gracias de antemano
  #2 (permalink)  
Antiguo 18/05/2010, 12:59
 
Fecha de Ingreso: abril-2010
Ubicación: Madrid, España
Mensajes: 10
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Abrir panel al hacer click en link

Ya lo solucioné... Lo que me faltaba era pensar

Lo que hice fue pasar una variable por la url con el número del panel que quiero abrir a "preferencias.php". Luego, mediante unas condiciones en javascript, verificar qué numero de panel se quiere abrir y es entonces cuando se ejecuta la función que lo hace.

Aquí el código por si le sirve a alguien de ayuda en algún momento...

main.php
Código PHP:
<a href="preferencias.php?p=4">Modificar contraseña</a
preferencias.php
Código PHP:
<?php
$nroPanel 
$_GET['p'];
?>
Código HTML:
<script type="text/javascript">
   $(document).ready(function() {
      var panelDeslizar = <?php echo $nroPanel; ?>;
      if(panelDeslizar == "1") {
         $(".panel-1").slideToggle(500);
      } else if(panelDeslizar == "4") {
         $(".panel-4").slideToggle(500);
      } else if(panelDeslizar == "5") {
         $(".panel-5").slideToggle(500);
      }
   });
</script> 
Saludos...

Etiquetas: link, panel
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 18:44.