¿Cómo hacer q salga una ventana de este estilo?

SuperPinwi · #1 (**permalink**) 14/12/2006, 01:58

Hola amigos,

Me gustaría saber cómo puedo hacer para que al pasar el ratón por un determinado botón me salga una ventanita con una foto tal como se puede observar al pasar el ratón por uno de los dos portátiles q salen en esta página:

http://www.pcbox.com/catalogo/ordena...&cnt=es&errn=0

¿alguien sabe cómo hacerlo?

gracias!!

Korku · #2 (**permalink**) 14/12/2006, 04:04

Cuanto tiempo morenita...

Veamos, el enlace que has puesto aparece un mapa de España jeje no menciona los portátiles como tú decías... pero bueno yo te entiendo lo que quieres hacer... yo creo que se trata de un script hecho en JavaScript, deberías preguntar en el foro de este lenguaje... ó echar un vistazo el código fuente de la página tal como está.

Besiños

JavierB · #3 (**permalink**) 14/12/2006, 04:21

Mensaje movido al foro de JavaScript desde Editores web.

Saludos,

caricatos · #4 (**permalink**) 14/12/2006, 04:43

Hola:

El mapa está en flash...

Lo más parecido que he hecho con javascript puedes verlo en este enlace: Polígonos Industriales

Con un mapa (etiqueta map) y unas cuantas areas que hecen rollover sobre unas capas... Lo más trabajoso es la creación del mapa, aunque hay programas que lo hacen, incluso con paciencia se puede usar el script de esta página: Creación de áreas en imágenes

Si te animas a hacerlo en javascript, te podría orientar.

Saludos

SuperPinwi · #5 (**permalink**) 14/12/2006, 05:53

mmm jeje es verdad, estaba pensando en un enlace y he pegado otro jeje yo no quiero hacer el mapa, sólo quiero q me salga la ventanita con una foto cualquiera por encima al pasar el ratón por un texto y q deje de mostrarse cuando aparte el ratón de ese texto. No tengo ni idea de javascript la verdad

Muchas gracias a todos, y lo siento por haberlo escrito en un subforo incorrecto jeje

Besiss

caricatos · #6 (**permalink**) 14/12/2006, 06:13

Hola:

Bueno, ahora hubiera venido bien el enlace...

Si es sobre un texto, debes "envolver" ese texto con una etiqueta (puede ser la genérica de elementos en línea "span", o cualquier otra en línea y definir los eventos onmouseover para mostrar y onmouseout para ocultar...

Y lo que quieres mostrar/ocultar debería ser una imagen o una capa con una imagen, que previamente deberías posicionar (position absolute, top xxpx, left yypx, visibility hidden)

Ejemplo:
<img src="cerveza.gif" name="cerveza"
style="position: absolute; top: 100px; left: 100px; visibility: hidden" />
<p>
Vamos a hablar de la
<span onmouseover="document.images.cerveza.style.visibil ity = 'visible'"
onmouseout="document.images.cerveza.style.visibili ty = 'hidden'" >
cerveza
</span>
</p>

Espero que pilles la idea.

Saludos

SuperPinwi · #7 (**permalink**) 14/12/2006, 09:34

la verdad es q a mi me sale lo q decía en la página q puse al principio jeje supongo q a vosotros os sale el mapa de españa para q primero seleccionéis de dónde sois y así pueda ir a la tienda de vuestra ciudad o la más cercana

si seleccionas la ciudad por ejemplo Burgos y pasas el ratón por donde pone PORTÁTIL, se muestra una ventanita pequeña con la foto de ese portátil, yo quiero abrir esa ventanita, veo por el código q lo hace con javascript jeje

muchas gracias de nuevo

SuperPinwi · #8 (**permalink**) 18/12/2006, 02:44

bueno supongo q no me expliqué todo lo bien q debería jeje. El caso es que lo que quiero es que me salga una nueva ventana del explorador con una foto o un texto vamos, de un tamaño determinado q yo le de y que no muestre ninguna barra de herramientas... ¿¿¿¿alguna sugerencia????

Muchas graciassss

caricatos · #9 (**permalink**) 18/12/2006, 04:43

Hola:

Recién ahora me doy cuenta de lo que quieres, y te pido disculpas (aunque en el primer mensaje el enlace no había ningún portatil...)

Lo que aparece es una capa que previamente estaba oculta (hay más posibilidades, pero podría liarte...) y con el mouseover se muestra...

Fíjate en las FAQs en un par de temas sobre tooltips o titles alternativos... yo puse este mensaje: 187.- Title mejorado (tooltip)

Si te interesa y no te sale, avisa y trataremos de ayudarte.

Saludos