SlideShare una empresa de Scribd logo
1 de 1
Así que quieres poner un botón que abra una ventanita en la pantalla. ¿Cierto? Bueno,
aquí está cómo.
El problema de tener una página compleja con varios enlaces es el que, al ingresar a uno
y volver, uno tiene que esperar a que la pagina se redibuje de nuevo, lo cual puede ser
molesto. Una solución es abrir una ventanita en el enlace. Muchos la implementan
usando un evento onclick que llama a window.open(), de la siguiente forma:
<a href="#" onclick="window.open('pagina.html','window','params')">Bla</a>
El problema con eso es que sólo funciona con Javascript. Uno podría cambiar el gato
por pagina.html para que funcionara sin Javascript, pero en el navegador con Javascript
hace lo mismo en la ventana original, ADEMÁS de abrir la ventana. Y sólo queremos
abrir la ventana.
Solución: Agreguemos un return false para evitar tal efecto indeseado.
<a href="pagina.html" onclick="window.open(this.href,'window','params');return
false">Bla</a>
(this.href en Javascript apunta al valor del atributo href de este tag (el <a>), que en este
caso es 'pagina.html')
Otra: siempre es útil encapsular las cosas que ocupamos mucho. Por ejemplo,
suponiendo que tengamos muchos enlaces de la forma anterior, en los cuales sólo varía
la dirección de la página, podemos crear la siguiente función:
<script language="Javascript">
function abrir(pagina) {
window.open(pagina,'window','params');
}
</script>
Y luego, aplicarla de la siguiente forma:
<a href="pagina.html" onclick="abrir(this.href);return false">
Aquí hay una tabla con los parámetros de window.open. Si tiene Javascript activado,
debería abrirse en otra ventana.
Copyright © 2000~2013, Luis Alejandro González Miranda ( locoluis en gmail ) -
Alojado en

Más contenido relacionado

La actualidad más candente

Variablesenphp 130402171450-phpapp01
Variablesenphp 130402171450-phpapp01Variablesenphp 130402171450-phpapp01
Variablesenphp 130402171450-phpapp01Adriana Guerrero
 
Actividades aula de informática 3ª evaluación
Actividades aula de informática 3ª evaluaciónActividades aula de informática 3ª evaluación
Actividades aula de informática 3ª evaluacióndakar44
 
Como insertar una radio en blog
Como insertar una radio en blogComo insertar una radio en blog
Como insertar una radio en blogMilko Galvez Angel
 
Iniciar una máquina virtual de virtualbox al iniciar la sesión en windows
Iniciar una máquina virtual de virtualbox al iniciar la sesión en windowsIniciar una máquina virtual de virtualbox al iniciar la sesión en windows
Iniciar una máquina virtual de virtualbox al iniciar la sesión en windowsRider Sarria
 
Variables en ph p sandra moran
Variables en ph p sandra moranVariables en ph p sandra moran
Variables en ph p sandra moranViviana Bebitha
 
Actividad 69 de Estimulación Cognitiva para Adultos Mayores
Actividad 69 de Estimulación Cognitiva para Adultos MayoresActividad 69 de Estimulación Cognitiva para Adultos Mayores
Actividad 69 de Estimulación Cognitiva para Adultos MayoresChris Núñez
 
Tutorial para crear tu pagina web
Tutorial para crear tu pagina webTutorial para crear tu pagina web
Tutorial para crear tu pagina webjonyhdzz
 
Como crear mi primera pagina web
Como crear mi primera pagina webComo crear mi primera pagina web
Como crear mi primera pagina webSergio Varon
 
Guía para enlace en foro de moodle
Guía para enlace en foro de moodleGuía para enlace en foro de moodle
Guía para enlace en foro de moodleLuz Rada
 
Trucos de google chrome
Trucos de google chromeTrucos de google chrome
Trucos de google chromeErick Cruz
 
BUSCA Y GANA DINERO螺
BUSCA Y GANA DINERO螺BUSCA Y GANA DINERO螺
BUSCA Y GANA DINERO螺JoseLuis612113
 
Presentacion1(3)
Presentacion1(3)Presentacion1(3)
Presentacion1(3)javierot99
 
Modulo 10 chat de facebook envolve- en la plataforma
Modulo 10 chat de facebook   envolve- en la plataformaModulo 10 chat de facebook   envolve- en la plataforma
Modulo 10 chat de facebook envolve- en la plataformaJuan Vargas
 

La actualidad más candente (20)

Variablesenphp 130402171450-phpapp01
Variablesenphp 130402171450-phpapp01Variablesenphp 130402171450-phpapp01
Variablesenphp 130402171450-phpapp01
 
