SoloCodigo

Programación Web y Scripting => HTML => Mensaje iniciado por: Warce en Miércoles 8 de Noviembre de 2006, 04:06

Título: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Warce en Miércoles 8 de Noviembre de 2006, 04:06
Hola a todos!!

Como les va?

Bue, voy a ser breve!!

Yo tengo una pagina de internet en la cual en una parte coloco una direccion (por ej: cabildo y congreso), y lo que queria hacer es (como lo vi en una pagina pero ya no lo encontre) que cuando pase alguien el mouse sobre esta direccion aparezca un globo de  llamada rectangular (esas que se usan en las caricaturas cuando alguien dice algo) y que dentro de este globo aparezca una foto, por ejemplo en este caso yo pondria una foto que sacaria del compumap como para ubicar en el mapa donde se encuentra esta direccion.

Muchas gracias a todos.
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Bicholey en Miércoles 8 de Noviembre de 2006, 07:20
Eso lo puedes hacer facilmente con flash o con algun script ...
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Mollense en Miércoles 8 de Noviembre de 2006, 15:06
...o con un Applet.

Cuidado en JavaScript con el evento onMouseOver y onMouseOut, ya que no todos los navegadores lo soportan (Por lo menos los mas antiguos).
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: ibito en Miércoles 8 de Noviembre de 2006, 16:46
Puedes encontrar algo en http://www.dhtmlgoodies.com (http://www.dhtmlgoodies.com)
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Angel38 en Miércoles 8 de Noviembre de 2006, 18:18
Tambien puedes aprender a utilizar un editor de html, te recomiendo DreamWeaver. Es muy facil hacer lo que pides con el.
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Warce en Miércoles 8 de Noviembre de 2006, 18:20
Como lo podria hacer con html??
Gracias
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: F_Tanori en Miércoles 8 de Noviembre de 2006, 18:30
HTML no es 'programacion'
y lo que tu quieres requiere programacion o tal ve con css aqui hay un ejemplo

Checa esto a ver si te sirve
http://www.walterzorn.com/tooltip/tooltip_e.htm#docu (http://www.walterzorn.com/tooltip/tooltip_e.htm#docu)

Ademas de la pagina que dice ibito

Saludos
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Warce en Miércoles 8 de Noviembre de 2006, 18:41
Cita de: "F_Tanori"
HTML no es 'programacion'
y lo que tu quieres requiere programacion o tal ve con css aqui hay un ejemplo

Checa esto a ver si te sirve
http://www.walterzorn.com/tooltip/tooltip_e.htm#docu (http://www.walterzorn.com/tooltip/tooltip_e.htm#docu)

Ademas de la pagina que dice ibito

Saludos
En esa pagina, en la parte de Download, cuando te situas sobre uno de los de abajo te aparece un cuadradito, algo asi quisiera hacer pero que aparezca una foto
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: F_Tanori en Miércoles 8 de Noviembre de 2006, 19:12
Cita de: "Warce"
Cita de: "F_Tanori"
HTML no es 'programacion'
y lo que tu quieres requiere programacion o tal ve con css aqui hay un ejemplo

Checa esto a ver si te sirve
http://www.walterzorn.com/tooltip/tooltip_e.htm#docu (http://www.walterzorn.com/tooltip/tooltip_e.htm#docu)

Ademas de la pagina que dice ibito

Saludos
En esa pagina, en la parte de Download, cuando te situas sobre uno de los de abajo te aparece un cuadradito, algo asi quisiera hacer pero que aparezca una foto
pues revisa toda la pagina  :rolleyes:


abajo dice Another example coloca el mouse sobre ese link
en la tabla despues del punto 6

6. Commands to customize tooltips individually  



Saludos, hay que programar  :comp:
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Warce en Miércoles 8 de Noviembre de 2006, 23:46
Me podrias poner como seria el html completo? xq no me llevo bien con el ingles y no se mucho de html :S.

