2 Replies Latest reply on Oct 27, 2013 1:04 AM by Vikerness

    Loading external div resp. java script resp. google maps resp. php in adobe edge animate

    COSALUX Level 1

      Hi there,


      I made some nice webpage with adobe edge, and additionaly I would like to implement store finder made with google maps. Any idea how I should do this?


      Here the website:




      And here the map:




      What I intend to to is to make a div between contact and disclaimer and load map.php in this div.




      Here how does the look the file: map.php



      <html xmlns="http://www.w3.org/1999/xhtml">


          <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

          <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

          <title>Google Maps AJAX + mySQL/PHP Example</title>

          <link href="style.css" rel="stylesheet" type="text/css" />

          <script src="http://maps.googleapis.com/maps/api/js?sensor=false"


          <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

          <script src="storeLocator.js" type="text/javascript"></script>



                <body style="margin:0px; padding: 0px;" onload="load()">


                                    <input type ="text" id="addressInput" size="10"/>


                                    <input type="button" onclick="searchLocations()" value="Suche"/>


                          <div><select id="locationSelect" style="width:100%; visibility: hidden"></select></div>

                          <div id="map" style="width: 100%; height: 80%"></div>




      How can I implement this code in adobe edge? Please help, because I am clueless, and it has to be done today.


      Many many thanks in advance...