Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Problem with jQuery Map

    Hi. I'm having a problem with an Open Source jQuery map I'm using on a site of mine. This is where I got the map.

    I initially implemented the map about a month back, and it seemed to work fine, but since then some of it has stopped behaving as intended. Specifically, when I click on Norway, the content for the Netherlands appears, instead of the content of Norway. I've inspected the source and the script seems to be adding a link for the Netherlands where the Norway link should be, although this isn't there in the markup:

    Code:
    <?php
    /*
    Template Name: MAP
    */
    ?>	
    
    <?php include(TEMPLATEPATH.'/headermap.php'); ?>
    
      <div id="map-eu">
       <ul id="europe">
        <li id="eu3"><a href="#austria">Austria</a></li>
        <li id="eu5"><a href="#belgium">Belgium</a></li>
        <li id="eu10"><a href="#czech-republic">Czech-Republic</a></li>
        <li id="eu11"><a href="#denmark">Denmark</a></li>
        <li id="eu12"><a href="#estonia">Estonia</a></li>
        <li id="eu13"><a href="#france">France</a></li>
        <li id="eu14"><a href="#finland">Finland</a></li>
        <li id="eu16"><a href="#germany">Germany</a></li>
        <li id="eu18"><a href="#hungary">Hungary</a></li>
        <li id="eu27"><a href="#luxembourg">Luxembourg</a></li>
        <li id="eu33"><a href="#netherlands">Netherlands</li>
        <li id="eu34"><a href="#norway">Norway</a></li>
        <li id="eu35"><a href="#poland">Poland</a></li>
        <li id="eu40"><a href="#slovakia">Slovakia</a></li>
        <li id="eu42"><a href="#spain">Spain</a></li>
        <li id="eu43"><a href="#sweden">Sweden</a></li>
        <li id="eu44"><a href="#switzerland">Switzerland</a></li>
       </ul>
      </div>
      
      
      
     <div id="addresses">
      <ul>
     	<li id="austria">Vienna*Gaels <span class="teams">- Vienna - <i>Central/East region</i> - <a href="mailto:secretary.vienna.europe@gaa.ie">Email</a></span></li>
     	 
     	<li id="belgium">Belgium GAA <span class="teams">- Belgium - <i>Benelux region</i> - <a href="mailto:secretary.belgium.europe@gaa.ie">Email</a> - <a href="http://europegaa.eu/eu-clubs/belgium-gaa/"><i>Read More</i></a></span><br />
    European Communities Gaelic Club <span class="teams">- Brussels (Juvenile club) - <i>Benelux region</i> - <a href="mailto:secretary.brussels.europe@gaa.ie">Email</a></span></li>
    
    	<li id="czech-republic">Prague Hibernians <span class="teams">- Prague - <i>Central/East region</i> - <a href="mailto:secretary.prague.europe@gaa.ie">Email</a></span></li>  
    
       <li id="denmark">
      Copenhagen GAA <span class="teams">- Copenhagen - <i>Scandanavia region</i> - <a href="mailto:secretary.copenhagen.europe@gaa.ie">Email</a></span>
       </li>
    	
    	<li id="estonia">Estonia Gaels <span class="teams">- Estonia - <i>Scandinavia region</i> - <a href="mailto:secretary.estonia.europe@gaa.ie">Email</a></span></li> 
    	
    	<li id="finland">Helsinki GAA <span class="teams">- Helsinki -<i> Scandanavia region</i> - <a href="mailto:secretary.helsinki.europe@gaa.ie">Email</a></span></li>
       
       <li id="spain">A Coruña Fillos de Breogán <span class="teams">- A Coruña - <i>Iberia region</i> - <a href="mailto:secretary.acoruna.europe@gaa.ie">Email</a> - <a href="http://europegaa.eu/eu-clubs/a-coruna/"><i>Read More</i></a></span><br/>
    Barcelona Gaels <span class="teams">- Barcelona - <i>Iberia region</i> - <a href="mailto:secretary.barcelona.europe@gaa.ie">Email</a></span></span><br/>
    Madrid Harps <span class="teams">- Madrid - <i>Iberia region</i> - <a href="mailto:secretary.madrid.europe@gaa.ie">Email</a></span><br/>
    Costa Gaels <span class="teams">- Marbella - <i>Iberia region</i> - <a href="mailto:secretary.marbella.europe@gaa.ie">Email</a></span><br/>
    Naomh Fermin <span class="teams">- Pamplona - <i>Iberia region</i> - <a href="mailto:secretary.pamplona.europe@gaa.ie">Email</a></span><br/>
    San Augustin <span class="teams">- San Augustin (ladies football) - <i>Iberia region</i> - <a href="mailto:secretary.sanaugustin.europe@gaa.ie">Email</a></span><br/>
    Éire Óg Sevilla <span class="teams">- Seville - <i>Iberia region</i> - <a href="mailto:secretary.seville.europe@gaa.ie">Email</a> - <a href="http://europegaa.eu/eu-clubs/eire-og-sevilla/"><i>Read More</i></a></span><br/>
    Sant Vincent GAA <span class="teams">- Valencia - <i>Iberia region</i> -<a href="mailto:secretary.valencia.europe@gaa.ie">Email</a> - <a href="http://europegaa.eu/eu-clubs/eire-og-sevilla/sant-vicent/"><i>Read More</i></a></span></li>   
    
       <li id="france">Gaelic Football Bro-Leon <span class="teams">- Brest - <i>North/West region</i> - <a href="mailto:secretary.brest.europe@gaa.ie">Email</a></span><br/>
    Dragons Eire'Lempdais <span class="teams">- Clermont - <i>North/West region</i> -<a href="mailto:secretary.clermont.europe@gaa.ie">Email</a></span><br/>
    Gwenrann football gaélique <span class="teams">- Guerande - <i>North/West region</i> - <a href="mailto:secretary.guerande.europe@gaa.ie">Email</a></span><br/>
    INSA Rennes <span class="teams">- INSA Rennes (University club) - <i>North/West region</i> - <a href=mailto:"secretary.insarennes.europe@gaa.ie">Email</a></span><br/>
    Entente Gaélique de Haute Bretagne <span class="teams">- Liffre - <i>North/West region</i> - <a href="mailto:secretary.liffre.europe@gaa.ie">Email</a></span><br/>
    Lugdunum CLG <span class="teams">- Lyon - <i>North/West region</i> - <a href="mailto:secretary.lyon.europe@gaa.ie">Email</a></span><br/>
    NEC Football Gaélique <span class="teams">- Nantes - <i>North/West region</i> - <a href="mailto:secretary.nantes.europe@gaa.ie">Email</a></span><br/>
    Niort Gaels <span class="teams">- Niort - <i>North/West region</i> - <a href="mailto:secretary.niort.europe@gaa.ie">Email</a></span><br/>
    Paris Gaels <span class="teams">- Paris - <i>North/West region</i> - <a href="mailto:secretary.paris.europe@gaa.ie">Email</a></span><br/>
    Ar Gwazi Gouez <span class="teams">- Rennes - <i>North/West region </i>- <a href="mailto:secretary.rennes.europe@gaa.ie">Email</a></span><br/>
    Gaelic football Bro Sant-Brieg <span class="teams">- St. Brieuc -<i> North/West region</i> - <a href="mailto:secretary.stbrieuc.europe@gaa.ie">Email</a></span><br/>
    Dogues Gaeliques Football Club <span class="teams">- St. Malo - <i>North/West region</i> - <a href="mailto:secretary.stmalo.europe@gaa.ie">Email</a></span><br/>
    Tolosa Gaels <span class="teams">- Toulouse - <i>North/West</i> - <a href="mailto:secretary.toulouse.europe@gaa.ie">Email</a></span><br/>
    Gwened Vannes Football Gaelique <span class="teams">- Vannes - <i>North/West region</i> - <a href="mailto:secretary.vannes.europe@gaa.ie">Email</a></span><br/>
    Fédération Française de Football Gaélique <span class="teams">- France - <i>North/West region</i> - <a href="mailto:secretary.fffg.europe@gaa.ie">Email</a></span></li>
    
    	<li id="germany">Bad Homburg GAA <span class="teams">- Bad Homburg - <i>Benelux region</i> - <a href="mailto:secretary.badhomburg.europe@gaa.ie">Email</a></span><br/>
    Frankfurt Sarsfields <span class="teams">- Frankfurt - <i>Benelux region</i> - <a href="mailto:secretary.frankfurt.europe@gaa.ie">Email</a></span><br/>
    München Colmcilles <span class="teams">- Munich - <i>Central/East region</i> - <a href="mailto:secretary.munich.europe@gaa.ie">Email</a></span></li>
    
    	<li id="hungary">Budapest Rangers <span class="teams">- Budapest - <i>Central/East region</i> - <a href="mailto:secretary.budapest.europe@gaa.ie">Email</a></span></li>
    
    	<li id="luxembourg">GSC Luxembourg <span class="teams">- Luxembourg - <i>Benelux region</i> - <a href="mailto:secretary.luxembourg.europe@gaa.ie">Email</a></span></li>
    	
    	<li id="netherlands">Amsterdam*Gaelic Athletic*Club <span class="teams">- Amsterdam - <i>Benelux region</i> - <a href="mailto:secretary.amsterdam.europe@gaa.ie">Email</a></span><br/>
    Den Haag <span class="teams">- The Hague - <i>Benelux region</i> - <a href="mailto:secretary.hague.europe@gaa.ie">Email</a> - <a href="http://europegaa.eu/eu-clubs/den-haag/"><i>Read More</i></a> </span><br/>
    Holland Ladies <span class="teams">- Holland Ladies (ladies football) - <i>Benelux region</i> - <a href="mailto:secretary.hollandladies.europe@gaa.ie">Email</a></span><br/>
    Maastricht Gaels <span class="teams">- Maastricht - <i>Benelux region</i> - <a href="mailto:secretary.maastricht.europe@gaa.ie">Email</a></span></li>	
    
    	<li id="norway">Oslo GAA <span class="teams">- Oslo -<i> Scandanavia region</i> - <a href="mailto:secretary.oslo.europe@gaa.ie">Email</a></span></li>
    	
    	<li id="poland">Cumann*Warszawa <span class="teams">- Warsaw - <i>Central/East region</i> - <a href="mailto:secretary.warsaw.europe@gaa.ie">Email</a> - <a href="http://europegaa.eu/eu-clubs/cumann-warszawa/"><i>Read More</i></a></span></li>
    	
    	<li id="slovakia">Slovak*Shamrocks <span class="teams">- Bratislava - <i>Central/East region</i> - <a href="mailto:secretary.bratislava.europe@gaa.ie">Email</a></span></li>
    
    	<li id="sweden">Gothenburg GAA <span class="teams">- Gothenburg - <i>Scandanavia region</i> - <a href="mailto:secretary.gothenburg.europe@gaa.ie">Email</a></span><br/>
    Malmö GAA <span class="teams">- Malmo - <i>Scandanavia region</i> - <a href="mailto:secretary.malmo.europe@gaa.ie">Email</a>*</span><br/>
    Stockholm Gaels <span class="teams">- Stockholm - <i>Scandanavia region</i> - <a href="mailto:secretary.stockholm.europe@gaa.ie">Email</a></span><br/>
    Malmö GAA*<span class="teams">- Malmo - <i>Scandanavia region</i> - <a href="mailto:secretary.malmo.europe@gaa.ie">Email</a></span></li>
    
    	<li id="switzerland">St. Gallen Bears <span class="teams">- St. Gallen - <i>Scandanavia region</i> - <a href="mailto:secretary.stgallen.europe@gaa.ie">Email</a> - <a href="http://europegaa.eu/eu-clubs/st-gallen/"><i>Read More</i></a></span><br/>
    Inneoin Zurich <span class="teams">- Zurich - <i>Scandanavia region</i> - <a href="mailto:secretary.zurich.europe@gaa.ie">Email</a></span></li>
    
      </ul>
     </div> 
    
    
    <?php get_footer(); ?>
    Here's the page in question: http://europegaa.eu/eu-clubs/

    If anyone could help me with this I'd really appreciate it.

  • #2
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Anyone at all? I'm really having trouble trying to mend this issue.

  • #3
    Gütkodierer
    Join Date
    Apr 2009
    Posts
    2,127
    Thanks
    1
    Thanked 426 Times in 424 Posts
    Can you show this live? There isn't much in the code you posted to go by.

    Edit: Sorry, didn't see you already posted a link.
    .My new Javascript tutorial site: http://reallifejs.com/
    .Latest article: Calculators — Tiny jQuery calculator, Full-fledged OOP calculator, Big number calculator
    .Latest quick-bit: Including jQuery — Environment-aware minification and CDNs with local fallback

  • #4
    Gütkodierer
    Join Date
    Apr 2009
    Posts
    2,127
    Thanks
    1
    Thanked 426 Times in 424 Posts
    Code:
    <li id="eu33"><a href="#netherlands">Netherlands</li>
    Look closely. You're missing a closing </a> tag.

    Use a validator to prevent this kind of error.
    .My new Javascript tutorial site: http://reallifejs.com/
    .Latest article: Calculators — Tiny jQuery calculator, Full-fledged OOP calculator, Big number calculator
    .Latest quick-bit: Including jQuery — Environment-aware minification and CDNs with local fallback

  • Users who have thanked venegal for this post:

    JumpJump (11-10-2011)

  • #5
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Thanks so much. Stupid oversight, I'll remember to validate in future.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •