Click here to Skip to main content
6,629,885 members and growing! (21,896 online)
Email Password   helpLost your password?
Web Development » Client side scripting » General     Intermediate License: The Code Project Open License (CPOL)

Handy XP Style Menu

By Industria Virtual

This is a pretty menu in XP style. Easy to setup, highly customizable.
JavascriptWin2K, WinXP, Win2003, Dev
Posted:31 Oct 2003
Views:228,268
Bookmarked:180 times
Announcements
Loading...
 
Search    
Advanced Search
Add to IE Search
printPrint   add Share
      Discuss Discuss   Broken Article?Report  
197 votes for this article.
Popularity: 10.78 Rating: 4.70 out of 5
4 votes, 2.1%
1
2 votes, 1.0%
2
5 votes, 2.6%
3
31 votes, 15.9%
4
153 votes, 78.5%
5

Sample Image - leftmenu.jpg

Introduction

This is a pretty menu in XP style. Its is easy to setup and highly customizable. If you find it useful, please vote for me!!! See a working demo here.

The Frames page

<html>
<head>
<title>Left Menu</title>
</head>
 
    <frameset framespacing="0" border="false" frameborder="0" cols="170,*">
   <frame name="menu" src="leftmenu.htm" frameborder="0" marginwidth="0" 
           marginheight="0" framespacing="0" scrolling="no" noresize>
   <frame name="master" src="master.htm" frameborder="0" marginwidth="0" 
           marginheight="0" framespacing="0" scrolling="no" noresize>
    </frameset>
 
 <noframes>
    <body bgcolor="#FFFFFF">
    <br><br><center>
    <h1>No Frames!</h1>
    <h4>No frames in your browser!</h4>
    </center></body>
 </noframes>
</frameset>

</html>

The Target page

<html>
<head>
    <title>Left Menu</title>
    <link rel='stylesheet' href='leftmenu.css'>
</head>

    <body leftmargin="0" topmargin="0" marginwidth="0" 
                        marginheight="0" bgcolor="#ffffff">
        
        <table border=0 cellpadding='10' cellspacing=0><tr><td>

        This is the Target frame (master).
        <p><hr>
        Please visit my website: 
          <a href='http://www.industriavirtual.com.br' 
          target='_blank'>http://www.industriavirtual.com.br</a>
          
        <br>And don't forget to vote me!!!
        <br>Marcelo Franco.
        
        </td></tr></table>
    
        </body>
</html>

The Menu page

<html>
<head>
    <meta http-equiv='page-enter' content='blendtrans(duration=0.1)'>
    <script language="'javascript'" src='leftmenu.js'></script>
    <link href='leftmenu.css' type='text/css' rel='stylesheet'>
    
    <base target='master'>
</head>
<body bgcolor='#ffffff' marginheight='0' marginwidth='0' 
                                topmargin='0' leftmargin='0'>
<table border='1' cellpadding='0' cellspacing='0' width='100%' 
                      height='100%'><tr><td valign='top'>
    <table border='0' cellspacing='1' cellpadding='0' width='100%' 
                     height='100%' bgcolor='#f1f1ed'><tr><td valign='top'>
    
    <div id='masterdiv'>
    
        <div class='menu' onclick="SwitchMenu('sub1')">
            <img style='vertical-align: middle' width=20 height=20 
            src='icons/txtmenu.gif' border=0 hspace=3>Text Folders</div>
            
            <span class='options' id='sub1'>
                <div class='option' 
                       onmouseover="this.style.background='#D8E4F8'" 
                       onmouseout="this.style.background='#f5f5f5'">
                <a href='http://www.google.com'>
                      <img style='vertical-align: middle' 
                      width=16 height=16 src='icons/txtfolder.gif' border=0 
                      hspace=3>Text Links</a></div>
    
                <div class='option' 
                     onmouseover="this.style.background='#D8E4F8'" 
                     onmouseout="this.style.background='#f5f5f5'">
