[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 787
  • Last Modified:

jQuery to set DIV visibility based on dropdown selection

I have the following dropdown menu:
<select onchange="dropdown(this.value)">

	<option value="" selected>Please Select a Market</option>

<option value="Business Machine">Business Machine</option>
<option value="Combustion">Combustion</option>
<option value="Fuel Cell">Fuel Cell</option>
<option value="Industrial">Industrial</option>
<option value="Medical">Medical</option>
<option value="Transit">Transit</option>
<option value="Aquaculture">Aquaculture</option>
<option value="Other">Other</option>
</select>

Open in new window

And, I have the following DIVs:
<div id="Business Machine" class="table">
Business Machine
</div>
<div id="Combustion" class="table">
Combustion
</div>
etc...

Open in new window

You see how I have the dropdown menu VALUE the same as the DIV ID.  How do I, when a user selects an item from the dropdown menu, display that DIV of the same ID?  Note:  All DIVs should be hidden until one is selected from the menu.
0
EMB01
Asked:
EMB01
  • 5
  • 4
1 Solution
 
leakim971PluritechnicianCommented:
you may use : http://jsfiddle.net/DYZSz/
function dropdown(val) {
    var dd = document.getElementsByTagName("select")[0];
    //var dd = document.getElementById("select_id")[0];
    for(var i=1;i<dd.options.length;i++) {
        var cval = dd.options[i].value;
        if( cval == val ) {
            document.getElementById(cval).style.display = "block";   
        }
        else {
            document.getElementById(cval).style.display = "none";   
        }
    }
}

Open in new window

0
 
leakim971PluritechnicianCommented:
with jQuery : http://jsfiddle.net/DYZSz/1/
$(document).ready(function() {
    $("select").change(function() {
    //$("#select_id").change(function() {
        $(".table").not($("#"+$(this).val())).hide();
        $("#"+$(this).val()).show();
    })
})

Open in new window

0
 
EMB01Author Commented:
Hi, leakim!  Thanks for your help so far.

I was trying to get it to work, but for some reason it won't.  Here's my page:

http://tinyurl.com/5sk46vh

If you can't see that, here's the 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" xml:lang="en-gb" lang="en-gb" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <title>AMETEK Technical and Industrial Products</title>
  <link rel="stylesheet" href="http://devel.mywebsite.com/plugins/system/yoo_effects/lightbox/shadowbox.css" type="text/css" />

  <link rel="stylesheet" href="http://devel.mywebsite.com/modules/mod_yoo_search/mod_yoo_search.css.php" type="text/css" />
  <link rel="stylesheet" href="http://devel.mywebsite.com/modules/mod_yoo_slider/mod_yoo_slider.css.php" type="text/css" />
  <link rel="stylesheet" href="/modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css" type="text/css" />
  <link rel="stylesheet" href="http://devel.mywebsite.com/modules/mod_yoo_login/mod_yoo_login.css.php" type="text/css" />
  <link rel="stylesheet" href="http://devel.mywebsite.com/modules/mod_yoo_toppanel/mod_yoo_toppanel.css.php" type="text/css" />
  <script type="text/javascript" src="/includes/js/joomla.javascript.js"></script>
  <script type="text/javascript" src="http://devel.mywebsite.com/ametek/Scripts/jquery-1.6.4.min.js"></script>
  <script type="text/javascript" src="/media/system/js/mootools.js"></script>

  <script type="text/javascript" src="http://devel.mywebsite.com/modules/mod_yoo_search/mod_yoo_search.js"></script>
  <script type="text/javascript" src="http://devel.mywebsite.com/modules/mod_yoo_slider/mod_yoo_slider.js"></script>
  <script type="text/javascript" src="http://devel.mywebsite.com/modules/mod_yoo_toppanel/mod_yoo_toppanel.js"></script>
  <script type="text/javascript">jQuery.noConflict();</script>
  <script type="text/javascript">
			$(document).ready(function() {
				$("select").change(function() {
				//$("#select_id").change(function() {
					$(".table").not($("#"+$(this).val())).hide();
					$("#"+$(this).val()).show();
				})
			})
			</script>
  <script type="text/javascript">var YOOeffects = { url: 'http://devel.mywebsite.com/plugins/system/yoo_effects/lightbox/' };</script>

<script type="text/javascript" src="http://devel.mywebsite.com/plugins/system/yoo_effects/yoo_effects.js.php?lb=1&amp;re=1&amp;sl=1"></script>


<link href="/modules/mod_yoo_drawer/mod_yoo_drawer.css.php" rel="stylesheet" type="text/css" />


	<link rel="shortcut icon" href="/images/favicon.ico" />
		<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
	<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
	<link href="/templates/rt_equinox_j15/css/template_css.css" rel="stylesheet" type="text/css" />
	<link href="/templates/rt_equinox_j15/css/style1.css" rel="stylesheet" type="text/css" />

	<link href="/templates/rt_equinox_j15/css/languages/en-gb.css" rel="stylesheet" type="text/css" />

		<link href="/templates/rt_equinox_j15/rokzoom/rokzoom.css" rel="stylesheet" type="text/css" />
		<link href="/templates/rt_equinox_j15/css/rokslidestrip.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
		div.wrapper { margin: 0 auto; width: 1100px;}
		#sidecol { width: 225px;}
		#secondcol { width: 0;}
		#content { margin-left: 225px;margin-right: 0;}
		#bottommodules { margin-left: 225px;}
	</style>	
			<script type="text/javascript" src="/templates/rt_equinox_j15/rokzoom/rokzoom.js"></script>
			
		
		<script type="text/javascript">
		window.addEvent('load', function() {
			RokZoom.init({
				imageDir: '/templates/rt_equinox_j15/rokzoom/images/',
				resizeFX: {
					duration: 700,
					transition: Fx.Transitions.Cubic.easeOut,
					wait: true
				},
				opacityFX: {
					duration: 500,
					wait: false	
				}
			});
		});
	</script>
		</head>

	<body class="f-default style1">

<div id="absolute">
<div class="default">
	<div id="yoo-toppanel-1" class="yoo-toppanel">

		<div class="panel-container" style="top: 0px; z-index: 200;">
			<div class="panel-wrapper">
				<div class="panel" style="height: 340px; margin-top: -340px;">
					<div class="content" style="width: 800px;">
												<div class="close">

							Close						</div>
																		<div class="article">
	<div style="float:left;"><a href="index2.php?option=com_content&amp;view=article&amp;id=260&amp;Itemid=48" rel="lightbox;"><img src="Ametek/Images/Help/products.jpg" border="0" /></a></div>
<div style="float:left;"><a href="index2.php?option=com_content&amp;view=article&amp;id=263&amp;Itemid=48" rel="lightbox;"><img src="Ametek/Images/Help/express.jpg" border="0" /></a></div>
<div style="float:left;"><a href="index2.php?option=com_content&amp;view=article&amp;id=261&amp;Itemid=48" rel="lightbox;"><img src="Ametek/Images/Help/sales.jpg" border="0" /></a></div>
<div style="float:left;"><a href="index2.php?option=com_content&amp;view=article&amp;id=262&amp;Itemid=48" rel="lightbox;"><img src="Ametek/Images/Help/website.jpg" border="0" /></a></div>	</div>											</div>
				</div>
			</div>
								
			<div class="trigger" style="left: 50%;">

				<div class="trigger-l" style=""></div>
				<div class="trigger-m">Help</div>
				<div class="trigger-r" style=""></div>
			</div>
		</div>
			
	</div>		
</div><script type="text/javascript">
// <!--
var panelFx1 = new YOOtoppanel('yoo-toppanel-1', { offset: 340, transition: Fx.Transitions.expoOut, duration: 500 });
panelFx1.addTriggerEvent('#yoo-toppanel-1 .trigger')
panelFx1.addTriggerEvent('#yoo-toppanel-1 .close');
// -->
</script>

</div>

		<!-- start wrapper -->
		<div class="wrapper">

			<div id="masthead">

					<a href="" class="nounder"><img src="/templates/rt_equinox_j15/images/blank.gif" style="border:0;" alt="" id="logo" /></a>
										<div id="mod-top">
						<div class="top2">
							<div class="top3">
								<div class="padding">

											<div class="moduletable">
					
<form action="index.php" method="post" name="login">

<span class="quick" style="display: block;">
	<span class="yoo-login">
	
				<span class="logout">
		
						<span class="greeting">Hi Administrator
,</span>
						
			<span class="logout-button-text">
				<button value="Logout" name="Submit" type="submit" title="Logout">Logout</button>

			</span>
		
			<input type="hidden" name="option" value="com_user" />
			<input type="hidden" name="task" value="logout" />
			<input type="hidden" name="return" value="aHR0cDovL2RldmVsLmFtZXRla3RpcC5jb20vaW5kZXgucGhwP29wdGlvbj1jb21fc2FsZXNtYXAmdmlldz1kaXJlY3RvcnkmY29udGluZW50PU5vcnRoIEFtZXJpY2EmdGVycml0b3J5PU9oaW8mY2F0YWxvZz1CbG93ZXJz" />
			
		</span>
		
				
	</span>
</span>
</form>		</div>
	
								</div>

							</div>
						</div>
					</div>
					
			</div>
			<div id="primary-nav">
				<div class="nav2">
					<div class="nav3">
						<div id="horiz-menu" class="MyMenu">
															<ul class="menu"><li class="item100001"><a href="http://devel.mywebsite.com/"><span>HOME</span></a></li><li class="item2"><a href="/index.php?option=com_content&amp;view=article&amp;id=250&amp;Itemid=2&amp;lang=en"><span>News</span></a></li><li class="item107"><a href="/index.php?option=com_catalog&amp;Itemid=107&amp;lang=en"><span>Products</span></a></li><li class="item48"><a href="/index.php?option=com_content&amp;view=article&amp;id=21&amp;Itemid=48&amp;lang=en"><span>Applications</span></a></li><li class="item120"><a href="/index.php?option=com_rokdownloads&amp;view=folder&amp;Itemid=120&amp;lang=en"><span>Technical Documents</span></a></li><li class="item125"><a href="http://www.mywebsite.com/Ametek/Scripts/ContactMap/index.php" rel="lightbox">Sales Offices</a></li></ul><div id="jflanguageselection" style="font-family: Tahoma;"><label for="jflanguageselection" class="jflanguageselection">Select</label><img src="/components/com_joomfish/images/flags/en.gif" alt="English" title="English" border="0" class="langImg"/>

<select name="lang"  class="jflanguageselection" onfocus="jfselectlang=this.selectedIndex;" onchange="if(this.options[this.selectedIndex].disabled){this.selectedIndex=jfselectlang;} else {document.location.replace(this.value);}">
	<option value="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=en"  style='padding-left:22px;background-image: url("/components/com_joomfish/images/flags/en.gif");background-repeat: no-repeat;background-position:center left;'  selected="selected" >English</option>
	<option value="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=zh"  style='padding-left:22px;background-image: url("/components/com_joomfish/images/flags/zh.gif");background-repeat: no-repeat;background-position:center left;'  >Chinese ????</option>
	<option value="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=de"  style='padding-left:22px;background-image: url("/components/com_joomfish/images/flags/de.gif");background-repeat: no-repeat;background-position:center left;'  >Deutsch (DE-CH-AT)</option>
	<option value="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=es"  style='padding-left:22px;background-image: url("/components/com_joomfish/images/flags/es.gif");background-repeat: no-repeat;background-position:center left;'  >Español(Spanish Formal International)</option>
	<option value="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=fr"  style='padding-left:22px;background-image: url("/components/com_joomfish/images/flags/fr.gif");background-repeat: no-repeat;background-position:center left;'  >French (Fr)</option>
	<option value="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=it"  style='padding-left:22px;background-image: url("/components/com_joomfish/images/flags/it.gif");background-repeat: no-repeat;background-position:center left;'  >Italian - Italy</option>

</select>
</div>
<noscript><a href="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=en"><span lang="en" xml:lang="en">English</span></a>&nbsp;<a href="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=zh"><span lang="zh" xml:lang="zh">Chinese ????</span></a>&nbsp;<a href="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=de"><span lang="de" xml:lang="de">Deutsch (DE-CH-AT)</span></a>&nbsp;<a href="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=es"><span lang="es" xml:lang="es">Español(Spanish Formal International)</span></a>&nbsp;<a href="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=fr"><span lang="fr" xml:lang="fr">French (Fr)</span></a>&nbsp;<a href="http://devel.mywebsite.com/index.php?option=com_salesmap&amp;view=directory&amp;continent=North%20America&amp;territory=Ohio&amp;catalog=Blowers&amp;Itemid=&amp;lang=it"><span lang="it" xml:lang="it">Italian - Italy</span></a>&nbsp;</noscript><!--Joom!fish V2.0.1 ()-->
<!-- &copy; 2003-2009 Think Network, released under the GPL. -->
<!-- More information: at http://www.joomfish.net -->

					    	
							<div class="clr"></div>
						</div>
					</div>
				</div>
			</div>

			<!-- start mainbody -->
			<div id="mainbody">
				<!-- start main side column -->
								<div id="sidecol">
					<div class="col1">
						<div class="col2">
																<div class="module">
			<div>
				<div>

					<div>
											<div class="default">
	<div id="yoo-search-1" class="yoo-search" style="z-index: 14;">
	
		<form action="index.php" method="post">
			<div class="searchbox" style="">
				<button class="search-magnifier" type="submit" value="Search"></button>
				<input class="searchfield" type="text" onfocus="if(this.value=='search...') this.value='';" onblur="if(this.value=='') this.value='search...';" value="search..." size="20" alt="search..." maxlength="20" name="searchword" autocomplete="off" />
				<button class="search-close" type="reset" value="Reset"></button>
			</div>	
			<input type="hidden" name="task"   value="search" />

			<input type="hidden" name="option" value="com_search" />
		</form>		

		<div class="resultbox" style="width: 400px;"></div>

	</div>
</div><script type="text/javascript">
// <!--
new YOOsearch('yoo-search-1', { 'url': 'http://devel.mywebsite.com/index.php?option=com_search&tmpl=raw&type=json&ordering=&searchphrase=all&Itemid=0', 'fieldText': 'search...', 'msgResults': 'Search results', 'msgCategories': 'Search categories', 'msgNoResults': 'No results found', 'msgMoreResults': 'More results' });
// -->
</script>
					</div>
				</div>
			</div>
		</div>

			<div class="module-blank">
			<div>
				<div>
					<div>
											<div class="default-v">
	<div id="yoo-slider-1" class="yoo-slider default-v" style="height: 385px;;z-index:1">

		<ul class="list">
				
						
			<li class="slide item item1 first" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="http://www.haydonkerk.com/" target="new"><img src="Ametek/Images/Brands/BrandBar/haydonkerk.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item2" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=168"><img src="Ametek/Images/Brands/BrandBar/Pittman.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item3" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=189"><img src="Ametek/Images/Brands/BrandBar/MCG.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item4" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=157"><img src="Ametek/Images/Brands/BrandBar/Windjammer.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item5" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=165"><img src="Ametek/Images/Brands/BrandBar/Microjammer.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item6" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=164"><img src="Ametek/Images/Brands/BrandBar/Minijammer.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item7" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=156"><img src="Ametek/Images/Brands/BrandBar/ROTRON.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item8" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=167"><img src="Ametek/Images/Brands/BrandBar/Nautilair.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item9" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=170"><img src="Ametek/Images/Brands/BrandBar/Duratek.jpg" /></a>	</div>					</div>
				</div>
			</li>

				
						
			<li class="slide item item10 last" style="height: 38px;">

				<div class="item-b" style="height: 80px;">
					<div class="item-t">
						<div class="article" style="display: block">
	<a href="index.php?option=com_content&amp;view=article&amp;id=171"><img src="Ametek/Images/Brands/BrandBar/Minispiral.jpg" /></a>	</div>					</div>
				</div>
			</li>

				</ul>

	
	</div>
</div><script type="text/javascript">
// <!--
new YOOslider('yoo-slider-1', '#yoo-slider-1 .slide', { layout: 'vertical', sizeNormal: 38, sizeFull: 80 });
// -->
</script>
					</div>
				</div>
			</div>
		</div>
			<div class="module">
			<div>
				<div>

					<div>
											<table style="text-align: left;" border="0">
<tbody style="text-align: left;">
<tr style="text-align: left;">
<td style="text-align: left;"><img title="rohs.jpg" alt="rohs.jpg" src="Ametek/Images/MiscImages/rohs.jpg" width="175" height="90" /></td>
</tr>
<tr style="text-align: left;">
<td style="text-align: center;"><span style="font-size: xx-small;"><span style="font-size: x-small;"></span></span></td>
</tr>
</tbody>
</table>					</div>
				</div>
			</div>

		</div>
	
						</div>
					</div>
				</div>
								<!-- end main side column -->
				<!-- start inset header area -->
				<div id="inset">
					<div class="header" />
   <div class="sample-header" /><p>AMETEK Solution City</p></div>

   </div>
   <a href="index.php?option=com_content&task=view&id=251&Itemid=251" class="readon">Read more...</a>
				</div>
				<!-- end inset header area -->
				<!-- start secondary column area -->
								<!-- end secondary column area -->
				<!-- start main content area -->
				<div id="content" class="extraspace">

															<div id="component">
						<div class="padding">
							<div class="padding2">
								
								<style type="text/css">
.table {margin-bottom:10px;background-color:pink; overflow:auto; display:none;}
.row {padding:10px; clear: left;}
.row div {padding:10px; color: white;}
.row .left {background-color: red; width: 200px; float: left; font-weight: bold;}
.row .right {background-color: green; width: 400px; float: left;}
</style>

<h1>Sales Offices</h1>

<select>

	<option value="" selected>Please Select a Market</option>

<option value="Business Machine">Business Machine</option>
<option value="Combustion">Combustion</option>
<option value="Fuel Cell">Fuel Cell</option>
<option value="Industrial">Industrial</option>
<option value="Medical">Medical</option>
<option value="Transit">Transit</option>
<option value="Aquaculture">Aquaculture</option>
<option value="Other">Other</option>
</select><div id="subBody"></div><br />				<div id="Business Machine" class="table">

					<div class="row">
						<div class="left">
							Company:
						</div>
						<div class="right">
							AMETEK Technical & Industrial Products
						</div>
					</div>
					<div class="row">

						<div class="left">
							Email:
						</div>
						<div class="right">
							keith.hallenbeck@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>

						<div class="right">
							Phone: +1 330.673.3452
Fax: +1 330.677.3306
						</div>
					</div>
					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>

					</div>
					<div class="row">
						<div class="left">
							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Brushless Fans.
Pumps.
Controllers.
						</div>
					</div>
					<div class="row">

						<div class="left">
							Markets:
						</div>
						<div class="right">
							Business Machine.
						</div>
					</div>
				</div><br/><br/>				<div id="Combustion" class="table">
					<div class="row">

						<div class="left">
							Company:
						</div>
						<div class="right">
							AMETEK Technical & Industrial Products
						</div>
					</div>
					<div class="row">
						<div class="left">

							Email:
						</div>
						<div class="right">
							jodie.mclay@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>

						<div class="right">
							Phone: +1 330.673.3452
Fax: +1 330.677.3306
						</div>
					</div>
					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>

					</div>
					<div class="row">
						<div class="left">
							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Brushless Fans.
Pumps.
Controllers.
						</div>
					</div>
					<div class="row">

						<div class="left">
							Markets:
						</div>
						<div class="right">
							Combustion.
						</div>
					</div>
				</div><br/><br/>				<div id="Fuel Cell" class="table">
					<div class="row">

						<div class="left">
							Company:
						</div>
						<div class="right">
							AMETEK Technical and Industrial Products
						</div>
					</div>
					<div class="row">
						<div class="left">
							Email:
						</div>

						<div class="right">
							jon.schultz@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>
						<div class="right">
							Jon Schultz
627 Lake Street
Kent, Ohio 44240 USA

Telephone: 330-677-3309
Fax: 330-677-3306
email: jon.schultz@mywebsite.com


						</div>

					</div>
					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>
					</div>
					<div class="row">

						<div class="left">
							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Brushless Fans.
Pumps.
Controllers.
						</div>
					</div>
					<div class="row">
						<div class="left">
							Markets:
						</div>

						<div class="right">
							Fuel Cell.
						</div>
					</div>
				</div><br/><br/>				<div id="Industrial" class="table">
					<div class="row">
						<div class="left">
							Company:
						</div>

						<div class="right">
							AMETEK Technical & Industrial Products
						</div>
					</div>
					<div class="row">
						<div class="left">
							Email:
						</div>
						<div class="right">

							jay.jarboe@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>
						<div class="right">
							P.O. Box 15127
Rockford, IL 61132-5127
Phone: 815-877-5404
Fax: 815-877-5644
						</div>

					</div>
					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>
					</div>
					<div class="row">

						<div class="left">
							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Regenerative Blowers.
Brushless Fans.
Pumps.
Controllers.
Accessories.
Parts.
						</div>
					</div>
					<div class="row">
						<div class="left">
							Markets:
						</div>

						<div class="right">
							Business Machine.
Combustion.
Fuel Cell.
Industrial.
Medical.
Transit.
Aquaculture.
Other.
						</div>
					</div>
				</div><br/><br/>				<div id="Medical" class="table">
					<div class="row">
						<div class="left">
							Company:
						</div>

						<div class="right">
							AMETEK Technical & Industrial Products
						</div>
					</div>
					<div class="row">
						<div class="left">
							Email:
						</div>
						<div class="right">

							jeff.anzevino@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>
						<div class="right">
							627 Lake Street
Kent, Ohio 44240
Phone: +1 330.673.3452
Fax: +1 330.677.3306
						</div>

					</div>
					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>
					</div>
					<div class="row">

						<div class="left">
							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Brushless Fans.
Pumps.
Controllers.
						</div>
					</div>
					<div class="row">
						<div class="left">
							Markets:
						</div>

						<div class="right">
							Medical.
						</div>
					</div>
				</div><br/><br/>				<div id="Transit" class="table">
					<div class="row">
						<div class="left">
							Company:
						</div>

						<div class="right">
							AMETEK Technical & Industrial Products
						</div>
					</div>
					<div class="row">
						<div class="left">
							Email:
						</div>
						<div class="right">

							mark.monsell@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>
						<div class="right">
							
						</div>
					</div>

					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>
					</div>
					<div class="row">
						<div class="left">

							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Brushless Fans.
Pumps.
Controllers.
						</div>
					</div>
					<div class="row">
						<div class="left">
							Markets:
						</div>

						<div class="right">
							Transit.
						</div>
					</div>
				</div><br/><br/>				<div id="Aquaculture" class="table">
					<div class="row">
						<div class="left">
							Company:
						</div>

						<div class="right">
							AMETEK Technical & Industrial Products
						</div>
					</div>
					<div class="row">
						<div class="left">
							Email:
						</div>
						<div class="right">

							jay.jarboe@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>
						<div class="right">
							P.O. Box 15127
Rockford, IL 61132-5127
Phone: 815-877-5404
Fax: 815-877-5644
						</div>

					</div>
					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>
					</div>
					<div class="row">

						<div class="left">
							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Regenerative Blowers.
Brushless Fans.
Pumps.
Controllers.
Accessories.
Parts.
						</div>
					</div>
					<div class="row">
						<div class="left">
							Markets:
						</div>

						<div class="right">
							Business Machine.
Combustion.
Fuel Cell.
Industrial.
Medical.
Transit.
Aquaculture.
Other.
						</div>
					</div>
				</div><br/><br/>				<div id="Other" class="table">
					<div class="row">
						<div class="left">
							Company:
						</div>

						<div class="right">
							AMETEK Technical & Industrial Products
						</div>
					</div>
					<div class="row">
						<div class="left">
							Email:
						</div>
						<div class="right">

							Henry.Roesler@mywebsite.com
						</div>
					</div>
					<div class="row">
						<div class="left">
							Contact Details:
						</div>
						<div class="right">
							
						</div>
					</div>

					<div class="row">
						<div class="left">
							Territory:
						</div>
						<div class="right">
							.Canada.
.Colorado.
.Idaho.
.Louisiana.
.Mississippi.
.New Jersey.
.Oklahoma.
.Tennessee.
.Washington.
.Alabama.
.Connecticut.
.Illinois.
.Maine.
.Missouri.
.New Mexico.
.Oregon.
.Texas.
.Washington DC.
.Alaska.
.Delaware.
.Indiana.
.Maryland.
.Montana.
.New York.
.Pennsylvania.
.United States Virgin Islands.
.West Virginia.
.Arizona.
.Florida.
.Iowa.
.Massachusetts.
.Nebraska.
.North Carolina.
.Rhode Island.
.Utah.
.Wisconsin.
.Arkansas.
.Georgia.
.Kansas.
.Michigan.
.Nevada.
.North Dakota.
.South Carolina.
.Vermont.
.Wyoming.
.California.
.Hawaii.
.Kentucky.
.Minnesota.
.New Hampshire.
.Ohio.
.South Dakota.
.Virginia.
						</div>
					</div>
					<div class="row">
						<div class="left">

							Products:
						</div>
						<div class="right">
							Brushless Blowers.
Brushless Fans.
Pumps.
Controllers.
						</div>
					</div>
					<div class="row">
						<div class="left">
							Markets:
						</div>

						<div class="right">
							Other.
						</div>
					</div>
				</div><br/><br/>
								
							</div>
						</div>
					</div>
				</div>

				<!-- end main content area -->
				<!-- start bottom modules -->
								<!-- end bottom modules -->
			</div>
			<!-- end body -->

		</div>
		<!-- end wrapper -->
		<div id="footer-bar">

			<div><div align="center"><a href="http://www.mywebsite.com" target="newwindow">AMETEK Corporate</a> | <a href="http://www.mywebsite.com/careers/index.aspx" target="newwindow">Careers</a> | <a href="index.php?option=com_content&amp;id=15">Copyright</a><br /></div></div>
		</div>	
		<!-- start the bottom stuff -->
		<div id="bottom" class="wrapper">
			<div id="footermods">	
			
		</div>
		<!-- end the bottom stuff -->
	</body>	
</html>

Open in new window

0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
leakim971PluritechnicianCommented:
Credentials required
0
 
EMB01Author Commented:
Are you able to use the code I provided (attached)?
0
 
leakim971PluritechnicianCommented:
No, I'm on my mobile phone
0
 
EMB01Author Commented:
Okay, I got it to work; however, it doesn't work on DIV IDs with spaces in them.  i.e. Business Machine and Fuel Cell don't work but all the other (single word) items do.
0
 
leakim971PluritechnicianCommented:
Of course, ID can't have space
0
 
EMB01Author Commented:
Gratsi amiche!
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 5
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now