aviso emergente

wesse · #1 (**permalink**) 23/11/2005, 10:50

Necesito que al cargar una página salga un aviso emergente que diga que se ha de ser mayor de edad para acceder a la página. Si se acepta ser mayor, se cierra el menú y continúa la carga y si se da a cancelar, se cierra esa página.

¿Cómo se puede hacer?

Mil gracias

Añadido:
"He encontrado este código que se ajusta mas a lo que busco, pero necesito que en lugar de ejecutarse cuando haces click, se ejecute al cargar la pagina

<a href=xxx onclick="return confirm('Esta página es sólo para adultos. Si eres mayor de edad pulsa aceptar.')">aa</a>

Cómo he de modificarlo?"

ludovico2000 · #2 (**permalink**) 23/11/2005, 11:08

Eso que necesitas es un "confirm", aqui tienes un ejemplo:

Código:

      <HTML>
      <HEAD>
      <SCRIPT>
      if ( confirm("Pulsa OK sólo si eres mayor de edad")) {
         alert("Bienvenido, adulto");
         location.href="paginaparaadultos.htm";
      } else {
        alert("No puedes entrar si eres menor" );
        top.close();
      }
      </SCRIPT>
      </HEAD>
      <BODY>
      </BODY>
      </HTML>

...por ejemplo...

wesse · #3 (**permalink**) 23/11/2005, 11:18

Justo lo que buscaba!

Lo único que no quiero que aparezca lo de bienvenido o lo de "has de se mayor de edad" (los alert, vamos)

He probado a quitarlos y el primero, sin problemas, pero si elimino el segundo, al dar ese botón me dice que se está intentando cerrar la ventana: aceptar o cancelar. Si das aceptar se cierra y si dar a cancelar se carga la pagina

Cómo se puede cerrar automaticamente sin el mensaje ese?

ludovico2000 · #4 (**permalink**) 23/11/2005, 12:29

no es que ocurra "al quitar el segundo alert", sino que ocurre en el segundo caso "en general", ya que primero ejecuta el alert y luego cierra la ventana.

Tienes dos opciones:

1) no poner la función que cierra la ventana sino usar el body de esa misma página para mostrar una info para "no-adultos". Quitamos lo que ocurre "else" y si da a cancelar, no hace "nada" y continúa con la carga de esta página. Sería algo así:

Código:

      <HTML>
      <HEAD>
      <SCRIPT>
      if ( confirm("Pulsa OK sólo si eres mayor de edad")) {
         location.href="paginaparaadultos.htm";
      }
      </SCRIPT>
      </HEAD>
      <BODY>
una página con florecitas que dice:
"lo siento macho, hasta que crezcas no puedes entrar"
      </BODY>
      </HTML>

2) Más o menos lo mismo de antes, sólo que añado otra función que hace que la página se cierre sin chistar al cargar el contenido (que puede ser "nada de nada") de esta página:

Código:

      <HTML>
      <HEAD>
      <SCRIPT>
      if ( confirm("Pulsa OK sólo si eres mayor de edad")) {
         location.href="paginaparaadultos.htm";
      }
      </SCRIPT>
      </HEAD>
<script>
function cerrar()
{
var ventana = window.self;
ventana.opener = window.self;
ventana.close();
}
</script>

      <BODY onload="cerrar()">
      </BODY>
      </HTML>

wesse · #5 (**permalink**) 24/11/2005, 11:35

No hay alguna otra forma mas simple de hacer que si da a cancelar se cierre directamente la ventana?

wesse · #6 (**permalink**) 24/11/2005, 11:40

Acabo de volver a probar el ejemplo primero y ahora no me funciona
<SCRIPT>
if ( confirm("Pulsa OK sólo si eres mayor de edad")) {
alert("Bienvenido, adulto");
location.href="pagina.htm";
} else {
alert("No puedes entrar si eres menor" );
top.close();
}
</SCRIPT>

si le doy a aceptar me dice bienvenido adulto, le doy de nuevo a aceptar y me vuelve a preguntar si soy adulto.. asi siempre.

wesse · #7 (**permalink**) 24/11/2005, 15:18

He encontrado este código que se ajusta mas a lo que busco, pero necesito que en lugar de ejecutarse cuando haces click, se ejecute al cargar la pagina

<a href=xxx onclick="return confirm('Esta página es sólo para adultos. Si eres mayor de edad pulsa aceptar.')">aa</a>

Cómo he de modificarlo?

ludovico2000 · #8 (**permalink**) 25/11/2005, 13:23

Para que se ejecute al cargar la página (onload) sólo tienes que ponerlo así:

<body onload="return ......... [las demás cosas del body, como color de fondo, etc.>

wesse · #9 (**permalink**) 25/11/2005, 13:57

Eso ya lo probé, pero no funciona porque aunque le des a aceptar o a cancelar, carga la pagina y deja pasar igualmente, por lo que no vale de nada.

ludovico2000 · #10 (**permalink**) 28/11/2005, 03:34

Entonces tu mejor opción es:

Código:

      <HTML>
      <HEAD>
      <SCRIPT>
      if ( confirm("Pulsa OK sólo si eres mayor de edad")) {
         location.href="paginaparaadultos.htm";
      }
      </SCRIPT>
      </HEAD>
<script>
function cerrar()
{
var ventana = window.self;
ventana.opener = window.self;
ventana.close();
}
</script>

      <BODY onload="cerrar()">
      </BODY>
      </HTML>

Pero no pongas nada en ese body, ya que el contenido restringido está en "paginaparaadultos.htm", que es otra diferente y para evitar anulen la ejecución de scripts, y lean en el código la página de destino, puedes poner la función en un *.js que esté en otra carpeta de la raiz del servidor. (si sabes cómo se hace, vuelve a preguntar y te lo explico/amos)