www.webdeveloper.com
Results 1 to 3 of 3

Thread: Problem with craftmap (interactive map)

  1. #1
    Join Date
    Apr 2012
    Posts
    3

    Problem with craftmap (interactive map)

    Hello, i have a problem with a craftmap (http://www.jscraft.net/plugins/craftmap.html

    I need to go to a specific location map from a link in an external html..

    Now

    HTML Code:
    <title>Mapa España</title>
    <link href="css/default.css" rel="stylesheet" type="text/css" />
    <link href="css/demo1.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/craftmap.js" type="text/javascript"></script>
    <script src="js/init.js" type="text/javascript"></script>
    
    
    </head>
    
    <body>
    	
    	<div id="content">
    	  <div class="relative">
    			<div class="demo1">
    				<img src="Mapa_esp.png" usemap="#Map" class="imgMap" />
    <map name="Map" id="Map"><area shape="circle" coords="962,409,9" href="#" alt="" /></map>
    				<div class="marker" id="castellon" data-coords="1080,465,558,255">
    					<h3>Castellón</h3>
    					Ficha de Castellón<p>
    					<a href="castellon.html">Ver Ficha</a>
    				</div>
    				
    		</div>
    
    
    			<div class="controls">
    				<a href="#" rel="castellon">Castellon</a>	
    			</div>
    
    	  </div>
    	</div>
    	
    </body>
    </html> 
    pay attention this

    HTML Code:
    <div class="controls">
    <a href="#" rel="castellon">Castellon</a>	
    </div> 
    It is a DIV with a button that when you click takes you to id = castellon, the map is located at that point and opens an information box.

    What I get is that through a link on another page that go to that point and open.

    I tried:

    HTML Code:
    <script>
    $(document).ready(function (){
        window.location=$("#castellon").get(0).href;
    });
    
    </script> 
    HTML Code:
    <script>
    addLoadEvent(function(){
    mostrarcastellon(document.getElementById('castellon'));
    });
    </script>
    but not works.. Any solution?

    Sorry for my English...

  2. #2
    Join Date
    Apr 2012
    Posts
    3
    I tried in external html this link

    HTML Code:
    <A name="Map" id="castellon" href="mapa.html#castellon">Go to Castellon</A>
    or

    HTML Code:
    <A name="Map" class="marker" id="castellon" href="mapa.html">...</A>
    but not work..

  3. #3
    Join Date
    Apr 2012
    Posts
    3
    Any solution?

    im upload file here http://www.mrroboto.es/map/mapa_2.zip
    Last edited by Takehiko; 04-04-2012 at 06:52 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles