Interactive Map with office locations... (cont - Accordion List of Office Locations)

ok confusing me. taking same recordset information office locations (a big david_powers) , need them display in box next interactive map. again have recordset pulling correct information. problem way map designed i'm not sure how working recordset.

 

i pretty sure issue because have each city in div tag id equal city name. shows structure when hard coded.

 

<a class="dot" style="left: 559px; top: 227px;" states="ga" city="atlanta"></a> 

(again there list of around 30 offices. around 30 of these classes)  - -  (which each had own div below)

 

you can see first div id relates city id above in the  --  class.

  <!-- city -->           <div class="city_detail" id="atlanta">                                <div class="city_info">                      <div class="myp">                 <ul>                     <h3>atlanta office</h3>                       <li>some address</li>                       <li>city, state zip</li>                       <br />                       <!--<li class="email"><strong>contact: </strong><a href="mailto:someperson@somedomain.com">john doe</a></li>                       <li>tel: 000-000-0000 / fax: 000-000-0000</li>                       <br />                 </ul>             </div>                  </div>                              <div class="clear_both"></div>           </div>  

 

so created repeat region around code above , added db info it. [officename] represents city name in db

 

 

<a class="dot" style="left: 353px; top: 282px;" states="<?php echo $row_rsofficelocation['state_abreviation']; ?>" city="<?php echo $row_rsofficelocation['officename']; ?>"></a> 

 

<?php { ?>             <div class="city_detail" id="<?php echo $row_rsofficelocation['officename']; ?>">                              <div class="city_info">                                  <div class="myp">                   <ul>                     <h3><?php echo $row_rsofficelocation['officename']; ?> office</h3>                     <li><?php echo $row_rsofficelocation['address1']; ?> <?php echo $row_rsofficelocation['address2']; ?></li>                   <li><?php echo $row_rsofficelocation['cityname']; ?>, <?php echo $row_rsofficelocation['state_abreviation']; ?> <?php echo $row_rsofficelocation['zipcode']; ?></li>                   <li>tel: <?php echo format_phone($row_rsofficelocation['c3phone']); ?></li>                   <li>fax: <?php echo format_phone($row_rsofficelocation['c3faxnumber']); ?></li>    

 

but doing way, end without dot city.  have javascript running click , rollover funcions... need modify also?

 

var $ = jquery.noconflict(); $(document).ready(function() { // begin ready             //...................................................           // when form changes           $('#mapform').change(function() {                        var selectedstates = $('#mapform option:selected').val();                     if (selectedstates == 'all'){                               $('a.dot').slidedown(1000);                     }else{                               $('a.dot[states = "'+selectedstates+'"]').slidedown(1000);                               $('a.dot[states != "'+selectedstates+'"]').slideup(1000);                     }              });              //...................................................           // when dot mouseover           $('a.dot').mouseover(function(){                       $('a.dot').removeclass('selected');                     $(this).addclass('selected');                       var city = '.city_detail#' + $(this).attr('city');                     var htmlcode = $(city).html();                       $('.detail_container').fadeout(300, function(){                               $('.detail_container .city_detail').html(htmlcode);                               $('.detail_container').fadein(300);                     });             });              //...................................................           // when dot clicked           $('a.dot').click(function(){                       $('a.dot').removeclass('selected');                     $(this).addclass('selected');                       var city = '.city_detail#' + $(this).attr('city');                     var htmlcode = $(city).html();                       $('.detail_container').fadeout(300, function(){                               $('.detail_container .city_detail').html(htmlcode);                               $('.detail_container').fadein(300);                     });             });   // end ready });  

 

again can me out here?

More discussions in Develop server-side applications in Dreamweaver

adobe