Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 10 de 10

Tema: Ventana emergente

  1. #1
    Me va gustando esto... Habitante Avatar de crimi
    Fecha de Ingreso
    30 may, 11
    Ubicación
    Salamanca
    Mensajes
    38
    Poder de Reputación
    14

    Ventana emergente

    Hola alguien sabe que codigo usar para que salga una ventana emergente cuando se cierra la sesion y donde colocarlo?
    Gracias.

  2. #2
    Moderador CCTW Habitante Avatar de johnpeterjp
    Fecha de Ingreso
    13 abr, 06
    Ubicación
    Santiago de Chile
    Mensajes
    3,142
    Poder de Reputación
    36
    Existe la posibilidad de insertar un código javascript que muestre un mensaje al salir de la web, el código sería:

    Código:
    <script language="javascript">
    	var exit=true;
    	function exitwindow(){
    		if (exit) {
    			confirm('Gracias por tu visita, espero que no sea la última');	
    		}
    	}
    </script>
    Intenta con esto y si se acomoda a lo que quieres o buscamos algo más apropiado.
    "Conocimiento es necesidad, necesidad es conocer lo que necesitamos"


  3. #3
    Me va gustando esto... Habitante Avatar de crimi
    Fecha de Ingreso
    30 may, 11
    Ubicación
    Salamanca
    Mensajes
    38
    Poder de Reputación
    14
    Hola amigo,
    coloque el codigo dentro de mi cabecera y no funciono,
    tienes alguna otra idea.
    Gracias y saludos.

  4. #4
    Recien Llegado! Habitante Avatar de mohab
    Fecha de Ingreso
    24 jul, 11
    Mensajes
    17
    Poder de Reputación
    13
    pon en el tag body el atributo

    Código HTML:
    onBeforeUnload="return 'Estas seguro?';"
    de manera que quede asin :

    Código HTML:
    <body onBeforeUnload="return 'Estas seguro?';">
    Y ya esta! Saludos.

  5. #5
    Moderador CCTW Habitante Avatar de johnpeterjp
    Fecha de Ingreso
    13 abr, 06
    Ubicación
    Santiago de Chile
    Mensajes
    3,142
    Poder de Reputación
    36
    En internet hay muchos temas al respecto, acá hay otro de entrada y salida.

    Código:
    <BODY onLoad="alert('Mensaje de bienvenida a mi Sitio Web');" onUnLoad="confirm('Quiere usted salir de esta excelente pagina?');">
    "Conocimiento es necesidad, necesidad es conocer lo que necesitamos"


  6. #6
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    24 mar, 07
    Ubicación
    España
    Mensajes
    627
    Poder de Reputación
    23
    las respuestas que te han pasado sirven para mostrar un cartelito de confirmación.
    si lo que quieres es mostrar una ventana, lo que entendemos por "pop-up", el código es distinto:
    Código:
    miVentana = window.open('http://universojuegos.es','Titulo', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); miVentana.focus()
    Ese código abre una nueva ventana. Dentro de esa ventana carga la web "universojuegos.es" (lógicamente, puedes cambiarlo por la web que quieras mostrar). Le pone a la ventana un título, y coloca la ventana a 20px del borde izquierdo de la pantalla, y a 20px del borde superior.
    El tamaño de la ventana será de 500x500 tal como puedes ver.
    Por último, indica que la ventana tenga barra de herramientas (toolbar=1) y que NO se pueda redimensionar (resizable=false).

    La orden final, miVentana.focus() hace que la ventana aparezca en primer plano (las que no aparecen en primer plano se llaman "pop-under").

    ¿Dónde colocar este código? Puedes ponerlo en un botón, para que la ventana aparezca cuando el usuario pinche el botón:
    Código:
    <input type="button" onclick="CÓDIGO">
    O bien si como dices quieres que esto ocurra al irse de tu página, en el body:
    Código:
    <body onBeforeUnload="CÓDIGO">
    Normalmente este tipo de ventanas son bloqueadas por los navegadores.

  7. #7
    Moderador CCTW Habitante Avatar de johnpeterjp
    Fecha de Ingreso
    13 abr, 06
    Ubicación
    Santiago de Chile
    Mensajes
    3,142
    Poder de Reputación
    36
    Por lo que dices al final de tu mensaje Salmarina, es que es una muy mala opción. Si desean lograr un efecto similar pero mucho mejor, pueden usar ventanas modales como lightbox, que hoy abren cualquier tipo de comtenidos. Saludos.
    "Conocimiento es necesidad, necesidad es conocer lo que necesitamos"


  8. #8
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    21
    Sí, con LightBox (o ShadowBox, su clon) también puedes hacer que se abra al entrar a la página, pero no como pop-up (por lo que los navegadores no te lo bloquearían)

  9. #9
    Me va gustando esto... Habitante Avatar de crimi
    Fecha de Ingreso
    30 may, 11
    Ubicación
    Salamanca
    Mensajes
    38
    Poder de Reputación
    14
    Gracias, probare y os cuento chicos.

  10. #10
    Recien Llegado! Habitante
    Fecha de Ingreso
    29 sep, 11
    Mensajes
    28
    Poder de Reputación
    13

    Exclamation Script k t puede servir

    Olaz crimi. Puedes usar este codigo k va con su script
    Código HTML:
    <a href="javascript:ventanaSecundaria('emergente.html')"> Pincha en este enlace para abrir la ventana secundaria</a> 
    <script language="JavaScript" type="text/javascript">
    window.open("emergente.html" , "ventana1" , "width=120,height=300,scrollbars=NO") 
    </script>
    (ojo lo pones en el body)

    PD: debes tener, en tu carpeta el html k va a salir como popout. (en este caso "emergente.html")
    Soy un novato que estoy aprendiendo a montones!
    Visita http://www.carlolinks.comocreartuweb.es

Temas Similares

  1. Ventana emergente con un vídeo
    Por edaguisan en el foro Foro General
    Respuestas: 4
    Último Mensaje: 05/09/2010, 20:02
  2. Codigo ventana emergente
    Por Jario en el foro Foro General
    Respuestas: 6
    Último Mensaje: 30/03/2010, 16:42
  3. Mensaje en una ventana emergente
    Por Anlomaca en el foro Otros Elementos
    Respuestas: 0
    Último Mensaje: 10/02/2009, 15:32

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •