Como abrir una ventana nueva pequeña al pinchar un enlace

[castrorodriguez]

Hola a todos, me gustaría saber el código HTML para lo siguiente:

La idea es que cuando pinche un enlace se me abra el resultado en una ventana nueva pero que no esté maximizada, sino que sea como una especie de pop-up de dimensiones pequeñas.
El atributo que hace abrir una ventana nueva creo que es target pero no sé configurarlo para que me haga esto.

Un saludo

[sebastopols]

Podrías probar algo así:

Código HTML:

<a href="http://www.forosdelweb.com/f4/como-abrir-ventana-nueva-pequena-pinchar-enlace-1035579/#post4362645" target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400'); return false;">Link popup</a>
 

... o podés usar algo de jquery, si buscás en internet hay formas más vistosas de mostrar algo similar, saludos

[horusorion]

podrias hacer un script!!!! haces una funcion cuando le des click al enlace se abra la pagina en otra ventana!! y luego le defines los valores del tamaño!!! aunque lo que sebastopols esta correcto!!! y seria lo mas facil!!!!

[manustyl]

Estoy con sebastopols. No te compliques es lo más fácil.

[Reedyseth]

sebastopols tiene razon con el script de javascript, sin embargo un buen programador de javascript no pone un codigo a nivel inline sino hace referencia al elemento, maneja los eventos y ejecuta las debidas funciones, hazlo bien desde un principio.

Saludos.

[alex_dh]

target="_blank"

dentro de la etiqueta del enlace

[Reedyseth]

sebastopols

No veo que hayas contestado si se te resolvio la duda, pero aqui te pongo el ejemplo como te digo que es una de las maneras de hacer una programacion de acuerdo a las buenas practica, solo quedaria hacer el codigo crossbrowser pero ps eso ya esta para despues.

Código Javascript:

// usamos onload para asegurarnos que existan los elementos en nuestro DOM
        window.onload = function() {
            var anchor = document.getElementById("anchor");         
            
            // le asociamos el evento a nuestro elemento para tener un codigo 
            // html mas limpio y manejar toda la interaccion
            // desde nuestro script
            anchor.onclick = function() {
                // una variable donde pongo la url a donde quiera ir, 
                //podria estar de mas pero asi queda mas limpio la funcion window.open()
                var url = "http://www.forosdelweb.com/f4/como-abrir-ventana-nueva-pequena-pinchar-enlace-1035579/#post4362645";
                window.open(url, "_blank", 'width=300,height=400'); 
                // el return falase es para eviar que se progrague el evento y se vaya al href de tu anchor.
                return false;
            };
        }
 

HTML limpio

Código HTML:

<a id="anchor" href="#" >Link popup</a>
 

Saludos,

[caricatos]

Hola:

Sobre enlaces y popups la respuesta está en este viejo artículo de maestros del web: Formularios y enlaces dirigidos a ventanas.

Saludos

[sebastopols]

sebastopols
No veo que hayas contestado si se te resolvio la duda

Bueno, es que yo no era el de la duda

Con respecto a usar funciones, si, en caso de que se quiera repetir un código y/o pensando a futuro en cambios, es una mejor práctica el uso de funciones para ordenar mejor el código, pero si en mi caso voy a usarlo una vez lo usaría directo, no cambiaría nada, ya pasa a ser un tema de practicidad subjetiva, en el link que pasó Caricatos queda más claro explicado, saludos