Re: [Ovillo] Desplegar un Div
el API de google tiene una función para eso... defines una variable con tu div: var miDiv ="bla bla.."; y despues vas a tener que usar algo como: GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(miDiv);}); pero si miras la documentación del API lo entenderás mejor... a ver si te sirve de ayuda... Pedro Hernandez wrote: > Estoy haciendo una pagina web utilizando la api de google maps. Resulta que > necesito que al hacer click sobre un marcador se despliegue un div que me > muestre una determinada informacion. Todo esto lo tengo funcionando mas que > bien.Mi duda esta en como mostrar ese "div" que comente, que propiedades > necesito? > > El div esta definidio como: > > #infoBox{ >width:100px; >height:100px; >border:1px solid #333; > } > > La creacion del div con la informacion necesaria funciona mas que bien. Mi > gran duda es como hacer para mostrarlo, se que existe el metodo en > javascript appendChild(), que me permite agregar un elemento creado dentro > de otro, pero yo no quiero esto, yo solamente quiero que aparezca la caja > (el div) flotando al lado del mouse. Alguien me puede orientar un poco asi > continuo mi busqueda??? > > Espero que se haya entendido mas o menos que es lo que necesito hacer. > > Gracias!! > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Desplegar un Div
Hola Pedro. Tienes 2 posibilidades según le comentas: 1. Hacerlo con appendChild() después del elemento en el que quieras que apareca, utilizando el DOM a pelo. 2. Hacer aparecer "la caja (el div) flotado al lado del mouse". Y eso lo tienes que hacer incluyendo ese div desde el principio (y en apariencia como quieres que se vea), pero con un "display: none" en el css para que no se muestre. Y cuando quieras que salga simplemente lo das una visibilidad utilizando un "display: block" (como te ha comentado brevemente Andrés). Supongo que en ambos casos, previamnete le habrás añadido el mensaje a la caja (ya sea por JavaScript con un innerHTML o directamente desde el DOM) para que muestre el mensaje. En fin, espero que te sirva. Reitero lo que ya te han dicho algunos compañeros; utiliza un framework JavaScript tipo jQuery, Mootools o similares, te facilitará mucho las cosas. Yo te recomiendo jQuery, por supuesto. Un saludo. -- Philipp Keweloh "No hay árbol que el viento no haya sacudido." Proverbio Hindú El 11 de agosto de 2009 05:03, Pedro Hernandez escribió: > Estoy haciendo una pagina web utilizando la api de google maps. Resulta que > necesito que al hacer click sobre un marcador se despliegue un div que me > muestre una determinada informacion. Todo esto lo tengo funcionando mas que > bien.Mi duda esta en como mostrar ese "div" que comente, que propiedades > necesito? > > El div esta definidio como: > > #infoBox{ > width:100px; > height:100px; > border:1px solid #333; > } > > La creacion del div con la informacion necesaria funciona mas que bien. Mi > gran duda es como hacer para mostrarlo, se que existe el metodo en > javascript appendChild(), que me permite agregar un elemento creado dentro > de otro, pero yo no quiero esto, yo solamente quiero que aparezca la caja > (el div) flotando al lado del mouse. Alguien me puede orientar un poco asi > continuo mi busqueda??? > > Espero que se haya entendido mas o menos que es lo que necesito hacer. > > Gracias!! > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Desplegar un Div
Sin librerías: document.getElementById("idDIV").style.display = 'block'; El 11 de agosto de 2009 08:46, Andrés gutiérrez escribió: > Mirate JQuery. Es una librería javascript que te facilita la vida. > > El 11 de agosto de 2009 05:03, Pedro Hernandez escribió: > > Estoy haciendo una pagina web utilizando la api de google maps. Resulta que >> necesito que al hacer click sobre un marcador se despliegue un div que me >> muestre una determinada informacion. Todo esto lo tengo funcionando mas >> que >> bien.Mi duda esta en como mostrar ese "div" que comente, que propiedades >> necesito? >> >> El div esta definidio como: >> >> #infoBox{ >> width:100px; >> height:100px; >> border:1px solid #333; >> } >> >> La creacion del div con la informacion necesaria funciona mas que bien. Mi >> gran duda es como hacer para mostrarlo, se que existe el metodo en >> javascript appendChild(), que me permite agregar un elemento creado dentro >> de otro, pero yo no quiero esto, yo solamente quiero que aparezca la caja >> (el div) flotando al lado del mouse. Alguien me puede orientar un poco asi >> continuo mi busqueda??? >> >> Espero que se haya entendido mas o menos que es lo que necesito hacer. >> >> Gracias!! >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > -- > Experiencia es lo que obtienes, cuando no obtienes lo que quieres. > > - > "Caminar sobre el agua y desarrollar software a partir de unas > especificaciones es fácil. si ambas están congeladas." > Edward V. Berard, ingeniero informático. > -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - "Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas." Edward V. Berard, ingeniero informático. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Desplegar un Div
Mirate JQuery. Es una librería javascript que te facilita la vida. El 11 de agosto de 2009 05:03, Pedro Hernandez escribió: > Estoy haciendo una pagina web utilizando la api de google maps. Resulta que > necesito que al hacer click sobre un marcador se despliegue un div que me > muestre una determinada informacion. Todo esto lo tengo funcionando mas que > bien.Mi duda esta en como mostrar ese "div" que comente, que propiedades > necesito? > > El div esta definidio como: > > #infoBox{ > width:100px; > height:100px; > border:1px solid #333; > } > > La creacion del div con la informacion necesaria funciona mas que bien. Mi > gran duda es como hacer para mostrarlo, se que existe el metodo en > javascript appendChild(), que me permite agregar un elemento creado dentro > de otro, pero yo no quiero esto, yo solamente quiero que aparezca la caja > (el div) flotando al lado del mouse. Alguien me puede orientar un poco asi > continuo mi busqueda??? > > Espero que se haya entendido mas o menos que es lo que necesito hacer. > > Gracias!! > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - "Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas." Edward V. Berard, ingeniero informático. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Desplegar un Div
Estoy haciendo una pagina web utilizando la api de google maps. Resulta que necesito que al hacer click sobre un marcador se despliegue un div que me muestre una determinada informacion. Todo esto lo tengo funcionando mas que bien.Mi duda esta en como mostrar ese "div" que comente, que propiedades necesito? El div esta definidio como: #infoBox{ width:100px; height:100px; border:1px solid #333; } La creacion del div con la informacion necesaria funciona mas que bien. Mi gran duda es como hacer para mostrarlo, se que existe el metodo en javascript appendChild(), que me permite agregar un elemento creado dentro de otro, pero yo no quiero esto, yo solamente quiero que aparezca la caja (el div) flotando al lado del mouse. Alguien me puede orientar un poco asi continuo mi busqueda??? Espero que se haya entendido mas o menos que es lo que necesito hacer. Gracias!! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo