Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

display DIV tags referenced in multiple arrays.

Status
Not open for further replies.
brimike

brimike

MIS
Feb 14, 2006
26
US
Hi,
having issues regarding trying to display text in DIV tags referenced from multiple arrays. THANKS IN ADVANCE

here is the code. I am thinking I need to create a function to swap the the DIV but I can't seem to figure out a way to do this. Basically I need to display an image and text from the div when a user selects from the combo boxes, however when a user selects a catagory other than the first one, the image displays but the div displays the first one instead of making it's way down the id's

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="village_stylesheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

/*
Combo-Box Viewer script- Created by and © Dynamicdrive.com
Visit for this script and more
This notice MUST stay intact for legal use
*/

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.dropcontent{display:none;}\n')
document.write('</style>\n')
}

function contractall(){
if (document.getElementById){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
}

function expandone(){
if (document.getElementById){
var selectedItem=document.doublecombo.stage2.selectedIndex
contractall()
document.getElementById("dropmsg"+selectedItem).style.display="block"
}
}

if (window.addEventListener)
window.addEventListener("load", expandone, false)
else if (window.attachEvent)
window.attachEvent("onload", expandone)

</script>
<style type="text/css">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; color: #142f57;
}
.name {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color:#255ba8; font-weight: bold;
}

-->
</style>

</head>

<body>
<noscript>NOTE: Your browser does not support JavaScript
or support has been turned off. Sorry!</noscript>
<form name="doublecombo" style="background-color:#f4f6fb;">
<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="55%">
<div class="dropcontent style1" id="dropmsg0"><br />
<span class="name">The Village Directory Map</span><br />
To search use the Category dropdown menus. </div>

<div class="dropcontent style1" id="dropmsg1"><br />
<span class="name">Aegean Treasures</span><br />
Eclectic designer boutique. Eileen Fisher and jewelry galore.
239.434.2444 </div>

<div class="dropcontent style1" id="dropmsg2"><br />
<span class="name">Anna Vlad</span><br />
European fashion offering unique fabrics and a classic look.
239.263.9955 </div>

<div class="dropcontent style1" id="dropmsg3"><br />
<span class="name">Aqua Beach Wear</span><br />
Eclectic designer boutique. Eileen Fisher and jewelry galore.
239.659.2782 </div>

<div class="dropcontent style1" id="dropmsg4"><br />
<span class="name">Blue Willi's</span><br />
Casual European designs. Style and comfort for a life more pleasant.
239.793.2583 </div>

<div class="dropcontent style1" id="dropmsg5"><br />
<span class="name">Charivari</span><br />
Contemporary classics. Sandy Starkman, Onex shoes, etc.
239.434.7333 </div>

<div class="dropcontent style1" id="dropmsg6"><br />
<span class="name">Chico’s</span><br />
Sophisticated private label comfortable apparel.
239.261.0253 </div>

<div class="dropcontent style1" id="dropmsg7"><br />
<span class="name">Diane's Fine Fashions</span><br />
Unique and chic, reflecting today's woman.
239.213.4202 </div>

<div class="dropcontent style1" id="dropmsg8"><br />
<span class="name">Jami’s/Jcc</span><br />
Updated clothing for the modern woman. "Just comfortable clothing" and casual daywear.
239.262.4944 </div>

<div class="dropcontent style1" id="dropmsg9"><br />
<span class="name">Patchington</span><br />
Exclusinve women's fashions and accessories.
239.434.7182 </div>

<div class="dropcontent style1" id="dropmsg10"><br />
<span class="name">Quiet Storm</span><br />
Everything for the beach. Roxy, Merrell, Teva and more.
239.434.6488 </div>

<div class="dropcontent style1" id="dropmsg11"><br />
<span class="name">Regina's Pizazz</span><br />
Specialty ladies boutique with a European flair.
239.643.4887 </div>

<div class="dropcontent style1" id="dropmsg12"><br />
<span class="name">Simply Natural</span><br />
Casual clothes, jeans, and lingerie. Juicy Couture and more.
239.643.5571 </div>

<div class="dropcontent style1" id="dropmsg13"><br />
<span class="name">Taffeta</span><br />
Stylish day and evening wear inspired by casual elegance.
239.261.2661 </div>

<div class="dropcontent style1" id="dropmsg14"><br />
<span class="name">Wildflower</span><br />
Contemporary designer fashions for the modern woman.
239.643-6776 </div>


<div class="dropcontent style1" id="dropmsg15"><br />
<span class="name">H.T. Chittum & Co.</span><br />
Casual sportswear, Lacoste, Tommy Bahama and more.
239.643.5150 </div>

