Comunidad de diseño web y desarrollo en internet online

tuto: hacer toolTips por medio de hitTest();

Citar            
MensajeEscrito el 17 Sep 2005 03:18 pm
Hoy vamos a ver como crearíamos un toolTip por medio de la funcion hitTest(); la cual sirve para saber cuando un elemento toca a otro...

Weno, sin más preámbulo comencemos...
Lo primero que haremos, será crear 5 MC's, que serán los que visualizaremos("part1","part2","part3","part4") cuando presionemos el boton encima de otros 5 MC's que también crearemos...

También crearemos un texto dinámico que tendrá por nombre "tip" y a este le asignaremos los valores de un Array que crearemos...

Código :

/*Primero creamos nuestros mc y nuestro toolTip (campo de texto dinamico en este ejemplo usaré 4
mc y otros 4 mc que se verán cuando estemos encima 
de ellos, también crearemos un Array, que con
tendra 4 valores que se le asignarán a nuestro
toolTip*/
//Comenzamos nuestro drag y lo ocultamos
startDrag ("tip", true, 0, 0, 400, 300);
tip._visible=false;

/*Este array contiene el texto que se asignará a nuestro toolTip*/
myTips = new Array("","Nuestro primer mc","Nuestro segundo MC","el 3ro","y el 4mc");


/********************FUNCIONES********************/

//Coloca el mc de la libreria cuando es llamado
//recordemos que los MC se llaman part1,part2,part3 y part 4
//también recordemos ellos se mostrarán cuando hagamos click en alguno de los mc que reflejan tooltips
/*también removeremos el movie clip */

function atacheaMovie(partNum){
   theCurrentPart.removeMovieClip();
   /*attacheamos("mc a mostrar + 1,2,3,o 4","nuevo nombre para el acual mc", posisión del mc)*/
   attachMovie("part" + partNum, "theCurrentPart",3);
   //posición horizontal
   theCurrentPart._x=52;
   //posición vertical
   theCurrentPart._y=122;
}
//hace el tooltip visible y nos coloca el texto correcto en el este

function theText(){
   for(i=1;i<=4;i++){
      if (_root["part"+ i].hitTest(_root._xmouse, _root._ymouse, true)) {
         tip.elTexto=myTips[i];
         tip._visible = true;
         break;
      } else {
         tip._visible = false;
      }
   }
}
// Llamamos nuestro texto con el (part) o el movie clip usando hitTest();
function hitTester(){
   for (i=1; i<=4; i++) {
      if (_root["part"+i].hitTest(_root._xmouse, _root._ymouse, true)) {
         _root.atacheaMovie(i);
         // podemos poner links también 
         //no si mi ocurrio otro xD
         getURL("http://www.cristalab.com");
         /*pero si tenemos un link especifico para
         cada mc cuando lo opriman, pues entonces
         hacemos un array para esos links...*/
         break;
      }
   }
}
// no es más, cualquier pregunta hacerla

//este código va dentro de otro mc vacio

// Esconder y mostrar toolTip cuando estemos encima
onClipEvent (mouseMove) {
   _root.theText();
}

//Executa el comando por seccion basandonos en la funcion hitTest();
onClipEvent (mouseDown) {
   _root.hitTester();
}
[/code]

Por Naujfract

124 de clabLevel



 



Ultima edición por Naujfract el 17 Ene 2006 05:31 am, editado 1 vez

Bogotá Colombia

msie
Citar            
MensajeEscrito el 17 Sep 2005 06:05 pm
Movido a aportes ... ya tenemos un tuto de esto, pero enviale la url a Freddie por si lo editan como tutorial.

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

firefox
Citar            
MensajeEscrito el 17 Sep 2005 06:12 pm
El tutorial que está también es con hitTest?

Por Naujfract

124 de clabLevel



 

Bogotá Colombia

msie

 

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