¿Abrir nueva ventana sin javascript?

bernardo · #1 (**permalink**) 28/04/2006, 09:14

Hola quiero que al clickar sobre un enlace se me abra otra ventana sin las barras de herramientas y de una tamaño determinado. Se que se puede hacer con javascrit, pero mi pregunta es si no existe ninguna forma más compatible de hacerlo.

Muchas Gracias

KnowDemon · #2 (**permalink**) 28/04/2006, 12:19

Hola,

Me parece que el Javascript es la forma más compatible de hacerlo.

El problema del Javascript no radica en la compatibilidad, si acaso, en la accesibilidad. Te recomendaría que usaras el Javascript para abrir tu ventana, y si el visitante no tiene javascript abrirla de la forma tradicional, todo por cuestiones de accesibilidad solamente.

softimus · #3 (**permalink**) 28/04/2006, 12:32

Hola:

El siguiente ejemplo abre la PAGINA.HTM en una ventana aparte de 400 x 200 pix:

<a href="#" onClick="javascript:window.open('PAGINA.HTM',null,'height=200,width=400,status=yes,toolbar=no ,menubar=no,location=no');"> abrir PAGINA.HTM</a>

kahlito · #4 (**permalink**) 29/04/2006, 10:52

Hola aquí hay otra manera de la forma que explica KnowDemon

http://www.youngpup.net/2003/popups

Mira tambien estos dos artículos:

http://www.jlvelazquez.net/accesibilidad/popups.asp
http://www.alistapart.com/articles/popuplinks

Saludosss

SICK-BOY · #5 (**permalink**) 29/04/2006, 22:52

Cita:

Iniciado por softimus

Hola:

El siguiente ejemplo abre la PAGINA.HTM en una ventana aparte de 400 x 200 pix:

<a href="#" onClick="javascript:window.open('PAGINA.HTM',null,'height=200,width=400,status=yes,toolbar=no ,menubar=no,location=no');"> abrir PAGINA.HTM</a>

eso es javascript y el pregunta como hacerlo sin javascript jejeje

los enlaces ke dejo kahlito son muy buenos para eso
saludos

all-ill · #6 (**permalink**) 30/04/2006, 12:29

Puedes hacerlo con un div flotante, que aparecerá sobre el contenido de tu página (como los anuncios de algunas webs), no en una nueva ventana. Pero aunque no es exactamente lo que pides puede ser una opción a tener en cuenta.

SICK-BOY · #7 (**permalink**) 02/05/2006, 02:28

Cita:

Iniciado por all-ill

Puedes hacerlo con un div flotante, que aparecerá sobre el contenido de tu página (como los anuncios de algunas webs), no en una nueva ventana. Pero aunque no es exactamente lo que pides puede ser una opción a tener en cuenta.

hola.. oye ami me sewrviria mucho eso que dices, me prodrias decir como hacerlo?
saludos

all-ill · #8 (**permalink**) 02/05/2006, 08:21

El ejemplo sin javascript (Ejemplo1) es muy simple, pero se muestra la "ventana" al pasar por encima del enlace, en lugar de al hacer click (para eso si que se debería combinar con javascript). Lo que muestra en la "ventana" es el contenido incluido en la etiqueta SPAN dentro de cada enlace. Por lo que no muestra páginas externas. Para ello supongo que se podría hacer usando ilayer o iframe dentro del SPAN...

El Ejemplo2 es con javascript, pero en caso de que el navegador no lo soporte debería abrir en lugar del popup una ventana normal.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
div#links a span {
   display: none;
}

div#links a:hover span {
   display: block;
   position: absolute;
   top: 50px;
   left: 40px;
   width: 570px;
   height:450px;
   padding: 5px;
   margin: 10px;
   z-index: 100;
   color: white;
   background: black;
   text-align: center;
   text-decoration:none;
   }
   

div#links a:hover {
	background:#FFFF99; /*importante para que funcione con IE*/
 }

</style>
</head>

<body>
<h1>Ejemplo 1</h1>
<div id="links">
<a href="http://www.meyerweb.com/eric/css/">
	Enlace
	<span>
	Ejemplo obtenido de http://www.meyerweb.com/eric/css/edge/popups/demo.html<br />
	Contenido oculto mostrado por el enlace<br />
	Contenido oculto mostrado por el enlace<br />
	Contenido oculto mostrado por el enlace<br />
	Contenido oculto mostrado por el enlace<br />
	Contenido oculto mostrado por el enlace<br />
	Contenido oculto mostrado por el enlace<br />
	Contenido oculto mostrado por el enlace<br />
	<input type="text" size="20"/>
	</span>
</a>
</div>

<h1>Ejemplo 2</h1>
<script type="text/javascript">
 function pop(a,w,h)
 {
  url = a.getAttribute("href");
  window.open(url,'popup','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width='+w+',height='+h);
  return false;
 } 
 </script>

 <a href="http://www.google.com" target="_blank" onclick="return pop(this,470,350);">Google</a>
</body>
</html>

bernardo · #9 (**permalink**) 02/05/2006, 09:18

Muchas gracias kahlito, he utilizado este:
http://www.youngpup.net/2003/popups
y me va de cine

JavierB · #10 (**permalink**) 02/05/2006, 09:37

Hola a todos.

Como al final se ha resuelto con JavaScript, para allá nos vamos.

Movido desde Css.

Saludos,

vjtux · #11 (**permalink**) 17/12/2007, 11:48

Cita:

Iniciado por softimus

Hola:

El siguiente ejemplo abre la PAGINA.HTM en una ventana aparte de 400 x 200 pix:

<a href="#" onClick="javascript:window.open('PAGINA.HTM',null,'height=200,width=400,status=yes,toolbar=no ,menubar=no,location=no');"> abrir PAGINA.HTM</a>

Gracias Men.....eso era lo justo que andaba buscando.....
se que es un poco antigua la cita...pero....si existieran muchos tipos como tu,
el mundo compartiría todos sus conocimientos y seriamos mejores personas....
esta cita me ayudo mucho....cualquier duda o consulta que tengas, avisame y yo te ayudaré.....
Gracias