<div class="dropcontent style1" id="dropmsg16"><br />
<span class="name">Mondo Uomo</span><br />
Brioni, Canali, Zanella, Hickey Freeman and more.
239.434.9484 </div>

<div class="dropcontent style1" id="dropmsg17"><br />
<span class="name">Quiet Storm</span><br />
Everything for the beach. Roxy, Merrell, Teva and more.
239.434.6488 </div>

<div class="dropcontent style1" id="dropmsg18"><br />
<span class="name">Teruzzi</span><br />
Fine Menswear and accessories serving Naples since 1984.
239.263.2252 </div>



<div class="dropcontent style1" id="dropmsg19"><br />
<span class="name">All About April</span><br />
Casual and fine fashions for kids and babies.
239.430.0444 </div>


<div class="dropcontent style1" id="dropmsg20"><br />
<span class="name">Pratt’s Shoe Salon</span><br />
Designer footwear. Donald Pliner, Cole Haan and more.
239.262.6342 </div>

<div class="dropcontent style1" id="dropmsg21"><br />
<span class="name">Terrida</span><br />
Fine Italian leather goods for the traveler, golfer and home.
239.963.9413 </div>

<div class="dropcontent style1" id="dropmsg22"><br />
<span class="name">Yvonne House of Shoes</span><br />
Men's and Women's Sperry, Mezlan, Onex and more.
239.262.2010 </div>



<div class="dropcontent style1" id="dropmsg23"><br />
<span class="name">2 For Me, 1 For You</span><br />
Fun clothing, etc. Harve Bernard, Emily Ray and more.
239.793.1600 </div>


<div class="dropcontent style1" id="dropmsg24"><br />
<span class="name">Random Acts of Art</span><br />
Handmade contemporary fine crafts, jewelry and furniture.
239.435.0668 </div>

<div class="dropcontent style1" id="dropmsg25"><br />
<span class="name">Rick Moore Fine Art Gallery</span><br />
Exclusive collection of contemporary artwork and sculpture.
239.434.6464 </div>

<div class="dropcontent style1" id="dropmsg26"><br />
<span class="name">WM Horne</span><br />
239.xxx.xxxx </div>


<div class="dropcontent style1" id="dropmsg27"><br />
<span class="name">Danieli</span><br />
European home accessories, Faberge, Lalique and more.
239.435.1448 </div>

<div class="dropcontent style1" id="dropmsg28"><br />
<span class="name">Fabec-Young & Co.</span><br />
Contemporary and unique gifts for the home.
239.649.5501 </div>

<div class="dropcontent style1" id="dropmsg29"><br />
<span class="name">Panache</span><br />
Fashions and accessories, Lilly Pulitzer, Vera Bradley, Etc.
239.649.0996 </div>

<div class="dropcontent style1" id="dropmsg30"><br />
<span class="name">Rose De Paris & Provence</span><br />
French liens, settings, etc., Fauchon, Murval and more.
239.430.0155 </div>

<div class="dropcontent style1" id="dropmsg31"><br />
<span class="name">The Paper Merchant</span><br />
Eclectic array of papers, cards, stationery, gifts and more.
239.262.5728 </div>


<div class="dropcontent style1" id="dropmsg32"><br />
<span class="name">Exquisite Timepieces</span><br />
Jaeger-Le Coutre, Audemars Piguet, Breguet, Berdat, Etc.
239.262.4545 </div>

<div class="dropcontent style1" id="dropmsg33"><br />
<span class="name">Nicholas Designs</span><br />
Collection of Tiffany-trained award-winning designer.
239.261.9135 </div>

<div class="dropcontent style1" id="dropmsg34"><br />
<span class="name">Pearl</span><br />
Custom designer pearl collections, Canela, Tara, etc.
239.643.9779 </div>

<div class="dropcontent style1" id="dropmsg35"><br />
<span class="name">The Gallery Of Estate And Precious Jewels</span><br />
rare vintage jewelry and contemporary designers.
239.434.7070 </div>

<div class="dropcontent style1" id="dropmsg36"><br />
<span class="name">WM Phelps Custom Jewelers</span><br />
Jewelry hand-crafted in store. Restoration and cleaning.
239.434.2233 </div>


<div class="dropcontent style1" id="dropmsg37"><br />
<span class="name">Artichoke & Company</span><br />
Gourment market, wines, catering. Breakfast, lunch, dinner.
239.263.6979 </div>

<div class="dropcontent style1" id="dropmsg38"><br />
<span class="name">Bayside</span><br />
Fine seafood, indoors or out, overlooking Venetian Bay.
239.649.5552 </div>

<div class="dropcontent style1" id="dropmsg39"><br />
<span class="name">Ben & Jerry’s Ice Cream</span><br />
World renowned ice cream, frozen yogurt, sorbet, more.
239.434.5850 </div>

