SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Abrir ventana pup up de forma basica

Códigos Javascript

Con el siguiente codigo conseguimos abrir una ventana popup o emergente de una forma muy simple controlando todas las propiedades de la ventana.
Visitas: 41,089 - 12/03/2005 1:23:48
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

Debemos de modificar las siguientes propiedades para configurar la ventana popup

height=255 - Altura en pixeles
width=250 -
Ancho en Pixeles
toolbar=no - Mostrar o no Barra de Herramientas
directories=no - Mostrar o no la Barra de direcciones
status=no - Mostrar o no La barra de Estado
menubar=no -
Mostrar o no el Menu de texto
scrollbars=no - Mostrar o no la Barra de Scroll o desplazadora
resizable=no - Permitir que la ventana pueda modificar su tamaño

CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <a href="http://www.google.com" target="nombre_ventana"
  2. onclick="window.open('http://www.google.com','nombre_ventana','height=255,width=250,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;">Pulsa aqui</a>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Abrir ventana pup up de forma basica" href="http://www.tutores.org/codigo/1469/" target="_blank">Abrir ventana pup up de forma basica</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
willians r.
5 5
abre la ventana nueva, pero no respeta los parametros especificados en toolbar=no,
directories=no,status=no,
menubar=no, etc. como podria resolver esto sin usar un script
Comentario usuario
19/04/2003
3 5
Hola
no sabemos exactamente que navegador usas.
De todas las formas con algunos navegadores y sistemas operativos modernos por lo que parece no puede ser ocultada la barra de estado ( por el momento ), aunque seguimos investigando el como...
aqui te dejamos otra forma de abrir una "ventana"
http://www.tutores.org/tutores/code/descripcion.asp?ScriptID=687&id=5

escondiendo todas las barras de navegacion.
Tan pronto tengamos una mejor respuesta sobre Statusbar la publicaremos,.
Saludos
Comentario usuario
11/02/2005 3.12.32
5 5
Excelente! Me vino muy bien! Probe con el lightbox pero en la web que estoy costumizando no me funcionan y estos pup ups simples me vienen genial. Ya los estoy probando y en la web quedan geniales!
Comentario usuario
11/02/2005 3.12.32
5 5
Ahora me surge un porblema, el pup ups no me funciona con Internet Explorer, tengo la ultima version. Decidi probar si el ejemplo para ver si funciona en IE, pero veo que les funciona sin ningun problema. Porque en mi Internet Explorer les funcionan los pup ups y a mi no?
Probe en Firefox, y ahi si me funcionan muy bien.

Quiero que me funcionen bien el los navegadores ya que el comun de la gente y la mayoria usa Internet Eplorer. Y Firefox lo usa muy poca gente, generalmente la gente con mas conocimiento en este tema.

Espero que me respondan pronto.
Comentario usuario
Davox
4 5
Hola, tengo una pregunta, aver :D
Tengo un buscador de textos biblicos en la pagina principal, pero cuando busca el resultado me lo hace en la misma pagina, osea, sale de la pagina principal solamente ver el versiculo, y no hallo forma de que el resultado, solamente el resultado, me lo tire en un pup up
Comentario usuario
16-07-2010 23:11:43
2 5
EXCELENTE APORTE DE CODIGO LO HABIA MANEJADO PARA FLASH PERO PARA HTML NUNCA Y AHORA VEO QUE ES SENCILLISIMO.. MIL GRACIAS DESDE MEXICO...
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.