JQuery: Abrir enlace en nueva pestaña/ventana al pulsar boton o div
Con este codigo podras abrir una url en una nueva ventana o pestaña al pulsar un boton o algun DIV.
Para ellos deberás darle la clase “btn_new_tab” a tu div o botón, quedando algo asi:
Mi contenido
Tambien podrias modificarlo para pasarle la url que quieras o incluso abrir varias pestañas a la vez.
$(".btn_new_tab").click(function(e) { console.log("new tab"); e.preventDefault(); var tab = window.open('http://www.vicolin.net', '_blank'); if(tab){ tab.focus(); //ir a la pestaña }else{ alert('Pestañas bloqueadas, activa las ventanas emergentes (Popups) '); return false; } });
Nota: Si intentas abrir mas de 1 ventana es posible que el navegador la bloquee, por eso deberás activar las ventanas emergentes (PopUps).
Tipos de ventana:
- _blank – La URL es cargada en una nueva ventana. Es la opcion por defecto.
- _parent – La URL es cargada en la ventana principal (padre).
- _self – La URL es cargada en la ventana donde estas.
- _top – La URL reemplaza todos los framesets que se pudieran cargar.
Terminos de Busqueda:
- abrir ventana de cargada
- dfCOMO ABRIR PESTAÑAS EN C
- jquery abrir una ventana con contraseña
Escríbeme un comentario si este contenido te fue útil o si te quedó alguna duda, así podré mejorarlo. Gracias!