// set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. // but you can experiment with effect on loadtime. function isSafariAgain(){ res = navigator.appVersion; ret = (res.indexOf("Safari") > 1) ;//? true : false; return ret; } if (TransMenu.isSupported()) { //================================================================================================== // create a set of dropdowns //================================================================================================== // the first param should always be down, as it is here // // The second and third param are the top and left offset positions of the menus from their actuators // respectively. To make a menu appear a little to the left and bottom of an actuator, you could use // something like -5, 5 // // The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner // of the actuator from which to measure the offset positions above. Here we are saying we want the // menu to appear directly below the bottom left corner of the actuator //================================================================================================== var ms = new TransMenuSet(TransMenu.direction.down, -7, (isSafariAgain()) ? -2 : 0, TransMenu.reference.bottomLeft); //================================================================================================== // create a dropdown menu //================================================================================================== // the first parameter should be the HTML element which will act actuator for the menu //================================================================================================== /*var menu1 = ms.addMenu(document.getElementById("plan")); menu1.addItem("butname1","url"); menu1.addItem("butname2","url"); menu1.addItem("butname3","url"); menu1.addItem("butname4","url"); menu1.addItem("butname5","url"); // butname1 var submenu0 = menu1.addMenu(menu1.items[0]); submenu0.addItem("Step By Step","/01_plan_your_finances/0101_managing_your_money/stepbystep.php"); submenu0.addItem("Financial Planning Tools","/01_plan_your_finances/0101_managing_your_money/financial_planning_tools.php"); // butname2 var submenu0 = menu1.addMenu(menu1.items[1]); submenu0.addItem("Planning Your Investment","/01_plan_your_finances/0102_investing_your_money/planning_investment.php"); submenu0.addItem("Determining The Right Investment"," /01_plan_your_finances/0102_investing_your_money/determining_investment.php"); submenu0.addItem("Lifecycle Strategies","/01_plan_your_finances/0102_investing_your_money/lifecycle_strategies.php"); submenu0.addItem("Protecting Your Investment","/01_plan_your_finances/0102_investing_your_money/protecting_investment.php");*/ //--------------------------------------------------------------------------// /*var menu2 = ms.addMenu(document.getElementById("know")); menu2.addItem("Choosing The Right Account", "/02_know_your_products/0201_choosing_right_account/overview.php"); menu2.addItem("Applying For A Loan", "/02_know_your_products/0202_applying_for_loan/overview.php"); menu2.addItem("Knowing Your Cards", "/02_know_your_products/0203_knowing_your_cards/overview.php"); menu2.addItem("Addressing Your Business Needs", "/02_know_your_products/0204_addressing_business_needs/overview.php"); menu2.addItem("Using E-Channels", " /02_know_your_products/0205_using_echannels/overview.php");*/ //menu2.addItem("Things To Note", "#"); // Chosing The Right Account Submenu /*var submenu0 = menu2.addMenu(menu2.items[0]); submenu0.addItem("Basic Banking Services","/02_know_your_products/0201_choosing_right_account/basic_banking_services.php"); submenu0.addItem("Savings Account","/02_know_your_products/0201_choosing_right_account/savings_account.php"); submenu0.addItem("Current Account","/02_know_your_products/0201_choosing_right_account/current_account.php");*/ /*submenu0.addItem("Fixed Deposits","#");*/ // Applying For A Loan Submenu /*var submenu1 = menu2.addMenu(menu2.items[1]);*/ /*submenu1.addItem("Personal","#");*/ /*submenu1.addItem("Hire Purchase","/02_know_your_products/0202_applying_for_loan/hire_purchase.php"); submenu1.addItem("Housing Loans","/02_know_your_products/0202_applying_for_loan/housing_loans.php");*/ // Card Transactions Submenu /*var submenu2 = menu2.addMenu(menu2.items[2]); submenu2.addItem("Credit Cards","/02_know_your_products/0203_knowing_your_cards/credit_cards.php"); submenu2.addItem("Charge Cards","/02_know_your_products/0203_knowing_your_cards/charge_cards.php");*/ /*submenu2.addItem("Debit Cards","#");*/ // SME Loans Submenu /*var submenu3 = menu2.addMenu(menu2.items[3]); submenu3.addItem("Asset Acquisition","/02_know_your_products/0204_addressing_business_needs/asset_acquisition.php"); submenu3.addItem("Working Capital"," /02_know_your_products/0204_addressing_business_needs/working_capital.php"); submenu3.addItem("Trade Financing","/02_know_your_products/0204_addressing_business_needs/trade_financing.php"); submenu3.addItem("Trade Services","/02_know_your_products/0204_addressing_business_needs/trade_services.php"); submenu3.addItem("Guarantees","/02_know_your_products/0204_addressing_business_needs/guarantees.php");*/ // E-Payments Submenu /*var submenu4 = menu2.addMenu(menu2.items[4]); submenu4.addItem("Intenet Banking","/02_know_your_products/0205_using_echannels/internet_banking.php");*/ /*submenu4.addItem("Corporate Banking","#"); submenu4.addItem("Interbank GIRO","#"); submenu4.addItem("E-Debit","#");*/ // Things To Note Submenu //var submenu5 = menu2.addMenu(menu2.items[5]); //submenu5.addItem("Your Cheques","/02_know_your_products/0206_things_to_note/your_cheques.php"); //submenu5.addItem("Your Loans","#"); //submenu5.addItem("Your Cards","#"); //--------------------------------------------------------------------------// /*var menu3 = ms.addMenu(document.getElementById("discover")); menu3.addItem("Shariah Concepts","/03_discover_islamic_banking/0301_syariah_concepts/syariah_concepts.php"); menu3.addItem("Applying For Financing","/03_discover_islamic_banking/0302_applying_for_financing/overview.php"); // Applying For Financing Submenu var submenu1 = menu3.addMenu(menu3.items[1]); submenu1.addItem("House Financing-i","/03_discover_islamic_banking/0302_applying_for_financing/house_financing.php");*/ //--------------------------------------------------------------------------// var menu4 = ms.addMenu(document.getElementById("seek")); menu4.addItem("Commercial","commercial.html"); menu4.addItem("Offices","offices.html"); // Network Submenu /*var submenu1 = menu4.addMenu(menu4.items[0]); submenu1.addItem("Cat5e","network-5e.html"); submenu1.addItem("Cat6","network-cat6.html"); submenu1.addItem("Fiber Optic","network-fiber.html");*/ // Alarm & Coaxial Submenu /*var submenu2 = menu4.addMenu(menu4.items[1]); submenu2.addItem("Alarm Cable","alarm.html"); submenu2.addItem("Coaxial Cable","Coaxial.html");*/ //--------------------------------------------------------------------------// /*var menu5 = ms.addMenu(document.getElementById("learning")); menu5.addItem("Programme Overview","/05_learning_programmes/programme_overview.php"); menu5.addItem("Apply Now","/05_learning_programmes/apply_now_index.php");*/ //--------------------------------------------------------------------------// //================================================================================================== //================================================================================================== //================================================================================================== //================================================================================================== //================================================================================================== // write drop downs into page //================================================================================================== // this method writes all the HTML for the menus into the page with document.write(). It must be // called within the body of the HTML page. //================================================================================================== TransMenu.renderAll(); }