Gracias disculpa las molestias
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: ArKaNtOs en Jueves 9 de Noviembre de 2006, 00:05
el tutorial esta muy claro y muy bueno, solo descargate el js y un ejemplo seria
Código: Text
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <html>
  4. <head>
  5. <title>Untitled</title>
  6. </head>
  7. <body>
  8. <a href="index.htm" onmouseover="return escape('Some text')">Homepage </a>
  9. <script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>
  10. </body>
  11. </html>
  12.  

y ahora con imagenes:
Código: Text
  1.  
  2. <a href="index.htm" onmouseover="return escape('Text with <img src=\'mi_imagen.gif\' width=\'60\'> image.')"> Homepage</a>
  3.  

PD muy buen aporte F_Tanori
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Bicholey en Jueves 9 de Noviembre de 2006, 10:19
ami se me ocurrio que podrias utilizar esto:

Código: Text
  1.  
  2.  
  3. <script language=JavaScript1.2>
  4. function high(which2)
  5. {
  6. theobject=which2;
  7. highlighting=setInterval("highlightit(theobject)",50);
  8.  
  9. }
  10. function low(which2)
  11. {
  12. clearInterval(highlighting);
  13. which2.filters.alpha.opacity=50;
  14. }
  15. function highlightit(cur2)
  16. {
  17. if(cur2.filters.alpha.opacity<100)
  18. cur2.filters.alpha.opacity+=5
  19. else if(window.highlighting)
  20. clearInterval(highlighting)
  21. }
  22. </SCRIPT>
  23.  
  24. <style type="text/css">#im          { filter: alpha(opacity=50) }
  25. </style>
  26.  
  27. <script language=JavaScript1.2>
  28. function high(which2)
  29. {
  30. theobject=which2;
  31. highlighting=setInterval("highlightit(theobject)",50);
  32.  
  33. }
  34. function low(which2)
  35. {
  36. clearInterval(highlighting);
  37. which2.filters.alpha.opacity=50;
  38. }
  39. function highlightit(cur2)
  40. {
  41. if(cur2.filters.alpha.opacity<100)
  42. cur2.filters.alpha.opacity+=5
  43. else if(window.highlighting)
  44. clearInterval(highlighting)
  45. }
  46. </SCRIPT>
  47.  
  48.  
  49.  
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: ArKaNtOs en Jueves 9 de Noviembre de 2006, 10:29
y eso que? donde lo aplicas? donde cargas la imagen en un tooltip :P jejejeje
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Bicholey en Jueves 9 de Noviembre de 2006, 10:50
:P  :P


Teneis razon aqui un sencillo ejemplo rapidamente espero haya quedado bien porque lo acabo de hacer:

do y sencillo http://mx.geocities.com/bicholeylovejesenia/ (http://mx.geocities.com/bicholeylovejesenia/)


Ahh por cierto pasen el mouse por el centro.


mmmm me doy cuenta que no se ve en el mozilla solo con IE que raro luego veo que paso.
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: ArKaNtOs en Jueves 9 de Noviembre de 2006, 10:56
no se ve nada :P
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Bicholey en Jueves 9 de Noviembre de 2006, 10:58
Cita de: "ArKaNtOs"
no se ve nada :P
:lol:  :lol:  :lol:

Exacto ahora pasa el mouse por el centro de la pagina ...


Ahh por cierto no se ve en el mozilla solo en IE .
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Mollense en Jueves 9 de Noviembre de 2006, 14:40
"onmouseover"....

Si alguien me escuchara  :P
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: ArKaNtOs en Jueves 9 de Noviembre de 2006, 14:50
Cita de: "Angel_K_ido"
"onmouseover"....

Si alguien me escuchara  :P
sip, pero lo importante es crear la función que te despliegue la imagen tipo tooltip (no en un lugar estático)
Título: Re: A Ver Si Alguien Es Capaz De Resolver Eso!!
Publicado por: Angel38 en Jueves 9 de Noviembre de 2006, 15:11
Jejeje, no habia entendido que era lo que queria.