Versión para impresora
Pincha aquí para ver esta discusión en su formato original
Foros de esD'ni > Discusión General > Puzzle-site


Publicado por: DniUrgo el 19 Apr 2006, 18:54
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:
http://www.enriquezdesalamanca.es/puzzle
en obras.
Si ya lo habeis visto antes de anteayer, ya hay novedades.

Publicado por: Zeon el 19 Apr 2006, 20:42
¡Qué cachondo!
spoiler (click para ver)

Publicado por: Rigel el 19 Apr 2006, 21:32
Muy bien, ahora queremos más tongue1.gif

Publicado por: Zeon el 20 Apr 2006, 00:00
Ahora entiendo por qué preguntabas lo de los mapas wink.gif

Publicado por: DniUrgo el 20 Apr 2006, 17:35
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?

Publicado por: Zeon el 21 Apr 2006, 02:07
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. biggrin.gif
Vaya horas para estar aquí escribiendo...

Publicado por: DniUrgo el 21 Apr 2006, 06:36
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.

Publicado por: Zeon el 21 Apr 2006, 12:00
¡Incrédulo! ohmy.gif ¿Cómo que no estás seguro? ohmy.gif ¡Claro que funciona!
Este es el tonexus.htm modificado. Calcula el mapa al redimensionar:
spoiler (click para ver)

Nada más cópialo entero y pégalo encima de lo que tienes. Luego me cuentas si funciona o no tounge.gif La de libro.htm te la dejo a ti.

Publicado por: DniUrgo el 21 Apr 2006, 17:38
Perfecto, me quito el cráneo.
ohmy.gif
spoiler (click para ver)

Publicado por: Zeon el 21 Apr 2006, 18:49
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. happy.gif

Publicado por: DniUrgo el 21 Apr 2006, 19:26
me refiero a
spoiler (click para ver)

y el otro parecido hacia el final de la pagina que no estan en mi original

Publicado por: Zeon el 21 Apr 2006, 20:05
A mí me sale. Dale a Ver código fuente en tu navegador, y mira a ver.

Publicado por: DniUrgo el 21 Apr 2006, 20:39
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
blink.gif

Publicado por: Zeon el 21 Apr 2006, 20:59
Vale, es verdad. Tienes razón. Lo añade mi firewall. Nunca me di cuenta. Simplemente quítalo.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)