Loading external div resp. java script resp. google maps resp. php in adobe edge animate
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:
http://www.heelbopps.com
And here the map:
http://www.heelbopps.com/maps/map.php
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">
<head>
<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"
type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="storeLocator.js" type="text/javascript"></script>
</head>
<body style="margin:0px; padding: 0px;" onload="load()">
<div>
<input type ="text" id="addressInput" size="10"/>
<input type="button" onclick="searchLocations()" value="Suche"/>
</div>
<div><select id="locationSelect" style="width:100%; visibility: hidden"></select></div>
<div id="map" style="width: 100%; height: 80%"></div>
</body>
</html>
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...
Stanko
Dear Stanko, did you get my private message about fixing top menu ?
Zaxist
Similar Messages
-
Adobe Edge Animate JavaScript Coding issues/page load time speeds
To let you have an idea of my skill set I have a background in animation and design and have been taking classes in web development. My question is about how to create an interactive website that loads various animation depending on the user's choice and current place within the Adobe Edge Animate timeline. The website I developed for a client @ www.goshowpro.com works but loads slower than I want and doesn't format properly on my client's Macbook (I believe he needs to update his browsers but that is something else.)
So as you can see from looking at my website I used a multitude of HTML files to create my vision of an interactive website based off of a theatrical stage. I know this is not an ideal method. I would prefer to have it all on one page but I am having trouble with my javascript coding. I was wondering if there would be away to expedite my current site's load time and if not if you could look at my NEW coding. (This IS NOT the current coding on the site.)
if = "hstop" "chomstop" "shomstop" "phomstop"
{sym.play("hporstart")};
else = "hconstop" "sconstop" "pconstop"
{sym.play("cporstart")};
else = "hserstop" "cserstop" "pserstop"
{sym.play("sporstart")};
It looks crappy but I'm trying to learn so don't laugh too much. Thanks again.
MichaelHi, Marlene-
We currently bundle jQuery 1.7.1 with the Animate runtime. In order to call fadeOut() on the element newSquare, you would do the following:
sym.$("newSquare").fadeOut();
OR
sym.getSymbol("newSquare").getSymbolElement().fadeOut();
Hope that helps!
-Elaine -
Adobe Edge Animate CC image loading bug
hello,
The animation which i created in Adobe Edge Animate which is published for web, and when i load the main file in browser noticed that the images which i used inside the Edge Animate for animations are loading two times one with "edge.3.0.0.min.js:240" and "jquery-2.0.3.min.js:5", i hope this is a bug. how can i a avoided this multiple loading of same image files.Hi, canpark-
We do not have a Korean localized version of Edge Animate, sorry!
-Elaine -
Where is Use Google Chrome Frame for IE, 6,7,8. in Adobe Edge Animate CC 2014 ?
Hi everybody, I can't find Use Google Chrome Frame for IE, 6,7,8. in new Adobe Edge Animate CC 2014
Please help me
Thanks in advanceSorry, but Google discontinued the Google Chrome Frame service:
https://www.google.com/chromeframe/about/
Chromium Blog: Retiring Chrome Frame
Regards,
Joe -
Muse,Page items slow to load - eliminate render blocking java script?
Everything was running smooth until I tried to cut and past new items into master pages. Now I have master page items loading out of sequence and very slowly at that. I went to google's page speed insites and I scored a 72% with a reccomendation to "Eliminate render blocking java script in above fold content" as well as "leverage browser caching"
Well... I have no idea what that means
any idea how I can improve the performance of my page? I've already compressed the images significantly, I don't think that's the problem. Google talks about expirey dates on cache items being too low or non existant causing delays on pages, and setting priority over viewable items. Can I do this in Muse?
you can view the site here
http://batco.businesscatalyst.comI've actually been having the same problem - the interesting thing is that I've only really noticed it in the past several weeks (before, everything loaded fine). Could there have been a change in Muse in the way it's loading scripts that is slowing it down?
Examples:
www.karlchristiankrumpholz.com
www.pawdnerscolorado.com
On the second site, I can't remember if I crunched the images, but on the first one, I used Image Optimizer to crunch down all of the pngs prior to publishing. For reference, I'm publishing both sites via Business Catalyst; one using a free CC account, and one using a paid eCommerce account.
I ran it through Google PageSpeed, and here's what I get:
Eliminate Render-Blocking JavaScript and CSS in above-the-fold Content
Your page has 1 blocking script resources and 5 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:http://webfonts.creativecloud.com/bebas-neue:n4:all.js
Optimize CSS Delivery of the following:
http://www.karlchristiankrumpholz.com/StyleSheets/ModuleStyleSheets.css
http://www.karlchristiankrumpholz.com/css/site_global.css?4210242644
http://www.karlchristiankrumpholz.com/css/master_desktop-master.css?4254541493
http://www.karlchristiankrumpholz.com/css/index.css?3941979157
http://webfonts.creativecloud.com/c/c3d3d5/bebas-neue:n4.TGd:N:1/d
Leverage Browser Caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Interestingly, image size doesn't appear to be as much of an issue, according to PageSpeed:
Properly formatting and compressing images can save many bytes of data.
Optimize the following images to reduce their size by 30.3KiB (13% reduction).
Losslessly compressing http://www.karlchristiankrumpholz.com/images/headerbackground.png could save 19.1KiB (22% reduction).
Losslessly compressing http://www.karlchristiankrumpholz.com/images/laurel.png could save 4.9KiB (29% reduction).
Losslessly compressing http://www.karlchristiankrumpholz.com/images/rebel_%402x.png could save 4.6KiB (7% reduction).
Losslessly compressing http://www.karlchristiankrumpholz.com/images/karlheader2-u1353.png could save 1,019B (2% reduction).
Losslessly compressing http://www.karlchristiankrumpholz.com/images/arrowmenudown.gif could save 707B (84% reduction). -
Will an .edge file made with Adobe Edge Animate 1.0 work and load in Adobe Edge Animate 3.0?
I had the beta version of Adobe Edge Animate, and when it was released I was able to download version 1.0 for free, and it is still installed on my computer today.
The problem is I might get a new computer, and I'm just wondering if my old projects that I made with that version of Adobe Edge will work correctly if I purchase Edge Animate CC?
Does Edge Animate CC support backwards compatibility all the way back to 1.0?Hi,
Also, sometime it depends upon the feature as well. it is deprecated in latest release then you may get error or warning.
Please download trial version of Edge Animate CC 2014 and test your project.
https://creative.adobe.com/products/download/animate
Regards,
Devendra -
Installation of Adobe Flash 11.7.700.169 fails w/Java script errors
I am getting very frustrated with Adobe software, it seems that nearly every time I try to update my flash player the update Flash player process fails with a java script error.
I currently am running Adobe Flash player: 11.6.602.180
My system is running 32-bit Windows XP, SP3, all patches to date, IE v8.0.6001.18702.
When I try to install the Adobe Flash player update to 11.7.700.169 the process always fails with the following....
A pop up to the screen from IE, titled: "Internet Explorer Script Error"
The message displayed on the screen is:
An error has occured on the script on this page.
Line: 1
Char: 15965
Error: Object Expected
Code: 0
URL: http://127.0.0.1/app/_js/adobe.js
Do you want to continue running scripts on this page? <Yes>/<No>
No matter what choice I make the install fails (choosing yes causes more Script Error messages to appear, before it finally hangs).
I have followed the steps suggested on the 'Troubleshooting page', yes Active Scripts are enabled within IE
I also have tried turning off all AV and Firewalls when performing installation, yet I get the same errors.
Thanks,
Mark ReynoldsDownload and run the offline installer from http://helpx.adobe.com/flash-player/kb/installation-problems-flash-player-windows.html#mai n-pars_header
-
Glitches and Load Speed Issues with Edge Animate Site
I recently created a website at www.goshowpro.com and am having some glitches and load issues occur and would appreciate any help or insight into the matter. The site loads relatively quickly on my computer and my hosting servers technical support system but when I show it to my client it takes anywhere from 15-20 seconds, even after I have cleared the cache and cookies. All my image files are 'gifs' as to alleviate memory usage and I don't know what else to do that I haven't tried yet. Additionally, when you go to the services page from the about page, the light beams don't connect to the lighting fixtures and the text is placed differently than what I initially had in Adobe Edge Animate before I published the files. And the facebook link doesn't go to facebook but to www.goshowpro.com/facebook.... (ie I get a 404 error) even though in the program I have the link set as www.facebook.com.... I don't know what else to do besides what I have been doing and would very much appreciate any insight into these issues.
I should also mention that I used more html files than I initially planned due to lack of support on creating complete animation functionality with Edge Animate. I would like to have everything on one page but I don't know if that would be possible with the current version of Adobe Edge Animate (1.0.1.204.22434). Thank you again for your help.
MikeHi, Mike-
Have you tried profiling? You can use Firefox's Firebug or Google Chrome Inspector to see what's taking so long to download.
http://blogs.adobe.com/edge/2012/01/04/why-cant-it-just-work/
-Elaine -
Initiating External Calls in Adobe Edge
Can I do external calls with edge? For example: can I access external music and build a list which could be played back by a user? Additionally could i use some library that would allow me to record in Edge and save the recording? I am thinking like some browser api or some external call that would allow me to create a stand alone Adobe Edge html file that someone could launch on their desktop. I know this is asking a lot but I would greatly appreciate any info.
Hell0,
I did this example a long time ago. Maybe this could help you.
https://www.box.com/s/ygym12tza9s9x2gfrgja -
Why is my navbar not loading in edge animate 2014?
Just upgraded Edge animate to the new Adobe Edge animate 2014 but now my navigation won't load in preview browser.
As a Test:
Hold down the option (or alt) key and launch iPhoto. From the resulting menu select 'Create Library'
Import a few pics into this new, blank library. Is the Problem repeated there? -
Adobe Edge Animation published file slow to load on browser
Hi
I had a bad experience with Adobe Edge Animate as when I upload published file to my server it been slow to load the images and sounds, here is the links for the published file I had created at Adobe Edge
ventureadvertising.net/simon/slider.html
ventureadvertising.net/Javier/Start/Start.html
ventureadvertising.net/Eric/responsive/sliderv3.html
all these links take time to load I had to refresh again to load the file
Thank youHi Tanya,
http://forums.adobe.com/message/2816273#2816273 like in this thread i used "On application start interaction" and i slected my swf files to load in application start.But i think nothing has changed.this the web site which i upload after that changes...http://www.fndim.com/altis2/main.html
I think the problem is, in the preloader my embedded swf files doesnt installing to the browser...i want that everything is intalling with the preloader in the begining.If you want i can send you my fxg file..but i dont know how can i send it to you ? -
Using XML file in Java script to create Google Map
Hello,
I work for a non-profit in San Diego as a GIS Specialist. I have had to teach myself about some scripting to create some dynamic maps, but I am still very limited in my skills, so I have had to explore the internet in order to discover various tutorials and examples that have led me on a positive path.
Right now I am working on a Google Mash-Up that will incorporate over 14,000 records, which will appear as separate markers that will have pop-up info bubbles with additional info inside (using html), once the marker is clicked.
Here is the XML script example that is used in the tutorial I am following:
<markers>
<marker lat="43.65654" lng="-79.90138" html="Some stuff to display in the<br>First Info Window"
label="Marker One" />
<marker lat="43.91892" lng="-78.89231" html="Some stuff to display in the<br>Second Info Window"
label="Marker Two" />
<marker lat="43.82589" lng="-79.10040" html="Some stuff to display in the<br>Third Info Window"
label="Marker Three" />
</markers>
...and this is how it looks when the file is retrieved by the java script and mapped: http://econym.googlepages.com/example_map3.htm
This is the java script that creates the Google Map. I have emboldened the section of the script that retrieves the data and parses it to create the markers:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA6GoL8P5zqjQlG5A5uM1ETBSUPozAscB0cY3RG8xEGnZyeom4axRySak889rVpvHYRsV4f9OZZzbboA"
type="text/javascript"></script>
</head>
<body onunload="GUnload()">
<!-- you can use tables or divs for the overall layout -->
<table border=1>
<tr>
<td>
<div id="map" style="width: 800px; height: 1200px"></div>
</td>
<td width = 200 valign="top" style="text-decoration: underline; color: #4444ff;">
<div id="side_bar"></div>
</td>
</tr>
</table>
<noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
However, it seems JavaScript is either disabled or not supported by your browser.
To view Google Maps, enable JavaScript by changing your browser options, and then
try again.
</noscript>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
// this variable will collect the html which will eventualkly be placed in the side_bar
var side_bar_html = "";
// arrays to hold copies of the markers used by the side_bar
// because the function closure trick doesnt work there
var gmarkers = [];
var i = 0;
// A function to create the marker and set up the event window
function createMarker(point,name,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
// save the info we need to use later for the side_bar
gmarkers[i] = marker;
// add a line to the side_bar html
side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
i++;
return marker;
// This function picks up the click and opens the corresponding info window
function myclick(i) {
GEvent.trigger(gmarkers, "click");
// create the map
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng( 37.251699,-119.604315), 7);
*// Read the data from testXML2blackpoolformat.xml*
var request = GXmlHttp.create();
request.open("GET", "testXML2blackpoolformat.xml", true);
*request.onreadystatechange = function() {*
*if (request.readyState == 4) {*
var xmlDoc = GXml.parse(request.responseText);
*// obtain the array of markers and loop through it*
var markers = xmlDoc.documentElement.getElementsByTagName("ConnectoryRecord");
*for (var i = 0; i < markers.length; i++) {*
*// obtain the attribues of each marker*
*var lat = parseFloat(markers[i].getAttribute("lat"));*
*var lng = parseFloat(markers[i].getAttribute("lng"));*
var point = new GLatLng(lat,lng);
*var html = markers[i].getAttribute("html");*
*var label = markers[i].getAttribute("label");*
*// create the marker*
var marker = createMarker(point,label,html);
map.addOverlay(marker);
// put the assembled side_bar_html contents into the side_bar div
document.getElementById("side_bar").innerHTML = side_bar_html;
request.send(null);
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// http://www.commchurch.freeserve.co.uk/
// http://econym.googlepages.com/index.htm
//]]>
</script>
</body>
</html>
Here is my delima--
This is the xml format that I need to use because it can accept the rest of my excel file and loop it through the 14,000+ records to create a functioning xml file. This is just a sample (2 records) of the larger file:
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<ConnectoryAug2008>
<ConnectoryRecord>
<lng>-117.03683</lng>
<lat>32.944505</lat>
<ConnectoryID>1</ConnectoryID>
<Name>$2.95 Guys</Name>
<StreetAddress>13750 Stowe Drive</StreetAddress>
<City>Poway</City>
<State>CA</State>
<Zip>92064</Zip>
<Marker>White</Marker>
<IndustryGroup>Technical Services</IndustryGroup>
<ConnectoryProfileLink>http://connectory.com/search/profile_view.aspx?connectoryId=1</ConnectoryProfileLink>
</ConnectoryRecord>
<ConnectoryRecord>
<lng>-117.272843</lng>
<lat>33.13337</lat>
<ConnectoryID>2</ConnectoryID>
<Name>(GLDS) Great Lakes Data Systems</Name>
<StreetAddress>5954 Priestly Drive</StreetAddress>
<City>Carlsbad</City>
<State>CA</State>
<Zip>92008</Zip>
<Marker>Orange</Marker>
<IndustryGroup>Technology</IndustryGroup>
<ConnectoryProfileLink>http://connectory.com/search/profile_view.aspx?connectoryId=2</ConnectoryProfileLink>
</ConnectoryRecord>
</ConnectoryAug2008>
This is the tutorial where I found the formatting techniques to successfully create the large xml file that will format/convert my excel file properly: http://www.mrexcel.com/tip064.shtml
These variables should appear as html in the info bubble:
<ConnectoryID>2</ConnectoryID>
<Name>(GLDS) Great Lakes Data Systems</Name>
<StreetAddress>5954 Priestly Drive</StreetAddress>
<City>Carlsbad</City>
<State>CA</State>
<Zip>92008</Zip>
<IndustryGroup>Technology</IndustryGroup>
<ConnectoryProfileLink>http://connectory.com/search/profile_view.aspx?connectoryId=2</ConnectoryProfileLink>
The "Marker" variable instructs Google Maps to label the marker with a particular color. I will be so grateful to the person(s) that helps me get through this wall that I have been hitting for a long time. It's very difficult without having the luxury of peers who know about these types of issues.
Thank you!!Here is the relationship: They both contain geographic coordinates that produce a point on a map. I will use the rest of the information in the second xml file (company name, address, link, etc.) to produce the information for the bubble that will pop up once the marker is clicked.
My problem is that I need to try to keep the second xml file in a relatively similar format, so the rest of my records will still be accepted. If I had a smaller amount of records I could place them directly into the javascript, but because there are so many records, I need to use an xml file that can be retrieved by the java script. I chose to use the second type of xml file because I can easily copy and past the 14,000+ records that are now in excel document.
After the xml issue is corrected I need to rework the javascript that is now emboldened so that it will read the new xml file correctly. I included the first xml file so that the readers will understand what type of xml format is currently being used to produce the markers in the tutorial map. -
How to load a java script in oracle database
Is it possible to load d java script in Oracle database. while the object type is
java resource ..RENUJP wrote:
I meant to load a javascript to oracle database not to oracle appliocation.
like loadjava....
I can load a javascript to oracle database.. but i can't call it...Please re-read the comments above, especially the part about this not being a javascript nor oracle forum. Exactly what part about this information don't you understand? -
If I go to YouTube, no matter what video I click on to watch, the error message "[Java Script Application] Error: Div is null" pops up. It started happening right after I updated to FF v6. I also have installed the latest version of Java. I submitted this question a few weeks ago, but never received a reply.
Thanks for any help you can provide to fix this.
Scott Cromwell
[email protected]hello, can you try to replicate this behaviour when you launch firefox in safe mode once? if not, maybe an addon is interfering here...
[[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]] -
Java script slideshow not fading in google chrome or firefox.
Hi
I have built a page in DW CS4 and added a Jave Script fading photo slideshow.
Thanks to some previous help from this forum is working great.
One problem is that the images don't fade between in Firefox or Google Chrome???
please advise
Regards
MarkHi
Thank you for your reply.
I have tried as suggested.
But the problem seems to be browser specific. With the changes you suggested it works fine in IE and fades between images.
The issue remains that it does not fade when viewed in Google Chrome or Firefox, it just changes from one picture to the next.
any idea's?
many thanks
Mark
Maybe you are looking for
-
Satellite 1900-303: Can I upgrade the Hard Drive up to 120GB
I've a S1900-303 and I'm thinking of upping the Hard Drive to 120gb. What problems, if any, will I encounter and can I do it froom the Toshiba boot disk or should I just install XP from a XP disk?
-
Need softwear download for the W995. All my data\ files lost in post during a move.
Need Softwear download for a W995. All my data and files was lost in my move to Brazil.
-
Lifting the 12 min clip length limit in Premiere Pro
Hi everyone, my client edits long clips in Adobe Premiere Pro CS5. According to his description, after the first 12 min the clips are grayed-out and don't play. I didn;t have a chance to work with long single shots in Adobe Premiere, but the client t
-
Hi , My photo have been removed from iphone but i can see them in icloud. Whenever i am accessing icloud in my laptop , I can see all files but my photo folder is not coming but i can see photo in my iphone icloud. In iphone icloud its showing facebo
-
New iphone 5s on TMobile not working
I got a new iPhone 5s for Christmas, came with a new sim card in it. But I am unable to make calls with it, it goes straight to T-Mobile's service line, which by the way has no representatives to talk to at the moment because of the holiday. Also ime