Hi Y'all,
In an HTML page I am accessing jquery.scrollTo plug-in with an embedded flash.swf file that contains 3 buttons using AS3 ExternalInterface.call("yourFunction"). It works great in just about every browser except IE8 (have not tested in IE6 or 7) which produces an error in the lower left corner of its browser window "Error on page." and no cool scrolling effect – Bummer Dude! The only thing I came across that seemed moderately helpful was to give the embed code an "id" attribute but I am not sure how to even do that.
Please Help Me!!!:confused:
Link:
http://totallytotallyamazing.com[
^]
3 JS functions in html HEAD:
function scrollToAbout(){
$(window).scrollTo( {top:'2073px', left:'0px'}, 800 );
}
function scrollToPortfolio(){
$(window).scrollTo( {top:'0px', left:'0px'}, 800 );
}
function scrollToContact(){
$(window).scrollTo( {top:'2779px', left:'0px'}, 800 );
}
Accessing these jquery libraries:
jquery.js
jquery.scrollTo-min.js
The AS3 code from the Flash AS3 buttons:
import flash.external.ExternalInterface;
about.buttonMode = true;
about.mouseChildren = false;
about.addEventListener(MouseEvent.MOUSE_OVER, aboutOver);
about.addEventListener(MouseEvent.MOUSE_OUT, aboutOut);
about.addEventListener(MouseEvent.CLICK, aboutClickHandler);
function aboutOver(event:MouseEvent)
{
about.gotoAndPlay("overAbout");
};
function aboutOut(event:MouseEvent)
{
about.gotoAndPlay("outAbout");
};
function aboutClickHandler(event:MouseEvent):void
{
ExternalInterface.call("scrollToAbout");
};
portfolio.buttonMode = true;
portfolio.mouseChildren = false;
portfolio.addEventListener(MouseEvent.MOUSE_OVER, portfolioOver);
portfolio.addEventListener(MouseEvent.MOUSE_OUT, portfolioOut);
portfolio.addEventListener(MouseEvent.CLICK, portfolioClickHandler);
function portfolioOver(event:MouseEvent)
{
portfolio.gotoAndPlay("overPortfolio");
};
function portfolioOut(event:MouseEvent)
{
portfolio.gotoAndPlay("outPortfolio");
};
function portfolioClickHandler(event:MouseEvent):void
{
ExternalInterface.call("scrollToPortfolio");
};
contact.buttonMode = true;
contact.mouseChildren = false;
contact.addEventListener(MouseEvent.MOUSE_OVER, contactOver);
contact.addEventListener(MouseEvent.MOUSE_OUT, contactOut);
contact.addEventListener(MouseEvent.CLICK, contactClickHandler);
function contactOver(event:MouseEvent)
{
contact.gotoAndPlay("overContact");
};
function contactOut(event:MouseEvent)
{
contact.gotoAndPlay("outContact");
};
function contactClickHandler(event:MouseEvent):void
{
ExternalInterface.call("scrollToContact");
};