es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo activar un enlace en una pestaña de una tabla?

23 Jul, 2023 Programación

Cuando un usuario está en la página de inicio, puede hacer clic en un enlace que lo redirige a otra página (hasta ahora, funciona).
En la nueva página, me gustaría que el enlace abra automáticamente la segunda pestaña de una tabla haciendo un “auto click” (disparador).

El enlace de la página de inicio es específico (tiene un ancla).
Logré hacer un script que funciona, el problema es que si abro esta página desde el menú de navegación, aún se abren la segunda pestaña de la tabla.

Me gustaría que solo el enlace específico pueda abrir automáticamente la segunda pestaña de la tabla.

Aquí está el código que utilicé:

$(document).ready(function(){
    $('#test').click(function(){
        console.log('clicked');
       });
     // set time out 5 sec
        setTimeout(function(){
           $('.et_pb_tab_3 > a').trigger('click');
       }, 500);
       console.log('triggered');
   });

Muchas gracias por la ayuda.

Saludos cordiales,

Johann

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para asegurarse de que solo el enlace específico pueda abrir automáticamente la segunda pestaña de la tabla, puede modificar el código existente agregando una declaración condicional para verificar si el enlace que se está haciendo clic es el que debe activar la pestaña. Aquí hay un ejemplo de cómo podría modificar el código:

    $(document).ready(function(){
  $('#test').click(function(){
    console.log('clicado');
  });
  // configurar tiempo de espera de 5 segundos
  setTimeout(function(){
    // verificar si el enlace que se está haciendo clic tiene el ancla específica
    if(window.location.href.indexOf("#specific-link") !== -1) {
      $('.et_pb_tab_3 > a').trigger('click');
      console.log('activado');
    }
  }, 500);
});

    En este ejemplo, estamos utilizando la propiedad window.location.href para verificar si la URL de la página actual contiene el ancla del enlace específico (#specific-link). Si lo hace, entonces activamos el evento de clic en la segunda pestaña de la tabla. Si no, el evento de clic no se activa.

    Esta modificación debería permitir que la segunda pestaña de la tabla solo se abra cuando se hace clic en el enlace específico y no cuando se accede a la página a través del menú de navegación.

Comments are closed.