Outlook Style Menu With Collapse Side Menu

• Download source files - 26 Kb

Introduction

I have read an "BalaNet" article at  http://www.codeproject.com/useritems/XPMenu.asp  which explains the dropdown xp style menu  that the great work

Just I would like to add new features,

1-Collapse side menu.

2-Change the xp style menu in to Outlook style bar.(Using CSS File "SlideMenu.css")

I think that most developers suffer from the problem of the design of the menu,needs thier application GUI like Outlook or XP Style,

Therefore I think that this menu provide solution .

---

Source code contain to

* SlideMenu.css file

* menu.js file

---

Import Css file in your page

<LINK href="SlideMenu/images/SlideMenu.css" type="text/css" rel="stylesheet">

---

Collaps side menu feature permit to hide side menu from page as a client script

Hide menu function:

<script type="text/javascript">

function lefthide() {

var fr = parent.document.getElementById("sbCont");

if(fr.style.display==""){

fr.style.display="none";

change('outlookside', 'outlookBarExpand')

}

else{

fr.style.display="";

change('outlookside', 'outlookBarcollapse')

}

}

function change(id, newClass) {

identity=document.getElementById(id);

identity.className=newClass;

}

</script>

---

I hope that I have succeeded in making this article and i wish to be useful