<div class="dropcontent style1" id="dropmsg40"><br />
<span class="name">Cloyde’s Steak And Lobster</span><br />
Awarded best "steak house." Early bird from 5-6 nightly.
239.261.0622 </div>

<div class="dropcontent style1" id="dropmsg41"><br />
<span class="name">M Waterfront Grille</span><br />
Cutting edge continental cuisine with an organic twist.
239.263.4421 </div>

<div class="dropcontent style1" id="dropmsg42"><br />
<span class="name">Miramare</span><br />
Italian restaurant.
239.430.6273 </div>

<div class="dropcontent style1" id="dropmsg43"><br />
<span class="name">The Village Pub</span><br />
Friendly service, casual pub fare and a water view.
239.262.2707 </div>

<div class="dropcontent style1" id="dropmsg44"><br />
<span class="name">Villaggio Cafe</span><br />
Coffee, Espresso, cappuccino, smoothies, salads, wraps, etc.
239.643.0004 </div>


<div class="dropcontent style1" id="dropmsg45"><br />
<span class="name">Artichoke & Company</span><br />
Gourment market, wines, catering. Breakfast, lunch, dinner.
239.263.6979 </div>

<div class="dropcontent style1" id="dropmsg46"><br />
<span class="name">Harris Private Bank</span><br />
Leaders in wealth management since 1882.
239.435.1010 </div>

<div class="dropcontent style1" id="dropmsg47"><br />
<span class="name">Park Shore Marina</span><br />
Boat rentals, ships store and fuel sales.
239.434.6964 </div>

<div class="dropcontent style1" id="dropmsg48"><br />
<span class="name">Premier Properties</span><br />
Presenting SW Florida's finest properties since 1984.
239.261.6161 </div>

<div class="dropcontent style1" id="dropmsg49"><br />
<span class="name">Robert of Philadelphia </span><br />
World class salon: classic to contemporary hair designs.
239.434.2211 </div>

<div class="dropcontent style1" id="dropmsg50"><br />
<span class="name">The Lutgert Companies</span><br />
SW Florida's premier development company since 1964.
239.261.6100 </div>
</td>

<td width="40%"valign="top"><div align="right"><br />
<select name="example" size="1" style="background-color:#ffffff; color:#142f57;" class="dropdown1" onchange="redirect(this.options.selectedIndex)">
<option>Category</option>
<option>Womens Apparel</option>
<option>Mens Apparel</option>
<option>Childrens Apparel</option>
<option>Shoes & Leather</option>
<option>Specialty Shops</option>
<option>Art Galleries</option>
<option>For The Home</option>
<option>Jewelry</option>
<option>Restaurants</option>
<option>Services</option>
</select> &nbsp;
<select name="stage2" size="1" style="background-color:#ffffff; color:#142f57;" class="dropdown1" onchange="changePicture(); expandone();">
<option value=" ">Please Select a Category</option>

</select>
</div></td>

</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><br /><img src="directory/map.jpg" name="pic" border="0" id="pic" /></td>
</tr>
</table>

<script>
<!--

/*
Double Combo
*/

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group=new Array()

group[0][0]=new Option("Please Select a Category", "directory/map.jpg")

group[1][0]=new Option("Stores", "directory/map.jpg")
group[1][1]=new Option("Aegean Treasures", "directory/818_map.jpg")
group[1][2]=new Option("Anna Vlad", "directory/4256_map.jpg")
group[1][3]=new Option("Aqua Beach Wear", "directory/504_map.jpg")
group[1][4]=new Option("Blue Willi's", "directory/4262_map.jpg")
group[1][5]=new Option("Charivari", "directory/502_map.jpg")
group[1][6]=new Option("Chico’s", "directory/214_map.jpg")
group[1][7]=new Option("Diane's Fine Fashions", "directory/4202_map.jpg")
group[1][8]=new Option("Jami’s/Jcc", "directory/4266_map.jpg")
group[1][9]=new Option("Patchington", "directory/204_map.jpg")
group[1][10]=new Option("Quiet Storm", "directory/608_map.jpg")
group[1][11]=new Option("Regina's Pizazz", "directory/602_map.jpg")
group[1][12]=new Option("Simply Natural", "directory/302_map.jpg")
group[1][13]=new Option("Taffeta", "directory/4260_map.jpg")
group[1][14]=new Option("Wildflower", "directory/4222_map.jpg")

group[2][0]=new Option("Stores", "directory/map.jpg")
group[2][1]=new Option("H.T. Chittum & Co.","directory/4242_map.jpg","dropmsg15")
group[2][2]=new Option("Mondo Uomo", "directory/4232_map.jpg")
group[2][3]=new Option("Quiet Storm", "directory/608_map.jpg")
group[2][4]=new Option("Teruzzi", "directory/300_map.jpg")

