Foros de esD'ni -> Puzzle-site

Bienvenido, invitado ( Identificarse | Registrarse )

Foros de esD'ni > Página Web y Foro > Discusión General

Ayuda

Búsqueda

Miembros

Calendario

Puzzle-site, si no hay juego propio porque no una web

Outline · [ Standard ] · Linear+

Suscribirse Enviar por correo Imprimir

DniUrgo	19 Apr 2006, 18:54 Publicado: #1
Gran Maestro Cofrade Grupo: Miembro Mensajes: 1419 Registrado: 13-Dec 03 Desde: Vicus Miembro nº: 116 Cofradía: Científicos	Mientras alguien retoma lo del videojuego propio, se me va ocurriendo algo: voy haciendo una web y con CSS y JavaScript y paciencia intento crear unos puzzles a ver que os parece: puzzle-site en obras. Si ya lo habeis visto antes de anteayer, ya hay novedades. -------------------- [url=http://www.debian.org/] Ki765059 Ki nuevo 01369811 CAUTIVOS DIGITALES

Zeon	19 Apr 2006, 20:42 Publicado: #2
Maestro Grupo: Miembro Mensajes: 252 Registrado: 7-Apr 06 Desde: Madrid Miembro nº: 325	¡Qué cachondo! spoiler (click para ver) Por un momento me he preguntado ¿por qué se ha puesto el Uru? --------------------

Rigel	19 Apr 2006, 21:32 Publicado: #3
Maestro Grupo: Miembro Mensajes: 435 Registrado: 4-Feb 04 Desde: Tarragona Miembro nº: 125 Cofradía: Mensajeros	Muy bien, ahora queremos más -------------------- 00995336

Zeon	20 Apr 2006, 00:00 Publicado: #4
Maestro Grupo: Miembro Mensajes: 252 Registrado: 7-Apr 06 Desde: Madrid Miembro nº: 325	Ahora entiendo por qué preguntabas lo de los mapas --------------------

DniUrgo	20 Apr 2006, 17:35 Publicado: #5
Gran Maestro Cofrade Grupo: Miembro Mensajes: 1419 Registrado: 13-Dec 03 Desde: Vicus Miembro nº: 116 Cofradía: Científicos	claro: la imagen se redimensiona con el tamaño de ventana que le ponga el usuario, pero las coordenadas del mapa no hay tu tia... bueno.... quien dijo imposible? -------------------- [url=http://www.debian.org/] Ki765059 Ki nuevo 01369811 CAUTIVOS DIGITALES

Zeon	21 Apr 2006, 02:07 Publicado: #6
Maestro Grupo: Miembro Mensajes: 252 Registrado: 7-Apr 06 Desde: Madrid Miembro nº: 325	Mira, sí hay tu tía: Defines el mapa (truquito, añadirle id al area) CODE <map name="Mapa"> <area href="libro.htm" shape="rect" coords="x0,y0,x1,y1" id="mapa1"> </map> Se lo asocias a la foto CODE <img src="tonexus.jpg" alt="" id="foto1" onClick="top.location.href='libro.htm'" usemap="#Mapa" width="800" height="600"> Y modificas el tamaño del mapa a la vez que el de la foto CODE function escalaFoto1(){ //adapta el tamaño de la foto al de la ventana ... //adapta el mapa document.getElementById('mapa1').coords="x0',y0',x1',y1'"; } Tendrás que medir la foto y jugar con porcentajes, pero funciona. Vaya horas para estar aquí escribiendo... --------------------

DniUrgo	21 Apr 2006, 06:36 Publicado: #7
Gran Maestro Cofrade Grupo: Miembro Mensajes: 1419 Registrado: 13-Dec 03 Desde: Vicus Miembro nº: 116 Cofradía: Científicos	Uhmmm eso no estoy seguro de que funcionara. document.getElementById('mapa1').coords no se reconocería. Pero la idera va por ahí: trabajar con porcentajes, retomar la dimension de la ventana ante cualquier redimensionado de la misma y reescribir a volapie las nuevas coordenadas. Si la idea es la misma pero la sintaxis creo que no podria ser exactamente esa. Ya lo veremos.... que somos muchos aqui los que estamos de examenes por lo que os he leido. -------------------- [url=http://www.debian.org/] Ki765059 Ki nuevo 01369811 CAUTIVOS DIGITALES

Zeon	21 Apr 2006, 12:00 Publicado: #8
Maestro Grupo: Miembro Mensajes: 252 Registrado: 7-Apr 06 Desde: Madrid Miembro nº: 325	¡Incrédulo! ¿Cómo que no estás seguro? ¡Claro que funciona! Este es el tonexus.htm modificado. Calcula el mapa al redimensionar: spoiler (click para ver) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>To Nexus</title> <style type="text/css"> body{ background-color:black; color:white; } #foto1{ position:absolute; width:800px; height:600px; border:none; top:0px; left:0px; cursor:pointer; } a{ border: 1px solid blue; } body{ overflow-y:hidden;overflow-x:hidden; } a:hover{ border: 3px solid blue; } </style> </head> <body id="cuerpo" oncontextmenu="return false" onkeydown="return false"> <map name="Mapa"> <area href="libro.htm" shape="rect" id="mapa1"> </map> <img src="tonexus.jpg" alt="" id="foto1" usemap="#Mapa"> <script language="JavaScript"> <!-- function SymError() { return true; } window.onerror = SymError; var SymRealWinOpen = window.open; function SymWinOpen(url, name, attributes) { return (new Object()); } window.open = SymWinOpen; //--> </script> <script language="JavaScript" type="text/javascript"> function escalaFoto1(){ //adapta el tamaño de la foto al de la ventana var alto= document.body.clientHeight; var ancho=document.body.clientWidth; document.getElementById('foto1').style.top=(document.body.clientHeight/2)-(alto/2); document.getElementById('foto1').style.left=(document.body.clientWidth/2)-(ancho/2) document.getElementById('foto1').style.height = alto; document.getElementById('foto1').style.width = ancho; //adapta el tamaño del mapa w0 = 0.37document.body.clientWidth; h0 = 0.42document.body.clientHeight; w1 = 0.55document.body.clientWidth; h1 = 0.55document.body.clientHeight; document.getElementById('mapa1').coords=w0+","+h0+","+w1+","+h1; } escalaFoto1(); window.onresize=escalaFoto1; </script> </body> </html> <script language="JavaScript"> <!-- var SymRealOnLoad; var SymRealOnUnload; function SymOnUnload() { window.open = SymWinOpen; if(SymRealOnUnload != null) SymRealOnUnload(); } function SymOnLoad() { if(SymRealOnLoad != null) SymRealOnLoad(); window.open = SymRealWinOpen; SymRealOnUnload = window.onunload; window.onunload = SymOnUnload; } SymRealOnLoad = window.onload; window.onload = SymOnLoad; //--> </script> Nada más cópialo entero y pégalo encima de lo que tienes. Luego me cuentas si funciona o no La de libro.htm te la dejo a ti. --------------------

DniUrgo	21 Apr 2006, 17:38 Publicado: #9
Gran Maestro Cofrade Grupo: Miembro Mensajes: 1419 Registrado: 13-Dec 03 Desde: Vicus Miembro nº: 116 Cofradía: Científicos	Perfecto, me quito el cráneo. spoiler (click para ver) ahora explica para que sirve el primer y tercer script porque también funciona sin ello. La pena es que el mapa debería ser un círculo que señale esa zona del artilugio que se ilumina de azul cuando metes la mano. -------------------- [url=http://www.debian.org/] Ki765059 Ki nuevo 01369811 CAUTIVOS DIGITALES

Zeon	21 Apr 2006, 18:49 Publicado: #10
Maestro Grupo: Miembro Mensajes: 252 Registrado: 7-Apr 06 Desde: Madrid Miembro nº: 325	Esas funciones las tenías tú ya puestas. Yo sólo he modificado la de redimensionar. En el juego, cuando pinchas en la ranura, es para añadir el vínculo al nexo, pero para usar el libro, pinchas en el libro, por eso puse un cuadrado. De todas formas, sólo cambia las dimensiones del área y listo. --------------------

DniUrgo	21 Apr 2006, 19:26 Publicado: #11
Gran Maestro Cofrade Grupo: Miembro Mensajes: 1419 Registrado: 13-Dec 03 Desde: Vicus Miembro nº: 116 Cofradía: Científicos	me refiero a spoiler (click para ver) <script language="JavaScript"> <!-- function SymError() { return true; } window.onerror = SymError; var SymRealWinOpen = window.open; function SymWinOpen(url, name, attributes) { return (new Object()); } window.open = SymWinOpen; //--> </script> y el otro parecido hacia el final de la pagina que no estan en mi original -------------------- [url=http://www.debian.org/] Ki765059 Ki nuevo 01369811 CAUTIVOS DIGITALES

Zeon	21 Apr 2006, 20:05 Publicado: #12
Maestro Grupo: Miembro Mensajes: 252 Registrado: 7-Apr 06 Desde: Madrid Miembro nº: 325	A mí me sale. Dale a Ver código fuente en tu navegador, y mira a ver. --------------------

DniUrgo	21 Apr 2006, 20:39 Publicado: #13
Gran Maestro Cofrade Grupo: Miembro Mensajes: 1419 Registrado: 13-Dec 03 Desde: Vicus Miembro nº: 116 Cofradía: Científicos	bueno pues uno de los dos tiene un problema porque a mi no me sale nada de esoen el original de mi disco duro ni en el colgado de la red. que el codigo lo escribo yo mismo y ese nisiquiera lo entiendo. vaya sí lo entiendo pero no viene a cuento: un manejo de errores algo redundante y una funcion para abrir ventana.... pero que ventana quiero abrir yo? ninguna -------------------- [url=http://www.debian.org/] Ki765059 Ki nuevo 01369811 CAUTIVOS DIGITALES

Zeon	21 Apr 2006, 20:59 Publicado: #14
Maestro Grupo: Miembro Mensajes: 252 Registrado: 7-Apr 06 Desde: Madrid Miembro nº: 325	Vale, es verdad. Tienes razón. Lo añade mi firewall. Nunca me di cuenta. Simplemente quítalo. --------------------

« Posterior Discusión General Anterior »

1 usuario(s) está(n) leyendo esta discusión (1 invitado(s) y 0 usuario(s) anónimo(s))

0 miembro(s):

	Versión Ligera (Lo-Fi)	Time is now: 24 Apr 2024 - 13:09
esD'ni es una creación de CoolWind. Diseño de la web: Genomax