JavaScript - Creating A Menu Using Awm And Java

The code below is a download form,, the number after the P= are the index idents for each file to be downloaded..
The destination_folder is set for C:\temp as default location.

the code below works as needed for one file,,however i need to create a drop down list which will show all file names,and automatically throw the right ident for that file after the P=.
sounds simple enough but there are other sections that are tied to this form so the solution has to use the CFForm_1(this) else i'll have to redo all the other sections as well. as well as javascript
if anyone has a quick and clean way to do this i'd be very appreciative. i've pulled my hair out trying to find examples using this config and none are even close..or don't have a drop down menu
Code:

<form name="CFForm_1" 
action="http://www.XXX.cfm?p=6D6F615CC&rt=2&st=2" method="POST" onsubmit="CFForm_1(this)">

<input name="destination_folder" id="destination_folder" type="text" value="C:\Temp" 
maxlength="200"  size="60"  />
												
<input type="Submit" value="Resume">

thanks in advance, Rick

Hi everyone, I was hoping you could help me with a faily easy question.
I was asked to edit some script and I figured out most of it, however I can't seem to be able to make the links in my java script menu open in new pages.

Any help would be appreciated. Below is a copy of the script.

It's a very long script, so I just sent a section of it. Pleasse scroll down to the bottom to see where the links are (ex. http://www.korg.com, etc)

Thank you, Paul.



<!--
function mmLoadMenus() {
if (window.mm_menu_1107110519_0) return;
window.mm_menu_1107110519_0 = new Menu("root",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);
mm_menu_1107110519_0.addMenuItem("Parts&nbsp;Department","location='/e/support/accessories.html'");
mm_menu_1107110519_0.addMenuItem("Warranty&nbsp;Registration","location='/e/support/warranty.html'");
mm_menu_1107110519_0.addMenuItem("F.A.Qs","location='/e/support/faqs.html'");
mm_menu_1107110519_0.addMenuItem("Tutorials&nbsp;&amp;&nbsp;Guides","location='/e/support/tutorials.html'");
mm_menu_1107110519_0.addMenuItem("Related&nbsp;Products","location='/e/support/related_products.html'");
mm_menu_1107110519_0.addMenuItem("Downloads","location='/e/support/downloads.html'");
mm_menu_1107110519_0.addMenuItem("Newsletter","location='/e/support/newsletter.html'");
mm_menu_1107110519_0.addMenuItem("Owner&rsquo;s&nbsp;Manual","location='/e/support/manual_request.html'");
mm_menu_1107110519_0.addMenuItem("Korg Proview Request","location='/e/support/literature_request.html'");
mm_menu_1107110519_0.addMenuItem("Suggested Retail Prices","location='/e/products/pricelists.html'");
mm_menu_1107110519_0.hideOnMouseOut=true;
mm_menu_1107110519_0.menuBorder=1;
mm_menu_1107110519_0.menuLiteBgColor='#2a4960';
mm_menu_1107110519_0.menuBorderBgColor='#000000';
mm_menu_1107110519_0.bgColor='#000000';
window.mm_menu_1107105559_0_1 = new Menu("KORG",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);
mm_menu_1107105559_0_1.addMenuItem("KORG.com","location='http://www.korg.com'");
mm_menu_1107105559_0_1.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_1.hideOnMouseOut=true;
mm_menu_1107105559_0_1.menuBorder=1;
mm_menu_1107105559_0_1.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_1.menuBorderBgColor='#000000';
mm_menu_1107105559_0_1.bgColor='#000000';
window.mm_menu_1107105559_0_2 = new Menu("VOX",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_2.addMenuItem("VOX.co.uk","location='http://www.voxamps.co.uk'");
mm_menu_1107105559_0_2.addMenuItem("VOX online Newsletter","location='http://www.f3studios.com/vox'");
mm_menu_1107105559_0_2.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_2.hideOnMouseOut=true;
mm_menu_1107105559_0_2.menuBorder=1;
mm_menu_1107105559_0_2.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_2.menuBorderBgColor='#000000';
mm_menu_1107105559_0_2.bgColor='#000000';
window.mm_menu_1107105559_0_3 = new Menu("SAMSON",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_3.addMenuItem("SAMSON WIRELESS","location='http://www.samsontech.com/products/brandpage.cfm?brandID=1'");
mm_menu_1107105559_0_3.addMenuItem("SAMSON AUDIO","location='http://www.samsontech.com/products/brandpage.cfm?brandID=2'");
mm_menu_1107105559_0_3.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_3.hideOnMouseOut=true;
mm_menu_1107105559_0_3.menuBorder=1;
mm_menu_1107105559_0_3.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_3.menuBorderBgColor='#000000';
mm_menu_1107105559_0_3.bgColor='#000000';
window.mm_menu_1107105559_0_3a = new Menu("HARTKE",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_3a.addMenuItem("HARTKE","location='http://www.samsontech.com/products/brandpage.cfm?brandID=3'");
mm_menu_1107105559_0_3a.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_3a.hideOnMouseOut=true;
mm_menu_1107105559_0_3a.menuBorder=1;
mm_menu_1107105559_0_3a.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_3a.menuBorderBgColor='#000000';
mm_menu_1107105559_0_3a.bgColor='#000000';
window.mm_menu_1107105559_0_4 = new Menu("LIGHTSNAKE",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_4.addMenuItem("LIGHTSNAKE","location='http://www.soundtech.com'");
mm_menu_1107105559_0_4.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_4.hideOnMouseOut=true;
mm_menu_1107105559_0_4.menuBorder=1;
mm_menu_1107105559_0_4.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_4.menuBorderBgColor='#000000';
mm_menu_1107105559_0_4.bgColor='#000000';


window.mm_menu_1107105559_0 = new Menu("root",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_1,"location='http://www.korg.com'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_2,"location='http://www.voxamps.co.uk'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_3,"location='http://www.samsontech.com'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_3a,"location='http://www.samsontech.com/products/brandpage.cfm?brandID=3'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_4,"location='http://www.soundtech.com'");

mm_menu_1107105559_0.addMenuItem("Promotions","location='/e/promotions.html'");
mm_menu_1107105559_0.addMenuItem("Suggested Retail Prices","location='/e/products/pricelists.html'");

mm_menu_1107105559_0.hideOnMouseOut=true;
mm_menu_1107105559_0.childMenuIcon="/images/nav/arrows.gif";
mm_menu_1107105559_0.menuBorder=1;
mm_menu_1107105559_0.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0.menuBorderBgColor='#000000';
mm_menu_1107105559_0.bgColor='#000000';

mm_menu_1107105559_0.writeMenus();
} // mmLoadMenus()

//-->

I'm new to coding, And would like to know if java is capable of:
Playing a sound file when a name or word is seen on the screen. Or, In this case on a windows sidebar gadget.

Thanks

ok, so, I honestly have no clue why it wont work..

I'm workin in html and I put some javascript code(im learnin)


so here it is, please help!


<script>
code = 0
function mf() { code += 1 if (code >= 1) {
code = 0
{document.getElementById("test").innerHTML = "I have changed";}
} else {
code = 1
{document.getElementById("test").innerHTML = "Click below to change me!";}
} }
</script>

<p id = "test">Click below to change me!</p>

<button type = "button" onclick = "mf()">click here!</button>

I have been trying to learn java coding from a book and have run into a coding question that I'm confused about. Can someone help?
I have a one dimensional array of positive integers. I'm trying to create another array with the same length and scan the original array for finding the maximum integer. I am then needing to copy that maximum integer in first position of the created array and set the maximum integer in the original array to zero. For second round, I need to write code to find the maximum integer in the original array and copy that in second position of created array and set the maximum integer in the original array to zero. I need to repeat this until all numbers in original array is zero. My created array should be sorted in positive integer numbers. I need to write this sort method that accepts a one dimensional array of integers that return the sorted array testing this method using the main method.

What is JAVA? From where I can learn.

Please guide me the best institution that is teaching JAVA in the world. Any online tutorial or site where I can get online material. I am not familiar with this program nor i have any idea.

I am waiting for your response because i want to start it immediately.

Hi Exprts,

I am using a (anylink)javascript menu from dynamic drive. Basically I am having a design issue but posting the problem here because I think this can be fixed through JS.

Please download the attached files. You will see the menu & the sub menu on mouse over. Problem is that.... when the submenu appears & I take my mouse to the sub menu, the parent item hover style disappears. I mean, it doesn't look active. I just want the parent item active when users moves his/her mouse to sub menu. Thats all.

Please suggest me any solutions for this. Thank you in advance.

Hey guys! I have this website mmosaga.com and in need of some help to fix my BG. Im trying to get my BG to rescale to various of monitor sizes. My monitor width is 1440 and my BG images are Width: 1566 Height:768.

I want that position to show up on all the other browsers including IE.

Here the code I use

PHP Code:
<html>

<head>
<script language="javascript">
function randomBackground()
  {
  var myImages = Array();
  myImages[0] = 'Florenga.jpg';
  myImages[1] = 'pangar.jpg';
myImages[2] = 'GrandChaseBG.png';
myImages[3] = 'ADBG.png'; 
myImages[4] = 'AionBG.png'; 
myImages[5] = 'FiestaBG.jpg'; 
myImages[6] = 'GalaxyOnlineBG.jpg'; 
myImages[7] = 'GunzBG.png'; 
myImages[8] = 'IrisOnlineBG.png'; 
myImages[9] = 'MabinogiBG.png';
myImages[10] = 'APB.jpg';
 myImages[11] = 'S4LeagueBG.jpg';  
 myImages[12] = 'APB.jpg';
 myImages[13] = 'WorldOfTanksBG.jpg';
 myImages[14] = 'Elsword.jpg';


myRandomNumber = Math.floor(Math.random()*myImages.length);

  document.body.style.backgroundImage = 'URL('+myImages[myRandomNumber]+')';
  }
</script>
<style type="text/css">
body
  {
  background-attachment: fixed;
  background-repeat: no-repeat;
  }
</style>
</head>

<body onload="randomBackground();"></body> 

Hello all, I am an admin, and I am building a radial button search option on a webpage. It works fine, except I cant seem to get it to open the results in a new window. I tried using the "window.open" but it didnt work. Any assitance would be appreciated! Also, I am not a great java programmer, and what you see below is the extent of my knowledge
Thanks in Advance!!

===================CODE===============
<html>
<body>
<script language="JavaScript">eng = 'http://www.google.com/search?q=';</script>
Search:
<input type="text" id="searchterms">
<input type="button" value="Search" onload="" onclick="window.location = eng + escape(document.getElementById('searchterms').value); return false;">
<br />
<input type="radio" onclick="eng = this.value;" checked name="sengines"
value="http://www.google.com/search?q=" />Google
<input type="radio" onclick="eng = this.value;" name="sengines"
value="http://support.citrix.com/search/basic/?searchQuery=" />CTX KB
<input type="radio" onclick="eng = this.value;" name="sengines"
value="http://support.microsoft.com/search/default.aspx?mode=r&query=" />MS KB
</body>
</html>

hi, i have a html form and i have three text boxes named
Max Accessories:
Accessory SKU:
Accessory CPC ID:

and i want a javascript functionality like, if the user enters in the max accessories text box value as 1, then the below two text boxes should update like automatically like below,



AcceSsory 1 SKU
ACCESSORY 1 CPC ID

SIMILARLY if user enters Max accessories value as 2 in the text box,
then the below two text boxes should update like automatically like below
AcceSsory 1 SKU
ACCESSORY 1 CPC ID
AcceSsory 2 SKU
ACCESSORY 2 CPC ID

onchange of the key, for accessory it should call some function in the same page and dynamically update.

can any one please provide, a solution for this , thanks.

Im writing this code for a gas station program. I have been writing and improving my code for about 3 weeks now and its quite long. I have about classes , customer class, office class and a gas pumps classes. I need help on how to get started on finding the total output at the end of the day. Conceptually i know what i have to do but I don't know where to begin writing the code. I think each time there is a new customer i should add the amount of fuel purchased to a new total fuel purchases variable in the gas pump class. If any one could give me some advice or tips on my theory it would be great ! Should I create a method or can i be done without one.
Code:

import java.util.Random;
import java.util.Scanner;
public class Customer
{
	private String carTag;
	private double gasPurchased;
	private int gasType;
	
	public Customer ()
	{
		Random gen = new Random ( );
		carTag = "";
		for (int i = 1; i <= 6; i++)
		{
			
			//a random number between 48 and 90
			int code = gen.nextInt (43)+ 48;
			if ((code <= 64) && (code >= 58))
			{
				i--;
				continue;
			}
			
			carTag += ((char)(code));
			
		}
		
		System.out.println ("a car arrives; tag number:" + carTag);
		
	}
	
	public int getGasType ()
	{
		Scanner inputDevice = new Scanner (System.in);
		//1:regular, 2:plus, 3:premium
		System.out.println ("enter type of gas to buy " + 
				"(1:regular, 2:plus, 3:premium): ");
		gasType = inputDevice.nextInt ();
		return gasType;
		
	}
	
	public double getGasPurchased ()
	{
		Random gen = new Random ();
		gasPurchased = gen.nextDouble ()* 50;
		return gasPurchased;
	}
	
	public String getCarTag ()
	{
		return carTag;
	}

Code:

import java.util.Random;
public class Office
{
    public static void main (String [ ] args)
    {
        double regularTank = 1000;
        double plusTank = 1000;
        double primiumTank = 1000;
        GasPump pump1 = new GasPump ( );
        GasPump2 pump2 = new GasPump2 ( );
        Random gen  = new Random ();
        //asuumint gas tanks always have gas, will upgrade later
        do
        {
            int whatHappens = gen.nextInt (100);
            if (whatHappens == 5)
            {
                System.out.println ("gas station closed");
                break;
            }
            else if ((whatHappens % 10) == 0)
            {
                if (pump1.pumpAvailable ())
                    pump1.customerArrival ();
                else
                    System.out.println ("a new customer arrives at pump 1, but is turned away, gas pump is busy");
            }
            else
            {
                if (pump1.pumpAvailable ())
                    System.out.println ("no customer; waiting.........");
            }

            if (!pump1.pumpAvailable())
            {
                if (pump1.updateClock () == 0)
                    pump1.saleComplete ();
            }
            
        } while (true);
        
        do
system.exit ()

Code:

public class GasPump
{
	final private double REGULAR_PRICE = 3.15;
	final private double PLUS_PRICE = 3.5;
	final private double PREMIUM_PRICE = 4.5;
        final private double HOSE_FLOW_RATE = 0.85;
	
	private double totalPayment;
	private Customer who;
        private int timeLeftToFinish;
        private int gasType;
        private double gasPurchased;
        private String carTag;
	
	public GasPump ()
	{
		who = null;
		totalPayment = 0;
                timeLeftToFinish = 0;
	}
	
	public void customerArrival ()
	{
		who = new Customer ();
		System.out.println ("welcome to jack's gas station PUMP 1 ");
		
		gasType = who.getGasType ();
		gasPurchased = who.getGasPurchased ();

                timeLeftToFinish =  (int)(gasPurchased/HOSE_FLOW_RATE);

                System.out.println (timeLeftToFinish + " total time units needed for this transaction...");

		carTag = who.getCarTag ();

	
		
	}

       private void printReceipt ( )
        {
            System.out.println ("****Sale Receipt");
            switch (gasType)
            {
                case 1: System.out.println ("regular gas"); break;
                case 2: System.out.println ("plus gas"); break;
                case 3: System.out.println ("premium gas"); break;
            }

            System.out.println ("gas amount: " + gasPurchased +
            "\ntotal payment" + totalPayment + "\nthank you");

            System.out.println("Pump has " + regularTank()); 

        }

       private void resetPump ( )
       {
            who = null;
            totalPayment = 0;
            timeLeftToFinish = 0;
       }

       public int updateClock ()
       {
           timeLeftToFinish--;
           System.out.println (timeLeftToFinish + " time units left to finish ");
           return timeLeftToFinish;
       }

       public void saleComplete ( )
       {
		switch (gasType)
                {
                    case 1: totalPayment = REGULAR_PRICE * gasPurchased; break;
                    case 2: totalPayment = PLUS_PRICE * gasPurchased; break;
                    case 3: totalPayment  = PREMIUM_PRICE * gasPurchased; break;

                }

				printReceipt ( );
					resetPump ( );

       			}

       		public boolean pumpAvailable ()
       		{
       			return (who == null);
       		}

			}

Im having problems with the following code and not sure why it only seems to be a problem when i call for the amount1 variable in the discountedPriceString variable it returns as undefined. but if i just request amount1 in the alert it works fine. Could someone just explain where i have gone wrong

Thanks

Code:

<script>
DISCOUNT_RATE = 0.25;

var price = parseFloat(prompt('Enter the normal price','0.00'));
var discountedPriceString = 'The sale price is $' +amount1 ;
var amount1 = '';

// Apply the discount to the price
discount1 = price * DISCOUNT_RATE;
amount1 = price - discount1 

// Add the new price to the string using toFixed()
amount1 = (amount1.toFixed(2));
alert(discountedPriceString);

</script>

Can someone help me with this javascript? It works fine with 10 images, but when I add the 11th it will not rotate the 11th image but still rotate the 1st 10.

<br>
<script type="text/javascript">
var imgs1 = new Array("/resource/resmgr/Ad_Banner/ad16.jpg","/resource/resmgr/Ad_Banner/ad13.jpg","/resource/resmgr/Ad_Banner/ad14.jpg","/resource/resmgr/Ad_Banner/ad8.jpg","/resource/resmgr/Ad_Banner/ad15.jpg","/resource/resmgr/Ad_Banner/ad18.jpg","/resource/resmgr/Ad_Banner/ad12.jpg","/resource/resmgr/Ad_Banner/ad19.jpg","/resource/resmgr/Ad_Banner/ad20.jpg","/resource/resmgr/Ad_Banner/ad21.jpg","/resource/resmgr/Ad_Banner/ad21.jpg","/resource/resmgr/ad_Banner/ad3.jpg");
var lnks1 = new Array("http://www.adamscollision.com","http://www.huntleyrealty.com","http://www.trinitycpraed.com","http://www.sccah.com/?page=SCFestival","http://www.blazekshomefurnishings.hdspd.com","http://www.sccah.com/?page=JB_Const","http://tgconsultantsinc.com/","http://blueskiespilotshop.com/index.html ","http://www.aaaglass.com/ ","http://www.carytravelexpress.com/","http://www.sccah.com/?page=Ad_Inquiry ");
var alt1 = new Array("Adams Collision","Huntley Realty","Trinity","Sun City Arizona","Hunter Douglas Window Coverings and Custom Draperies","J&B Construction","TGI Consulting","Blue Skies","AAA Glass","Cary Travel Express","THIS COULD BE YOUR AD!!!");
var currentAd1 = 0;
var imgCt1 = 11;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",4000);
</script>
<a href=""http://www.adamscollision.com"" id="adLink1" rel="nofollow" target="_blank">
<img src="/resource/resmgr/Ad_Banner/ad16.jpg" id="adBanner1" border="0" width="170" height="200"></a>

Hi Chaps,

I'm looking for a 'preloader' progress bar to appear whilst a file is uploaded/downloaded from my php app.

Not sure whether this is a Java/Flash question, but any help would be appreciated.

Cheers

hi i want to implement this java script . This is the Original Java script page .


Where you see if i click on the yahoo or | google buttons the new window is loading and the same page is displaying with a tab bar menu and close button. I want to implement the same on one of my documents where i created css and java script based drop down menus. But when i tried to implement the same java script on my own page its not working properly.Please help me fix it .
I have changed the code only on Button -4 Link-1 only

Hers the Live Demo of the page :
Live Demo Of the page

Heres the Java Script:

Java Script

Here's the CSS :

Code:

 html,body {
	padding:0;
	margin: 0px;
	background: #306f80;
}
#wrapper{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	height: 1000px;
}
#header{
	height: 100px;
	width: 1024px;
	background: url(../images/header.png) repeat-x;
}
.icons_hold{
	float: right;
	height: 55px;
	width: 200px;
	position: relative;
	top: 10px;
	right: 10px;
}
.navestyle{
	width: 1024px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
.navestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.navestyle  ul{
	border: 1px solid #BBB;
	width: 100%;
	background: url(../images/nav_bg.png) repeat-x center center; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.navestyle  ul  li{
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
}
.navestyle  ul  li  a{
	color: #494949;
	padding: 4px 45px 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}
.navestyle  ul  li  a:hover, .navestyle  ul  li  a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background: url(../images/hover.png) repeat-x center center; /*THEME CHANGE HERE*/
	color: #FFFFFF;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	z-index:100;
	background-color: white;
	visibility: hidden;
	width: 200px;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
img
{
    border: none;
}
.pagination{
	padding: 0px 2px 2px;
	clear: both;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FFCC33;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
#demoArea
{
	padding: 10px ;
	height: 580px ;
	background: #FFFFFF ;
	/*border: 1px solid black ;*/
	/*display: table ;*/
}

#demoLinks
{
	width: 20% ;
	border-right: 1px dotted blue ;
	float: left ;
}

#demoBrowser
{
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#tabBrowser
{
	position: absolute ;
	width: 100% ;
}

/* --------------- TABS -------------------*/

#tabDemo
{
	display: none
}

#tabContainer
{
	display: block ;
}

#tabs
{
	cursor: default ;
	list-style-type: none ;
	/*width: 560px ;*/
	margin: 0 ;
	padding: 0 ;
}

#tabs li
{
	background: #FFFBF0 ;
	border: 1px solid green ;
	border-bottom: 0 ;
	-moz-border-radius-topleft: 5px ;
	-moz-border-radius-topright: 5px ;
	float: left ;
	width: 100px ;
	min-width: 35px ;
	height: 20px ;
	margin: 0 2px 3px 0 ;
	padding-left: 3px ;	
}

.tabTitle
{
	float: left ;
	width: 80% ;
	height: 100% ;
	overflow: hidden ;
}

.closeTab
{
	text-align: center ;
	text-transform: uppercase ;
	margin: 2px 3px 2px 80% ;
	border: outset 1px #D40000 ;
}

.closeTab:hover
{
	background: #000000;
}

/* --------------- BROWSER -------------------*/

#tabContent
{
	position: relative ;
	clear: both ;
	width: 100% ;
}

#tabContent div
{
	position: absolute ;
	width: 100% ;
}

Here's the Mark Up :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Testing page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<script type="text/javascript" src="js/tabbed_browser.js"></script>
<script type="text/javascript" src="js/chrome.js">


</script>
</head>

<body>
<div id="wrapper">
  <div id="header">
    <div class="icons_hold"><a href="#"><img src="images/home.png" title="home" /></a>&nbsp;&nbsp;&nbsp;<a href="#"><img src="images/help.png" title="help" /></a>&nbsp;&nbsp;&nbsp;<a href="#"><img src="images/sign_out.png" title="signe out" /></a></div>
  
  </div>


<div class="navestyle" id="navemenu">
<ul>
<li><a href="#" title="chaitnyas testing page">Button-1</a></li>
<li><a href="#" title="chaitnyas testing page">Button-2</a></li>
<li><a href="#" title="chaitnyas testing page">Button-3</a></li>

<li><a href="#" rel="dropmenu1" title="chaitnyas testing page">Button-4</a></li>
<li><a href="#" rel="dropmenu2" title="chaitnyas testing page">Button-5</a></li>
<li><a href="#" rel="dropmenu3" title="chaitnyas testing page">Button-6</a></li>	
<li><a href="#" title="chaitnyas testing page">Button-7</a></li> 
<li><a href="#" title="chaitnyas testing page">Button-8</a></li> 
</ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
<a id="link1" onclick="openTab('link1')" href="http://yahoo.com." title="chaitnyas testing page" ><img src = "images/1.gif" />&nbsp;Link-1</a>
<a href="link-2.htm" title="chaitnyas testing page"><img src = "images/2.gif" />&nbsp;Link-2</a>
<a href="link-3.htm" title="chaitnyas testing page"><img src = "images/3.gif" />&nbsp;Link-3</a>
<a href="link-4.htm" title="chaitnyas testing page"><img src = "images/4.gif" />&nbsp;Link-4</a>
<a href="link-5.htm" title="chaitnyas testing page"><img src = "images/5.gif" />&nbsp;Link-5</a></div>


<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="#" title="chaitnyas testing page"><img src = "images/6.gif" />&nbsp;Link-1</a>
<a href="#" title="chaitnyas testing page"><img src = "images/7.gif" />&nbsp;Link-2</a>
<a href="#" title="chaitnyas testing page"><img src = "images/8.gif" />&nbsp;Link-3</a></div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="#" title="chaitnyas testing page"><img src = "images/9.gif" />&nbsp;Link-1</a>
<a href="#" title="chaitnyas testing page"><img src = "images/10.gif" />&nbsp;Link-2</a>
<a href="#" title="chaitnyas testing page"><img src = "images/11.gif" />&nbsp;Link-3</a></div>


<script type="text/javascript">

cssdropdown.startchrome("navemenu")

</script>
<p><br />
<div id="demoBrowser">
	<div id="tabBrowser">
        <div id="tabContainer">
            <ul id="tabs"><li id="tabDemo"><div class="tabTitle">Google</div><div class="closeTab">x</div></li> 
            </ul>
        </div>
        <div id="tabContent">       
        </div>
	</div>
</div>
</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

  </p>
<div class="pagination">
<ul>

<li><a href="products.htm" class="currentpage" title="Products">1</a></li>
<li><a href="products1.htm" title="Products">2</a></li>
<li><a href="products2.htm" title="Products">3</a></li>


</ul>
</div><br />


</p>
</div>
</body>

</html>