group[3][0]=new Option("Stores", "directory/map.jpg")
group[3][1]=new Option("All About April", "directory/508_map.jpg")

group[4][0]=new Option("Stores", "directory/map.jpg")
group[4][1]=new Option("Pratt’s Shoe Salon", "directory/4206_map.jpg")
group[4][2]=new Option("Terrida", "directory/210_map.jpg")
group[4][3]=new Option("Yvonne House of Shoes", "directory/500_map.jpg")

group[5][0]=new Option("Stores", "directory/map.jpg")
group[5][1]=new Option("2 For Me 1 For You", "directory/208_map.jpg")

group[6][0]=new Option("Stores","directory/map.jpg")
group[6][1]=new Option("Random Acts of Art", "directory/501_map.jpg")
group[6][2]=new Option("Rick Moore Fine Art Gallery", "directory/4230_map.jpg")
group[6][3]=new Option("WM Horne", "directory/804_map.jpg")

group[7][0]=new Option("Stores", "directory/map.jpg")
group[7][1]=new Option("Danieli", "directory/4252_map.jpg")
group[7][2]=new Option("Fabec-Young & Co.", "directory/604_map.jpg")
group[7][3]=new Option("Panache", "directory/700_map.jpg")
group[7][4]=new Option("Rose De Paris & Provence", "directory/600_map.jpg")
group[7][5]=new Option("The Paper Merchant", "directory/4220_map.jpg")

group[8][0]=new Option("Stores", "directory/map.jpg")
group[8][1]=new Option("Exquisite Timepieces", "directory/800_map.jpg")
group[8][2]=new Option("Nicholas Designs", "directory/4246_map.jpg")
group[8][3]=new Option("Pearl", "directory/209_map.jpg")
group[8][4]=new Option("The Gallery Of Estate/Jewels", "directory/211_map.jpg")
group[8][5]=new Option("WM Phelps Custom Jewelers", "directory/814_map.jpg")

group[9][0]=new Option("Restaurants", "directory/map.jpg")
group[9][1]=new Option("Artichoke & Company", "directory/704_map.jpg")
group[9][2]=new Option("Bayside", "directory/4270_map.jpg")
group[9][3]=new Option("Ben & Jerry’s Ice Cream", "directory/212_map.jpg")
group[9][4]=new Option("Cloyde’s Steak And Lobster", "directory/4050_map.jpg")
group[9][5]=new Option("M Waterfront Grille", "directory/104_map.jpg")
group[9][6]=new Option("Miramare", "directory/4236_map.jpg")
group[9][7]=new Option("The Village Pub", "directory/606_map.jpg")
group[9][8]=new Option("Villaggio Cafe", "directory/506_map.jpg")

group[10][0]=new Option("Services", "directory/map.jpg")
group[10][1]=new Option("Artichoke & Company", "directory/704_map.jpg")
group[10][2]=new Option("Harris Private Bank", "directory/4040_map.jpg")
group[10][3]=new Option("Park Shore Marina", "directory/PSM_map.jpg")
group[10][4]=new Option("Premier Properties", "directory/100_map.jpg")
group[10][5]=new Option("Robert of Philadelphia", "directory/810_map.jpg")
group[10][6]=new Option("The Lutgert Companies", "directory/4200_map.jpg")


var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options=new Option(group[x].text,group[x].value)
}
temp.options[0].selected=true
}


function changePicture()
{
var selection = temp.options.selectedIndex; //grabs what user selected
document.pic.src = temp.options[selection].value; //adds 'selection' to grab 'value'
}



//function displayinfo()
//{
//document.getElementById('DivExample').innerHTML="1,2,3,4,5,6,7,8,9,10,11";-->
//}
//-->


</script>
</form>


</body>
</html>
 
Sort by date Sort by votes
The problem is with your 'expandone' function - it is getting the ID of the div to show from the selectedIndex of the second dropdown - which looks to be incorrect as your IDs go from 0-50 and your second dropdown never has that many items.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

BobMe23
What new features have appeared in the latest versions of Java?
Replies
1
Views
85
feherke
feherke
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
375
xwb
xwb
markronz
  • Locked
  • Question
Javascript to edit all script tags 1
Replies
2
Views
135
feherke
feherke
JScannell
  • Locked
  • Question
Programmatically inserting a newline in a &lt;textarea&gt;, &lt;span&gt;, or &lt;div&gt;
Replies
5
Views
680
ggriffit
ggriffit
chikwendu
  • Locked
  • Question
How do I display an extra input box for editing an existing data?
Replies
1
Views
109
chikwendu
chikwendu

Part and Inventory Search

Sponsor

Back
Top