Solved

Enclose map in a lightbox

Posted on 2014-10-09
3
108 Views
Last Modified: 2014-10-10
Hi,

I want to enclose a google map in a lightbox. This reference shows what I have WITHOUT the lightbox:

http://fwsprinklercdb.info/drive_dirs.html.

I added a lightbox per attached code; it displays nothing. See at http://fwsprinklercdb.info/drive_dirslb.html.

See also http://fwsprinklercdb.info/Murfur_lightbox.html for lightbox that works; uses the same Jquery lightbox_me function.

Why does drive_dirslb.html not work?
drive-dirslb.html
0
Comment
Question by:Richard Korts
  • 2
3 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 40371680
replace :
       $("#calculate-route").submit(function(event) {
		$('#map').lightbox_me({
          event.preventDefault();

Open in new window

by :
       $("#calculate-route").submit(function(event) {
                event.preventDefault();
		$('#map').lightbox_me({

Open in new window

0
 

Author Comment

by:Richard Korts
ID: 40373201
leakim971,

Same result, no map.

fwsprinklercdb.info/drive_dirslb.html

Thanks
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40373270
replace :
$('#map').lightbox_me({
          calculateRoute($("#from").val(), $("#to").val());

Open in new window

by :
          calculateRoute($("#from").val(), $("#to").val());
          $('#map').lightbox_me({

Open in new window

0

Featured Post

How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question