Highlighted

problem with JS in dreamweaver

New Here ,
May 11, 2020

Copy link to clipboard

Copied

I Created a Image map with image map pro as suggested by nancy here.  When i copied the code to DW 2020 and went to preview on my local environment and also in the remote server, all i get is a blank bage.  I have included the code below. just as i have it in dreamweaver.  Please Help!

 

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/image-map-pro.min.css">
</head>

<body>
<div id="image-map-pro-container"></div>

<script src="js/jquery.min.js"></script>
<script src="js/image-map-pro.min.js"></script>
<script type="text/javascript">
;(function ($, window, document, undefined) {
$(document).ready(function() {$('#image-map-pro-container').imageMapPro({"id":4782,"editor":{"previewMode":1,"tool":"text","shapeCounter":{"spots":1}},"general":{"name":"map","shortcode":"map","width":821,"height":480,"naturalWidth":821,"naturalHeight":480},"image":{"url":"http://www.crossrunnersheart.com/usmapexport-100.jpg"},"spots":[{"id":"spot-2504","title":"Spot 0","x":75.968,"y":40.898,"tooltip_style":{"width":173,"auto_width":0,"offset_x":0.16103225806450894,"offset_y":4.409651212138511},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-356591","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"text":{"text":"This is ohio"}}}]}}]}}}]});
});
})(jQuery, window, document);
</script>

</body>
</html>

Topics

Browser, Code, How to, Preview, Server side applications

Views

358

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

problem with JS in dreamweaver

New Here ,
May 11, 2020

Copy link to clipboard

Copied

I Created a Image map with image map pro as suggested by nancy here.  When i copied the code to DW 2020 and went to preview on my local environment and also in the remote server, all i get is a blank bage.  I have included the code below. just as i have it in dreamweaver.  Please Help!

 

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/image-map-pro.min.css">
</head>

<body>
<div id="image-map-pro-container"></div>

<script src="js/jquery.min.js"></script>
<script src="js/image-map-pro.min.js"></script>
<script type="text/javascript">
;(function ($, window, document, undefined) {
$(document).ready(function() {$('#image-map-pro-container').imageMapPro({"id":4782,"editor":{"previewMode":1,"tool":"text","shapeCounter":{"spots":1}},"general":{"name":"map","shortcode":"map","width":821,"height":480,"naturalWidth":821,"naturalHeight":480},"image":{"url":"http://www.crossrunnersheart.com/usmapexport-100.jpg"},"spots":[{"id":"spot-2504","title":"Spot 0","x":75.968,"y":40.898,"tooltip_style":{"width":173,"auto_width":0,"offset_x":0.16103225806450894,"offset_y":4.409651212138511},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-356591","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"text":{"text":"This is ohio"}}}]}}]}}}]});
});
})(jQuery, window, document);
</script>

</body>
</html>

Topics

Browser, Code, How to, Preview, Server side applications

Views

359

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Have something to add?

Join the conversation