Actividades aula de informática 3ª evaluación
Actividades aula de informática 3ª evaluaciónActividades aula de informática 3ª evaluación
Actividades aula de informática 3ª evaluación
 
Como insertar una radio en blog
Como insertar una radio en blogComo insertar una radio en blog
Como insertar una radio en blog
 
Iniciar una máquina virtual de virtualbox al iniciar la sesión en windows
Iniciar una máquina virtual de virtualbox al iniciar la sesión en windowsIniciar una máquina virtual de virtualbox al iniciar la sesión en windows
Iniciar una máquina virtual de virtualbox al iniciar la sesión en windows
 
Variables en ph p sandra moran
Variables en ph p sandra moranVariables en ph p sandra moran
Variables en ph p sandra moran
 
Insertando Audio En El Blog
Insertando Audio En El BlogInsertando Audio En El Blog
Insertando Audio En El Blog
 
G051B
G051BG051B
G051B
 
Actividad 69 de Estimulación Cognitiva para Adultos Mayores
Actividad 69 de Estimulación Cognitiva para Adultos MayoresActividad 69 de Estimulación Cognitiva para Adultos Mayores
Actividad 69 de Estimulación Cognitiva para Adultos Mayores
 
Tutorial para crear tu pagina web
Tutorial para crear tu pagina webTutorial para crear tu pagina web
Tutorial para crear tu pagina web
 
Klklj
KlkljKlklj
Klklj
 
Como crear mi primera pagina web
Como crear mi primera pagina webComo crear mi primera pagina web
Como crear mi primera pagina web
 
Guía para enlace en foro de moodle
Guía para enlace en foro de moodleGuía para enlace en foro de moodle
Guía para enlace en foro de moodle
 
Joomla segundo avance
Joomla segundo avanceJoomla segundo avance
Joomla segundo avance
 
Como insertar una radio
Como insertar una radioComo insertar una radio
Como insertar una radio
 
Trucos de google chrome
Trucos de google chromeTrucos de google chrome
Trucos de google chrome
 
BUSCA Y GANA DINERO螺
BUSCA Y GANA DINERO螺BUSCA Y GANA DINERO螺
BUSCA Y GANA DINERO螺
 
Presentacion1(3)
Presentacion1(3)Presentacion1(3)
Presentacion1(3)
 
Modulo 10 chat de facebook envolve- en la plataforma
Modulo 10 chat de facebook   envolve- en la plataformaModulo 10 chat de facebook   envolve- en la plataforma
Modulo 10 chat de facebook envolve- en la plataforma
 
Variables en php
Variables en phpVariables en php
Variables en php
 
Mi primera pagina web
Mi primera pagina webMi primera pagina web
Mi primera pagina web
 

Destacado

PresentacióN Dezotti 3
PresentacióN Dezotti 3PresentacióN Dezotti 3
PresentacióN Dezotti 3cristofer163
 
Trabajo de analisis_matematico_iii_orden_n_
Trabajo de analisis_matematico_iii_orden_n_Trabajo de analisis_matematico_iii_orden_n_
Trabajo de analisis_matematico_iii_orden_n_Danny Alejandro
 
Melida del carmen guerra torres
Melida del carmen guerra torresMelida del carmen guerra torres
Melida del carmen guerra torresalcaldia municipal
 
10. observaciones y entrevista
10. observaciones y entrevista10. observaciones y entrevista
10. observaciones y entrevistaMitch Lopez
 
Cuestionario 2
Cuestionario 2Cuestionario 2
Cuestionario 2Edwin
 
graffiti
graffitigraffiti
graffitimax
 
Conceptos de tecnologia educativa de cleidys m lachapell
Conceptos de tecnologia educativa de cleidys m lachapellConceptos de tecnologia educativa de cleidys m lachapell
Conceptos de tecnologia educativa de cleidys m lachapellcleidysmargaritalachapell
 
Grupo B FATLA
Grupo B FATLAGrupo B FATLA
Grupo B FATLAlaschicas
 
Phillips Global Consult - Escritório Virtual
Phillips Global Consult - Escritório VirtualPhillips Global Consult - Escritório Virtual
Phillips Global Consult - Escritório Virtualluizvale
 
Paul Bocuse Institute Certificate
Paul Bocuse Institute Certificate Paul Bocuse Institute Certificate
Paul Bocuse Institute Certificate Mohamed Youssef
 
Arquitectura Romana
Arquitectura RomanaArquitectura Romana
Arquitectura RomanaLuisaDuran24
 
