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
