Ayuda, Script o Ventana Emergente

ImacRuz escrito el 02.08.AM a las 02:33 horas

Buenas noches, llevo varios meses utilizando el Website Maker 9 y ya he realizado algunas webs.

Estoy terminando una web, y por LEY como es de información sobre bebidas alcoholicas, solo pueden visitarla mayores de edad, mi idea es de poner una ventana emergente que aparezca automáticamente cuando se ascede a la web, comunicando que solo es para mayores de edad, y tienes que confirmar que SI o que NO. Si pulsas SI sigues en la web, y si pulsas no te redirige por ejemplo a Google, mi idea es que sea pequeña y semi trasmparente para que no oculte la web. Ya he probado muchas cosas y no salén bien para todos los navegadores.

Agradecería mucho vuestra ayuda y consejos, ya que he buscado mucha información y necesito terminar la web.

Saludos Cordiales.

Comentarios

Carlos escrito el 02.08.AM a las 08:33 horas

Hola, yo pondría como index una página informativa con los enlaces de aceptar o no, creo que es más seguro. Un saludo.

ImacRuz escrito el 02.08.PM a las 18:44 horas

Muchas Gracias Carlos, por tu rápida respuesta y ayuda.

Pensé y realizé lo que tu me comentas, pero una vez probado la entrada da sensación de que la web puede contener material PORN u otras cosas, y pueden echar visitas atrás, lo de seguro si que sería pero, me preocupo más por la estética que por el tema del que entre no sea mayor de edad.

Mira el siguiente enlace, que sería la idea que tengo como referencia y a mi jefe le gustaría tener. Te agradecería enormemente tu ayuda o la de algun participante de este foro.

Ejemplo de ventana emergente: http://www.winepalace.es

Queda más profesional, y más bonito.

Carlos escrito el 03.08.AM a las 09:03 horas

Hola escribe el siguiente código en body mediante marcador de lugar a ver si funciona. Indica el resultado. Un saludo

ImacRuz escrito el 03.08.AM a las 11:58 horas

Hola escribe el siguiente código en body mediante marcador de lugar a ver si funciona. Indica el resultado. Un saludo

Gracias Carlos por tu ayuda, he insertado el código tal y como me has dicho, al probarlo en local no sale ninguna ventana emergente, solo aparece en la web el marcador de lugar con la descripción y si lo pulsas es cuando aparece una ventana emergente, no lo hace automáticamente al entrar en la web.

Te pego el código por si hay algun error, yo lo he revisado varias veces y no doy con ningun fallo.

¿Es lo mismo que se pruebe en local como si se prueba subida la web al servidor?

Muchas Gracias de nuevo por tu ayuda, creo que lo conseguiremos y le podrá servir a muchos usuarios.

Código:

<html>
<TITLE>Ejemplo04.htm</TITLE>
<head>

<script  language="Javascript">
   // Pedir confirmación para visitar una página
   function confirmar ()
   {
      return confirm("Esta página contiene contenido para mayores de 18 años. ¿Lo cumples?")
    }
</script>

</head>
<body>
<a href="http://www.starwars.com/" onclick="return confirmar () ">Enlace a la página oficial de Star Wars</a>
</body>
</html>

 

Un Saludo.

Carlos escrito el 03.08.PM a las 18:08 horas

Hola el codigo esta bien, es asi,  pero creo que eso no es lo que buscas.
He creado unos ejemplos en una web de pruebas visita las paginas 5, 6, 7, 8
Un saludo
http://picomartillo.magix.net/public/zona1/

ImacRuz escrito el 03.08.PM a las 19:03 horas

Muchísimas Gracias Carlos, has dado en el clavo con lo que estoy buscando, el ejemplo de la página 8, es el que más me ha gustado, y es el que me gustaría poner en la web.

¿Qué código es el necesario?

¿Se puede modificar el texto?

De nuevo, agradecerte mucho tu ayuda.

 

Hola el codigo esta bien, es asi,  pero creo que eso no es lo que buscas.
He creado unos ejemplos en una web de pruebas visita las paginas 5, 6, 7, 8
Un saludo
http://picomartillo.magix.net/public/zona1/

 

ImacRuz escrito el 04.08.PM a las 14:01 horas

Hola el codigo esta bien, es asi,  pero creo que eso no es lo que buscas.
He creado unos ejemplos en una web de pruebas visita las paginas 5, 6, 7, 8
Un saludo
http://picomartillo.magix.net/public/zona1/

Hola Carlos, ya tengo preparado los tres archivos .png y subido a una carpeta del ftp, lo que necesito es el código para insertarlo en la web y funcione.

¿Tengo que insertarlo en body mediante marcador de lugar? o ¿directamente en el código de la web?

Un Saludo y Muchas Gracias.

Carlos escrito el 04.08.PM a las 14:30 horas

Hola el texto en realidad es una imagen y los botones de si y no también, tienes que crear tu propia imagen como tú quieras y subirla al servidor junto con la pagina donde quieras que este la ventana, tendrías que crear como página index una presentación de tu página principal y al hacer clic en sí  te mande a la página de inicio, ya que al poner la transparencia en  esa web ya no se puede navegar por ella, sería solo para el aviso.
 

Primero crea la página index o donde quieras que este el aviso, pon en el head de la página este código, quita los asteriscos del principio y final
 

*<style type='text/css'>
#anuncio {
position: absolute;
border: 0px;
padding: 2px;
width: 300px;
height: 80px;
visibility: hidden;
z-index: 200;
top: 27px;
left: 13px;
}
</style>


<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>*


Luego crea una forma y pega este código mediante marcador de lugar en body


 

La imagen la puedes crear con el mismo webdesigner, crea un nuevo proyecto crea una forma y añade el texto y las imágenes luego selecciona todo el mensaje y expórtalo como png y súbelo al servidor, tendrás que cambiar las url del código que va en body  por las tuyas, haz lo mismo con las imágenes de( si y no) lo bueno de esto que puedes cambiar la imagen tanto como quieras o por motivos de fechas como añadir algún detalle navideño al diseño.
Mira el cambio http://picomartillo.magix.net/public/zona1/pagina-8.htm
Los diseños son infinitos.
Guarda el diseño del mensaje para poder modificarlo cuando quieras, tendrás que ir probando hasta conseguir el resultado que buscas, tan solo tienes que subir el la imagen del mensaje al servidor y sobrescribir y ya está.
Por ultimo para la transparencia crea un cuadrado que ocupe toda la web colocada arriba del todo y dale la transparencia que quieras  con el botón de la copa, también puedes seleccionar el color. Prueba y vemos el resultado. Un saludo

ImacRuz escrito el 04.08.PM a las 16:09 horas

Gracias de nuevo por todo Tu ayuda Carlos, voy a ponerme mano a la obra y aprobar, en cuanto lo tenga terminado te aviso para que lo visites y me digas lo que te parece.

Un Saludo.

ImacRuz escrito el 04.08.PM a las 20:17 horas

Carlos; he realizado lo que me comentas pero no logro de que la trasnparencia surga efecto.

¿La página index que tamaño debe de tener?

¿Por que al aplicarle la tramsparencia, no se aplica?

He creado esa página con index, ¿esos código se pueden insertar en la página index sin crear una nueva?

Muchas Gracias por tu ayuda.

Carlos escrito el 05.08.PM a las 15:21 horas

 

Hola, sigue estos pasos
1 crea la página index
2 la página inicio es una copia de index
Crea una forma un cuadrado como se muestra en la imagen en index
3 pulsa botón de transparencia
4 selecciona más o menos transparencia
5 y 6 la forma tiene que ocupar toda la web de index
El botón de si tiene que enlazar con la página de inicio

ImacRuz escrito el 06.08.PM a las 12:39 horas

 

Hola, sigue estos pasos
1 crea la página index
2 la página inicio es una copia de index
Crea una forma un cuadrado como se muestra en la imagen en index
3 pulsa botón de transparencia
4 selecciona más o menos transparencia
5 y 6 la forma tiene que ocupar toda la web de index
El botón de si tiene que enlazar con la página de inicio

Muchas Gracias Carlos; ya lo he conseguido Gracias a Tu Ayuda. Ahora me toca ir probando poco a poco el diseño y el formato.

Un Saludo.