S15 Herramientas Complementarias Actualizacion Blog
S15 Herramientas Complementarias Actualizacion BlogS15 Herramientas Complementarias Actualizacion Blog
S15 Herramientas Complementarias Actualizacion BlogIUTE.BAILADORES
 
Género del sustantivo
Género del sustantivoGénero del sustantivo
Género del sustantivoCecibel Landy
 

Destacado (20)

PresentacióN Dezotti 3
PresentacióN Dezotti 3PresentacióN Dezotti 3
PresentacióN Dezotti 3
 
Trabajo de analisis_matematico_iii_orden_n_
Trabajo de analisis_matematico_iii_orden_n_Trabajo de analisis_matematico_iii_orden_n_
Trabajo de analisis_matematico_iii_orden_n_
 
Melida del carmen guerra torres
Melida del carmen guerra torresMelida del carmen guerra torres
Melida del carmen guerra torres
 
Act. 4
Act. 4Act. 4
Act. 4
 
10. observaciones y entrevista
10. observaciones y entrevista10. observaciones y entrevista
10. observaciones y entrevista
 
Comercio justo
Comercio justoComercio justo
Comercio justo
 
Cambios de la materia
Cambios de la  materiaCambios de la  materia
Cambios de la materia
 
El modelo osi
El modelo osiEl modelo osi
El modelo osi
 
Cuestionario 2
Cuestionario 2Cuestionario 2
Cuestionario 2
 
graffiti
graffitigraffiti
graffiti
 
Hardware
HardwareHardware
Hardware
 
Conceptos de tecnologia educativa de cleidys m lachapell
Conceptos de tecnologia educativa de cleidys m lachapellConceptos de tecnologia educativa de cleidys m lachapell
Conceptos de tecnologia educativa de cleidys m lachapell
 
Grupo B FATLA
Grupo B FATLAGrupo B FATLA
Grupo B FATLA
 
La Magrana
La MagranaLa Magrana
La Magrana
 
Phillips Global Consult - Escritório Virtual
Phillips Global Consult - Escritório VirtualPhillips Global Consult - Escritório Virtual
Phillips Global Consult - Escritório Virtual
 
Paul Bocuse Institute Certificate
Paul Bocuse Institute Certificate Paul Bocuse Institute Certificate
Paul Bocuse Institute Certificate
 
Arquitectura Romana
Arquitectura RomanaArquitectura Romana
Arquitectura Romana
 
S15 Herramientas Complementarias Actualizacion Blog
S15 Herramientas Complementarias Actualizacion BlogS15 Herramientas Complementarias Actualizacion Blog
S15 Herramientas Complementarias Actualizacion Blog
 
marc jovani
marc jovanimarc jovani
marc jovani
 
Género del sustantivo
Género del sustantivoGénero del sustantivo
Género del sustantivo
 

Así que quieres poner un botón que abra una ventanita en la pantalla

  • 1. Así que quieres poner un botón que abra una ventanita en la pantalla. ¿Cierto? Bueno, aquí está cómo. El problema de tener una página compleja con varios enlaces es el que, al ingresar a uno y volver, uno tiene que esperar a que la pagina se redibuje de nuevo, lo cual puede ser molesto. Una solución es abrir una ventanita en el enlace. Muchos la implementan usando un evento onclick que llama a window.open(), de la siguiente forma: <a href="#" onclick="window.open('pagina.html','window','params')">Bla</a> El problema con eso es que sólo funciona con Javascript. Uno podría cambiar el gato por pagina.html para que funcionara sin Javascript, pero en el navegador con Javascript hace lo mismo en la ventana original, ADEMÁS de abrir la ventana. Y sólo queremos abrir la ventana. Solución: Agreguemos un return false para evitar tal efecto indeseado. <a href="pagina.html" onclick="window.open(this.href,'window','params');return false">Bla</a> (this.href en Javascript apunta al valor del atributo href de este tag (el <a>), que en este caso es 'pagina.html') Otra: siempre es útil encapsular las cosas que ocupamos mucho. Por ejemplo, suponiendo que tengamos muchos enlaces de la forma anterior, en los cuales sólo varía la dirección de la página, podemos crear la siguiente función: <script language="Javascript"> function abrir(pagina) { window.open(pagina,'window','params'); } </script> Y luego, aplicarla de la siguiente forma: <a href="pagina.html" onclick="abrir(this.href);return false"> Aquí hay una tabla con los parámetros de window.open. Si tiene Javascript activado, debería abrirse en otra ventana. Copyright © 2000~2013, Luis Alejandro González Miranda ( locoluis en gmail ) - Alojado en