Comunidad de diseño web y desarrollo en internet online

Tuto para mapas con efecto hover

Citar            
MensajeEscrito el 12 May 2006 06:09 pm
Hola amigos. Hace tiempo que no me planto por acá, pero ahora necesito ayuda en flash y lo primero que pensé fue "que hambre tengo", y lo segundo "en cristalab tienen la solución"..

bueno, el problema va así:
- tengo un mapa y quiero que al pasar el mouse sobre una ciudad aparezca un cuadrito de texto con algo de información... listo, eso es todo...

sé que esto puede ser fácil para ustedes, así que si me pasan algún tuto o me dicen como hacerle, pues no me molestaría.

Muchas gracias

Por jesusbet

7 de clabLevel



 

Monterrey

firefox
Citar            
MensajeEscrito el 12 May 2006 06:21 pm
En la sección de tutoriales encontrarás uno de como hacer tooltips que es lo que buscas...

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

clabbrowser
Citar            
MensajeEscrito el 12 May 2006 06:26 pm
muchas gracias, ya lo encontré

Por jesusbet

7 de clabLevel



 

Monterrey

firefox
Citar            
MensajeEscrito el 12 May 2006 06:59 pm
Yo hice algo de eso.
Bueno, Anota las coordenadas en un xml, esto puede ser un poco coñazo pues que yo sepa no hay otra que hacerlo con el panel de información. Algo como esto:

Código :

<?xml version="1.0" encoding="ISO-8859-1" ?>
<mapamundi>
   <Espana >
      <Zaragoza  posX="418.9" posY="188.4"/>
      <Madrid  posX="444.6" posY="188.1"/>
      <Barcelona  posX="470.1" posY="187.4"/>
   </Espana>
   <Francia> 
      <Paris posX="414.5" posY="188.4"/>
   </Francia>
   <Italia>
      <Roma  posX="420.3" posY="168.7"/>
   </Italia>
   <Bulgaria>
      <Sofia posX="408.3" posY="193.6" />
      <Plovdiv posX="466.6" posY="185.3"/> 
   </Bulgaria>
</mapamundi>


Después en el flash atacheas clips (una cruz, un punto...) en esas coordenadas.

Código :

System.useCodepage = true;
XML.prototype.ignoreWhite = true;
MovieClip.prototype.useHandCursor = false;
miXml = new XML();
miXml.load("database.xml");
miXml.onLoad = function() {
   cr = 0;
   paises = miXml.firstChild.childNodes;
   longitud = paises.length;
   for (i=0; i<longitud; i++) {
      ciudades = miXml.firstChild.childNodes[i].childNodes;
      for (j=0; j<ciudades.length; j++) {
         posX = Number(ciudades[j].attributes.posX);
         posY = Number(ciudades[j].attributes.posY);
         cr++;
         _root.attachMovie("cruz", "cruz"+cr, cr*999);
         _root["cruz"+cr].ciudad = ciudades[j].nodeName;
         _root["cruz"+cr].pais = paises[i].nodeName;
         with (_root["cruz"+cr]) {
            _x = posX;
            _y = posY;
         }
      }
   }
};


Las haces con dos fotogramas y que en el segundo te muestre un cuadro con el texto que sea:

Código :

stop();
this.onRollOver = function() {
   gotoAndStop(2);
   mx.behaviors.DepthControl.bringToFront(this);
};
this.onMouseDown = function() {
   gotoAndStop(1);
};


Código :

texto.text=ciudad+", "+pais


Saludos

Por Zah

BOFH

4290 de clabLevel

27 tutoriales
5 articulos

  Bastard Operators From Hell Editores

Zaragoza, España

firefox
Citar            
MensajeEscrito el 23 Ago 2006 05:10 pm

Por isuny000

129 de clabLevel

1 tutorial

Genero:Masculino  

Girona provincia

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.