<a href='http://www.industriavirtual.com.br/master.asp?code=webpacks&subcode=basico'>
                  <img style='vertical-align: middle' width=16 
                  height=16 src='icons/txtfolder.gif' 
                  border=0 hspace=3>Text Links</a></div>
    
                <div class='option' 
                      onmouseover="this.style.background='#D8E4F8'" 
                      onmouseout="this.style.background='#f5f5f5'">
                <a href='http://www.google.com'>
                    <img style='vertical-align: middle' width=16 
                    height=16 src='icons/txtfolder.gif' border=0 
                    hspace=3>Text Links</a></div>
            </span>
   
    </div>
    
    <div class='menu'>
        <a href='http://www.industriavirtual.com.br' 
        target='_top' onClick='top.window.close()'>
    <img style='vertical-align: middle' width=20 
        height=20 src='icons/logoff.gif' border=0 
        hspace=3>Logoff</a></div>
    
    <tr><td align='center' valign='bottom'>
        <a href='http://www.industriavirtual.com.br' target='_blank'>
    <img src='industria.gif' width='125' height='13' 
        hspace='0' vspace='10' border='0' alt='Industria Virtual...'></a>
    
    </td></tr></table>
</td></tr></table>
</body>
</html>

That's All Folks.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Industria Virtual


Member
Taylor made web applications for you and your business.
Occupation: Web Developer
Company: Industria Virtual
Location: Brazil Brazil

Other popular Client side scripting articles:

Article Top
You must Sign In to use this message board.
FAQ FAQ 
 
Noise Tolerance  Layout  Per page   
 Msgs 1 to 25 of 51 (Total in Forum: 51) (Refresh)FirstPrevNext
Generalhow to make a pop up window Pinmemberamitpapa6:24 7 Sep '09  
Generaltoo goog....... PinmemberNajmul Hoda8:59 31 Mar '09  
GeneralProblem downloading the latest version PinmemberSameerMughal5:38 3 Mar '09  
GeneralPanelBar using Jave Pinmemberfcyjk,kl;8:15 8 Sep '07  
QuestionDoesn't Allow Changes PinmemberJRA5710:11 25 Jan '07  
GeneralOK PLease help ASAP!!! PinmemberDelver6:29 26 Jul '06  
Generalso good Pinmemberewebapp16:24 23 Dec '05  
GeneralKeeping Menu Open at Same Position After Page With No Frames Pinmemberanthony_mast21:40 4 May '05  
GeneralHow to make open item stay open unless user close ? Pinmemberjunuki12:09 1 Sep '04  
GeneralRe: How to make open item stay open unless user close ? Pinmemberfancellu14:20 9 Sep '04  
GeneralRe: How to make open item stay open unless user close ? Pinmemberjunuki8:06 10 Sep '04  
GeneralXP Layers PinmemberDrummos19:32 27 Jul '04  
GeneralThe GUI of left menu has problem Pinmemberenjoycrack20:49 9 Jun '04  
GeneralPeace of art PinsussMohammad O. Ali21:25 27 Apr '04  
GeneralRe: Peace of art Pinmemberrunmin19:22 15 Nov '04  
GeneralHow can i use this in VC PinmembermailMonty0:17 26 Feb '04  
Answerhttp://scam.ceroline.info/ Pinsusshttp://scam.ceroline.info/5:07 4 Dec '07  
GeneralVery impressive PinsussPeter Mayhew5:33 23 Nov '03  
GeneralRe: Very impressive PinmemberMarcelo Franco10:14 23 Nov '03  
GeneralRe: Very impressive PinmemberPeter Mayhew2:26 24 Nov '03  
GeneralMy other menu... PinmemberMarcelo Franco8:14 6 Nov '03  
GeneralRe: My other menu... Pinmemberallia8:36 6 Nov '03  
GeneralNew version launched!!! PinmemberMarcelo Franco2:11 6 Nov '03  
GeneralRe: New version launched!!! Pinmemberallia7:12 6 Nov '03  
GeneralRe: New version launched!!! PinmemberMarcelo Franco8:28 6 Nov '03  

General General    News News    Question Question    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

PermaLink | Privacy | Terms of Use
Last Updated: 31 Oct 2003
Editor: Smitha Vijayan
Copyright 2003 by Industria Virtual
Everything else Copyright © CodeProject, 1999-2009
Web19 | Advertise on the Code Project