| |||
enlace de pop-up a otro pop-up Y quien de los maestros me dice com puedo selecionar una parte de un pop-up para que cuando salga dicho pop-up y pulse en la parte que desee me lleve a otro pop-up ?
__________________ Saludos acaser www.turiscan.com |
| |||
Hola Caricatos si, son pop relacionados Veras se trata de lo siguiente yo al pulsar sobre un texto o imagen se abre un pop-up que es una fotografia, bien , pues lo que quiero es que una vez abierto ese pop-up ( foto ) pueda pulsar en un lugar que yo elija previamente mapadeado y me lleve a otro pop-up intento ponerte un ejemplo serie de fotos que llamremos A, B, C la serie A son fotos pequeñas que al pulsarlas se abren un pop-up de esas fotos ampliadas que llamaremos B, en los pop de la serie B en cada uno de ellos ( fotos ) quiero situar unos simbolos que a modo de enlace cada uno de ellos me lleven a otro pop que llamaremos C Tunait me dijo que trabajaria sobre ello pero tambien me dijo que estaba un poco liada con sus temas particulares pero que intentaria hacer algo sobre ello y bueno no quiero molestarla mucho mira mas abajo esto es lo que la escribi se trata de un plano yo otra vez Hola de nuevo No se si notaras mi cara como se pone colorada por volver a recurrir a ti sobre un tema que tengo interes y que las soluciones que me han dado en el foro pues no llego a comprenderlas, creo que tu eres la mas indicada para si quieres poder ayudarme ya que lo que intento es hacer algo sobre un scrit tuyo es el de imagenes para crear popup adaptados al tamaño de una imagen 2 que permitieran ver la siguiente y la anterior fotografía / debo decirte que utilizo algunos scrit tuyos desde hace tiempo y aprovecho para agradecertelo veras se trata que sobre codigo "imagenes para crear popup adaptados al tamaño de una imagen 2 que permitieran ver la siguiente y la anterior fotografía " yo quiero poner tambien que ademas de la anterior y posterior fotografia se pueda ver tambien la de arriba y abajo y me explico, se trata de un plano de mi ciudad donde hay 5 filas y 10 columnas a1, a2 a3............a10 b1, b2.................b10 c1........................c10 d1.......................d10 e1.......................e10 y asi hasta las 5 filas y 10 columnas hasta ahora si una persona pincha digamos en la casilla c5 del plano general reducido sale el pop-up de esa casilla con tu codigo podra ir a la izquierda en este caso c4 y a la derecha c6 y lo que quiero es que tambien pueda ir hacia arriba en este caso corresponderia basandonos en el ejemplo de la casilla c5 seria hacia arriba a la casilla b5 y hacia abajo a la casilla d5 espero que me entiendas y me eches una mano ya que esto que para mi es un mundo para ti pienso que es una tonteria, te pediria mas en lugar de poner en texto lo de anterior -siguiente-arriba-abajo se me ocurre que en cada foto del plano que sale en el pop-up hubiese unas flechas indicadoras que al pulsarlas hiciese los mismos enlaces. yo he intentado a traves del editor mapadear esas flechas y las ponia el enlace a esas casillas pero al salir el primer pop-pu me anula los enlaces de las flechas ¿ sigo rizando el rizo ? pues veras como puedo ademas de lo anterior conseguir que una vez salga el primer pop-up y pulsar al siguiente el primero quede en pantalla junto al siguiente y el primero desaparezca cuando de a un tercero de tal manera que siempre este en pantalla los dos ultimos pinchados. Si despues de este rollo que te he metido me mandas hacer puñetas lo entendere ¿ sabes una cosa ? te admiro y te envidio por lo que sabes __________________ __________________ Saludos Francisco
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: Aunque no sea exactamente lo que estás pidiendo, te preparé un "apaño" rápido que tal vez te pueda servir http://www.pepemolina.com/imagenes/maparaborrar.html Está hecho con miniaturas para que se cargue rápido, pero supongo que puede ser una base para lo que quieres. Saludos |
| |||
gracias Muchisimas gracias mas o menos es esto lo que quiero creo que me has comprendido lo echare un vistazo y si encuentro alguna duda te lo comunicare La verdad es que uno se siente muy bien al saber que en alguna parte del mundo hay alguien presto ayudarte inmediatamente sin que te conozcan de verdad muchas gracias a ti y a todos aquellos que sin interes alguno ayudan a otros en su caminar
__________________ Saludos acaser www.turiscan.com |
| |||
Bueno aqui estoy de nuevo lo que me has mandado esta en la linea de lo que quiero pero como llamo al primer pop-up ? te mando la direccion donde quiero ponerlo para que lo comprendas mejor si pulsas en cualquier parte del plano te sale un pop-up de la zona, en ese pop-up es donde deberia salir el ejemplo que tu me has mandado y desde hay ir de un sitio a otro http://webs.ono.com/turiscan/planosan.htm
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: Te he preparado un ejemplo sencillo: http://www.pepemolina.com/imagenes/maparaborrar1.html que es tan solo dividir la página anterior en 2, una de las cuales es un popup y la otra la que tendría que tener el mapa. (está simulado con una tabla, pero con areas sería igual) El código es: Código PHP: Código PHP: Bueno, cuando esté terminado, avisa. Saludos |
| |||
Gracias Exactamente esto es lo que quiero, tengo las herramientas pero no se como emplearlas me divides la pagina en dos y me pierdo. En mi pagina la cual tendra una imagen que mapeare ( en tu ejemplo son las 9 fotografias en una tabla ) al pulsar en una de las zonas mapadeadas del plano, como llego o como enlazo con la segunda parte de tu ejemplo? es decir para que salga el pop-up ? imaginate que tu eres un catedratico y yo un alumno de secundaria en una palabra damelo un poquito mas masticado jejejejej
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: La verdad es que había dado clases hace unos años, pero siempre se sabe el nivel del alumno, así que es algo difícil ir de "catedrático", pero trataré de ayudarte. Supongo que el algoritmo se verá mejor con la definición de 2 constantes que representen el nº de filas y de columnas: var nFilas = 3; // o el valor que necesites. var nColumnas = 5; // por ejemplo... Y usamos estas constantes en las funciones subir, bajar, izq y der: function subir() { if (actual > (nColumnas - 1)) { actual -= nColumnas; document.images.centro.src = dibujos[actual].src; } } function bajar() { if (actual < ((nFilas - 1) * (nColumnas))) { actual += nColumnas; document.images.centro.src = dibujos[actual].src; } } function izq() { if ((actual % nColumnas) > 0) { actual -= 1; document.images.centro.src = dibujos[actual].src; } } function der() { if ((actual % nColumnas) < (nColumnas - 1)) { actual += 1; document.images.centro.src = dibujos[actual].src; } } Dime si te vas enterando y mañana seguimos. Lo del mapeado de las imágenes esta bien, luego solo tienes que darle un valor correlativo a la función zona, que se debe pasar como parámetro. Saludos |
| |||
Hola Caricatos: Aparte de invitarte a cenar y unas copas cuando vengas por Santander por tu paciencia y simpatia conmigo, te comunico : imaginate a un tio que esta deseando de conducir ( terminar mi pagina ) y que no tiene ni idea de motor ( javascrit ) mi pagina esta ahora funcionando con un pop-up de Tunait http://javascript.tunait.com/javascr...?s=popupfotos2 en el se puede navegar para atras y hacia delante http://webs.ono.com/usr028/turiscan/planosan.htm tu ejemplo es el ideal ya que tambien se puede ir arriba y abajo pero no se como cambiar los datos correspondientes de tu ejemplo para poner mis datos se me ocurre una idea quiza si echases un vistazo a lo de Tunait podrias hacer un arreglo y conseguir que aparte de ir hacia atras y adelante tambien se pueda ir arrba y abajo y poniendo los indicativos a los lados como lo tienes tu Pero no se si esto es posible ya que es de Tunait quiza pidiendola permiso a ella, la verdad es que no se si es entrometerse en lo ajeno en fin de cualquier modo consiga o no esto que me propongo la cena esta pagada y no es broma
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: Si bien no dudo en que tunait permitiría retocar su código, no creo que sea necesario, ya que el código que te puse es muy fácil de adaptar... Tan sólo tienes que poner en el array de imágenes las que se correspondan con el plano de forma correlativa tal como te dije antes... La esquina superior izquierda es la imagen [0], la de su derecha la [1], y cuando se termina la fila, se vuelve a la primera columna y a la siguiente fila (más que catedrático parezco maestro de parbulito... no te vayas a ofender... ) Viendo la página de pruebas sería así el popup: var nFilas = 5 ; var nColumnas = 11 ; function ini() { dibujos = new precarga('fotos/maxi/Diapositiva52.jpg', 'images/a1.jpg', 'images/a2.jpg', . . . 'images/a11.jpg', 'images/b1.jpg', . . . 'images/b11.jpg', 'images/c1.jpg', . . . . . . . . . . . . 'images/e11.jpg'); actual = parseInt(location.search.split("=")[1]); document.images.centro.src = dibujos[actual].src; } Y en la página principal tendrías que cambiar el atributo href de cada area por "javascript: zona(n)" donde n sería el índice de la imagen del popup. Haz el intento, y dí los errores que te dé... incluso sube la página para verla... No lo hago por una cena (pero un buen tapeo... ) Saludetes |
| |||
Hola caricatos te agradezco muchisimo el tiempo que has empleado en mi es tal el cruce de variables que tengo en mis neuronas que estoy pensando en ir al sicologo Socrates decia " Solo se que no se nada " yo digo " Solo se que se menos que nada" tiro la toalla con pena por que se que lo que busco es esto pero no lo consigo Las tapitas las tienes aseguradas ( esto es verdad no es una frase ) Si en algun momento de esos de aburrimiento que no sabes que hacer y te animas me haces una pagina en la cual de una fotografia la mapeas en X filas por X columnas y ya sabes ARRIBA_ABAJO_IZQUIERDA_DERECHA entonces ya sabre en que sitios debere de cambiar tus archivos y ordenes por los mios no tengas prisa sabre esperar con impaciencia
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: De tirar la toalla... nanai... Metí el script en tu página y modifiqué pocas cosillas (las que te apunté anteriormente) y puse una página de pruebas aquí: http://www.pepemolina.com/acaser/planosan.html ... pero ten en cuenta que tienes que trabajarla tú mismo... He visto que algunas fotos (mapas) tienen distinto tamaño... te recomiendo que las hagas iguales. El código del popup quedó así: Código PHP: Se puede optimizar, pero "paciencia"... cuando te funcione veremos como mejorarlo. Saludos |
| |||
Hola caricatos He subido la pagina pero algo esta mal ya que todos los enlaces sale pero no lo que corresponde al plano http://webs.ono.com/usr028/turiscan/planosan.htm
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: Te faltó subir el fichero popup.html... Copia el código que puse en el mensaje anterior a un fichero que se llame popup.html y súbelo a tu servidor. La diferencia con el script de tunait (¡Hola !), es que en este nuevo script no se genera dinámicamente, sino que es una página que tiene que existir. Saludos |
| |||
Hola caricatos ¡¡¡¡¡¡ POR FIN !!!!!! Ya funciona , ¿ sabes donde estaba todo el error de que no me funcionase ? pues en que no sabia que el popup tenia que estar como un archivo aparte, bueno ha costado pero esta comprendido todo que es lo que me importaba ademas de que funcionase como tenia que ser. Ahora solo me queda saber que tengo que hacer para que el popup salga en el centro de la paginaen lugar de al lado derecho tambien dime si se puede poner una flecha mas gruesa en los lados o bien un simbolo a modo de imagen te agradezco muchisimo tu ayuda que ademas de funcionar me sirve para aprender este mundillo de java P/D como veras le he dado un poco color a los lados del popup
__________________ Saludos acaser www.turiscan.com |
| ||||
: Ahora falta el trabajo de depuración, en el que estoy dispuesto a ayudarte... Lo de centrar el popup es muy fácil (pensaba que te lo había hecho...) Si sabes las dimensiones de la página, la "rutina cñ-asica para el centrado sería: function zona(n) { anchoPantalla = screen.width; altoPantalla = screen.height; anchoVentana = 525; altoVentana = 530; params = "width=" + anchoVentana; params += ",height=" + altoVentana; params += ",left=" + (anchoPantalla / 2 - (anchoVentana / 2)); params += ",top=" + (altoPantalla / 2 - (altooVentana / 2)); var destino = "popup.html?zona=" + n; v = window.open(destino, "ventana" , params ); v.focus(); } (espero no haberme equivocado con la sintaxis) Hay más cosas para depurar... Que la precarga sea selectiva (nunca lo hice pero tengo la idea) las flechas (se pueden cambiar por imágenes...) Poner inactivas las flechas que no valgan... Bueno, a medida que quieras mejorarlo, avisa. Saludos |
| ||||
Hola otra vez: Te puse una nueva versión de la función zona... ... Lo que pasa es que tenía un pequeño error que cometía al escribir el código... (altooVentana tiene una letra de más... altoVentana ) Sería: Código PHP: Saludos |
| |||
Hola caricatos Bueno pues ya esta Ahora queda el tema que querias hacer de que la precarga sea selectiva y el tema de poner una imagen en los lados ( sera una flecha mas gruesa que yo pondre) aunque no tengas prisa ya que esto no es tan importante, lo importante ya esta y te lo agradezco mucho
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: La implementación de la precarga selectiva ya está, pero habría que hacer pequeños retoques... La cuestión es que si tenemos a la vista la imagen de la coordenada a1, solo sería necesario precargar la a2 y b1, o sea las "inmediatas", y cada vez que se cambie de imagen precargar las siguientes (pueden ser 2, 3 o 4). http://www.pepemolina.com/acaser/popup.html?zona=34 En este ejemplo está el código... Cuando tengas hechas las flechas, solo tienes que ponerlas en las celdas de los lados, cambiándolas por ↑, →, ↓ y ← (las flechas actuales) Otra cosilla que hice es quitarle el resalte a las flechas que no hacen nada. Saludos |
| |||
Hola caricatos Una preguntita como quiero llevar el popup ahora al plano de toda la provincia ( antes era el de la capital ) y las imagenes son de otro tamaño ¿ me puedes decir que valores debo tocar para que la ventana se ajuste al tamaño de las fotos ?
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: function zona(n) { anchoPantalla = screen.width; altoPantalla = screen.height; anchoVentana = 525 ; altoVentana = 530 ; params = "width=" + anchoVentana; params += ",height=" + altoVentana; params += ",left=" + (anchoPantalla / 2 - (anchoVentana / 2)); params += ",top=" + (altoPantalla / 2 - (altoVentana / 2)); var destino = "popup.html?zona=" + n; v = window.open(destino, "ventana" , params ); v.focus(); } Te puse en rojo los valores que tienes que tocar en la página principal... Saludos Última edición por caricatos; 23/05/2004 a las 02:57 |
| ||||
Hola otra vez: Al poner el código con formato (botón PHP) se colorearon otrs cosas... ya lo he arreglado Voy a aprovechar para indicarte otra cosa. En el popup he puesto las dimensiones de las imágenes con estilos, en tal caso también tendrías que cambiar esas dimensiones <div style="width: 469 px; height: 469 px; overflow: hidden;"> <img name="centro" src="" /> </div> Además las celdas de las flechas tendrías que ver el tamaño que ocuparán cuando uses tus dibujos de flechas. Saludos |
| |||
Hola Te iba a responder que si en el pop tendria que cambiar algun valor pero veo que ya lo has hecho, ya que en lo primero que me digistes ya lo habia hecho yo pero me comia parte de las fotos bueno jugare un poco con los valores y gracias de nuevo ah lo de la precarga que cambiastes una maravilla de rapidez antes iba un poquito lento
__________________ Saludos acaser www.turiscan.com |
| |||
Hola Bueno ya esta todo corregido y comprendido de esta manera que me lo has puesto es mucho mejor, creo que sobre este tema ya no te dare mas la lata, has sido y espero que sigas siendo de muchisima ayuda, gracias de nuevo
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: Lo que da más rapidez es la precarga selectiva (creo que es como un invento mio... ... pero seguro que ya estaba hecho) Ahora tengo pensado dejar inactivos los botones, hasta que se carguen las imágenes próximas. La verdad es que me gusta el tema, y creo que va a quedar todo bastante bien. Saludos |
| |||
Hola caricatos Me alegro que te guste el tema, y sigas con ello en mas cosas pues con eso me aprovecho yo jajajaj cuando tengas alguna cosilla preparada ya sabes , aqui estoy
__________________ Saludos acaser www.turiscan.com |
| ||||
Hola otra vez: Tengo un poco gripado mi servidor, así que no puedo subir las últimas modificaciones, con una precarga selectiva un poco mejorada, el código es: Código PHP: Saludos |