Very Big menus

One of our client requested for a very big menu.

And they send us a couple of references.
http://www.quakeroats.com/home.aspx
http://www.spirent.com/
http://www.juniper.net/us/en/

I searched google but could not find any descent one. Then I searched twitter.com, same result. I searched delicious.com found these links some time we will get what we need from unexpected one.

http://www.archer-group.com/
http://hub.guitarhero.com/
http://www.actionenvelope.com/
http://www.emc.com/
http://www.foodnetwork.com/
http://www.littlekidsbedrooms.com/
http://bmi.com/
http://www.mtv.com/
http://www.officemax.com/
http://www.diy.com/diy/jsp/?_requestid=60694
http://www.actionenvelope.com/
http://www.ea.com/
http://www.whitehouse.gov/

Menus I randomly came across

http://www.globalsign.com/
http://www3.ocimumbio.com/

Flash with CSS and XML

On clicking each menu or tab, the corresponding xml file content will be loaded in the tab area with the css formatting applied to it.

The output will be as follows. The heading and content styles are applied through CSS.

Mail me if you need the complete source files.









Action script code
------------------

//
function hideText() {
mypara._alpha = 0;
mypara.text = "";
mypara.visible = false;
}
//mypara._alpha = 0;
//mypara.visible = false;
hideText();

function XmlBase(xmlPath) {
mypara.visible = true;
mypara._alpha = 100;
//init TextArea component
mypara.html = true;
mypara.wordWrap = true;
mypara.multiline = true;
mypara.label.condenseWhite = true;
//load css
kungFuStyle = new TextField.StyleSheet();
kungFuStyle.load("kungfu.css");
mypara.styleSheet = kungFuStyle;
//trace(mypara.styleSheet);
//load in XML
kungFuContent = new XML();
kungFuContent.ignoreWhite = true;
// kungFuContent.load("one.xml");
kungFuContent.load(xmlPath);
kungFuContent.onLoad = function(success) {
if (success) {
mypara.text = kungFuContent;
}
};
}
function callFromInside(xmlPath) {
XmlBase(xmlPath);
}
btn_One1.onRelease = function() {
XmlBase("one.xml");
};
btn_two.onRelease = function() {
XmlBase("two.xml");
};
btn_three.onRelease = function() {
XmlBase("three.xml");
};
btn_four.onRelease = function() {
XmlBase("four.xml");
};
btn_five.onRelease = function() {
XmlBase("five.xml");
};
btn_six.onRelease = function() {
XmlBase("six.xml");
};
dem_ctn.onRelease = function() {
hideText();
};
btn_Home.onRelease = function() {
hideText();
};

//



CSS code - kungfu.css
-----------

heading{
color: #FF0000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
display: block;
}

text{
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
display: block;
}