Hello all
I’m working on a project that in regular english works like this:
There’s a map of the U.S. There’s a draggable object. The user can drag the object around over the map and drop to choose a state. When the object hovers over the map, a little label pops up that follows the object and incicates which state it’s over. When the user drops the object on a state a getURL command is fired off sending the user to a site that is tailored to the region of the country that they chose.
Using the drag and drop tutorial here I have that functionality working. Using the hovering captions tutorial I have the rollover with the label working. However, they don’t work in conjunction. When I rollover the map the labels for the states pop up and track with the mouse. But when I drag the object over the states the rollover doesn’t work.
Here are some snippets from my coding. **This first one is the code for the rollover labeling:
**
//caption coding
Arizona.onRollOver = function() {
captionFN(true, “Arizona”, this);
this.onRollOut = function() {
captionFN(false);
};
};
Florida.onRollOver = function() {
captionFN(true, “Florida”, this);
this.onRollOut = function() {
captionFN(false);
};
};
Massachusettes.onRollOver = function() {
captionFN(true, “Massachusettes”, this);
this.onRollOut = function() {
captionFN(false);
};
};
Illinois.onRollOver = function() {
captionFN(true, “Illinois”, this);
this.onRollOut = function() {
captionFN(false);
};
};
captionFN = function (showCaption, captionText, bName) {
if (showCaption) {
_root.createEmptyMovieClip(“hoverCaption”, this.getNextHighestDepth());
cap.desc.text = captionText;
cap._alpha = 100;
//
hoverCaption.onEnterFrame = function() {
cap._x = _root._xmouse;
cap._y = _root._ymouse;
cap._visible = true;
};
} else {
delete hoverCaption.onEnterFrame;
cap._visible = false;
}
};
//end caption coding
**
Here is the code that exists on the movieclip of the draggable object:
**
//drag-n-drop code
on (press) {
startDrag ("_root.dragBall");
}
on (release) {
stopDrag ();
if (_root.dragBall._droptarget == “/Arizona”) {
_root.brandName.gotoAndStop(“brandX”);
}
if (_root.dragBall._droptarget == “/Florida”) {
_root.brandName.gotoAndStop(“brandY”);
}
if (_root.dragBall._droptarget == “/Massachusettes”) {
_root.brandName.gotoAndStop(“brandX”);
}
if (_root.dragBall._droptarget == “/Illinois”) {
_root.brandName.gotoAndStop(“brandY”);
}
if (_root.dragBall._droptarget == “”) {
_root.brandName.gotoAndStop(“noDecision”);
}
}
//end drag-n-drop code
Obviously something is missing. I’m new to actionscripting, so it’s likely that I’m going about this entirely the wrong way. I’m also certain that there are probably much more efficient ways to roll all of this together. But like I said, I’m just digging into coding so I may not be thinking about this the right way yet. I’ve attached a test movie that has my code and the partially working functionality in it.
Any help thinking through this is greatly appreciated.
