IE Detection in Edge Animate

Hi All,
Is this a good practice to detect IE and send users to a second/alternative version of a website where " Use Google Chrome Frame" is checked?
if so...then
1 - What is the full code to detect IE, and where should I place this code?
2 - What are the best settings for publishing it (iFrame prompt, no prompt, etc)
If its not the best way, then
How do you resolve the IE rendering issue?
Thanks

Just go to the publish settings and check the settings.
Robert

Similar Messages

Why doesn't Edge Animate show up in my 30 day free Creative Cloud membership apps download page?

Why doesn't Edge Animate show up in my 30 day free Creative Cloud membership apps download page? I subscribed to the 30 day free Creative Cloud membership just yesterday.
Please help.

Could it be that you are running Windows XP? I believe there is some automatic detection of the operating system you are running, and if it is not supported by the application, it does not show up on the download page.

Hammer.js and Edge Animate CC 2014

Is it still possible to include the Hammer.js library in Edge Animate CC 2014.1?
I need a simple way to detect swipe up / down. Thanks.

Hi Marie,
I tested this code:
var myElement = sym.$("Rectangle")[0];
var mc = new Hammer(myElement);
mc.on("panleft panright tap press", function(ev) {
console.log("ev.type:", ev.type);
myElement.textContent = ev.type +" gesture detected.";
It returns this (MacBook: latest Mac OS and Safari):
An iPad returns: "panleft gesture detected", "panright gesture detected", "tap gesture detected" and "press gesture detected".
Files: HammerTests.zip - Box
I use this CDN library: hammerjs - cdnjs.com - the missing cdn for javascript and css

Integrating WebGL and Edge Animate CC?

Has anyone managed to get a working example of a WebGL demo (like these http://threejs.org/examples/#webgl_particles_random) into an Edge Animate CC Stage?
I'd love to see one if someone has managed it... thanks!

Hi Marie,
I tested this code:
var myElement = sym.$("Rectangle")[0];
var mc = new Hammer(myElement);
mc.on("panleft panright tap press", function(ev) {
console.log("ev.type:", ev.type);
myElement.textContent = ev.type +" gesture detected.";
It returns this (MacBook: latest Mac OS and Safari):
An iPad returns: "panleft gesture detected", "panright gesture detected", "tap gesture detected" and "press gesture detected".
Files: HammerTests.zip - Box
I use this CDN library: hammerjs - cdnjs.com - the missing cdn for javascript and css

How do I use Edge Animate to make a clickable image which can be used in Author, and which will redirect you to a different page in your ebook?

If anyone has experience with Edge Animate, I know that I can make an image clickable, and I can insert a url to define where it will go once clicked. But I want to make a widget to use in iBooks Author, that can take the reader to a certain page of the book. Is this possible?
It all seems very complicated. Make one thing in Edge Animate, then somehow have that reference something in Author, which will finally work in an ebook. I have no clue where to begin.

Sort of. I'm using this code inside an action for a button symbol. But it doesn't work perfectly. Trying to debug it.
Let me know if you have any luck.
//Check to see if pageCounter already exists
if (typeof EC.pageCounter === 'undefined') {
// it doesn't exist so initialize it to first page
EC.pageCounter = 2;
//check if the page is only 1 digit -- patch for single digit
if (EC.pageCounter < 9) {
// it is, so we need to pad a 0 on the front.
EC.pageCounterString = "0" + EC.pageCounter;
//e.g. 01 ...09,11,12,13....115,222352,,....
else {
EC.pageCounterString = EC.pageCounter;
EC.loadComposition(EC.pageCounterString + "/publish/web/" + EC.pageCounterString + ".html", sym.$("container"));
EC.pageCounter = EC.pageCounter + 1;
//TODO for back -1

How do I include 'Edge Web Fonts' into Edge Animate?

How do I include 'Edge Web Fonts' (not Google Web Fonts) into Edge Animate?

Have you tried to use google fonts? I have used them and they work for me.
When you add your font for example:
Copy paste:
<link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
and then for font family.
'Finger Paint', cursive;
then select addfont on the addfont screen

Adobe Edge Animate CC 2014.1

Hello, do the animation in Adobe Edge Animate CC 2014.1
and faced with a problem, animating picture animation works when you hover over the image and still have the text which also operates and has a different animation, and the problem is if I'm pokartinke mouse and spend the mouse over the text in the image on the animation picture as if jumps and starts with a new one, I want to know how to do so that would be mouse as I had not seen the text of this so I can keep the mouse on the image and animation are normally worked

UPDATE
i have ulpaded 2 animation ( one normal and one Responsive ) in 2 different server here the link
www.eclipseadv.com/maliRP/maliRP.html
Untitled
via SAFARI or CHROME on MAC all OK
but via IPAD ( SAFARI, CHROME and MERCURY) i didn't see the video, just the animation of the BUTTON and the link if i click on it (not in Mercury), like in the content viewer.

How to make something like this in Edge Animate?

Hi,
I'm hoping to make something like this – https://www.youtube.com/watch?v=OJeDppEHI1g – in Edge Animate but I'm not sure where to start.
I'm new to Edge but am keen to explore.
Anyone have any feedback on whether:
1. It's possible, and
2. What techniques/effects have been used.
Thanks!

Hi there and welcome,
Could you be a little more specific on what it is exactly that you would want to create? Most of what I can see from that website is doable in Edge Animate, but if you specify what it is you'd like to accomplish I could walk you through how to do it.
Thanks!

Sticky header and footer in Edge Animate

I've created a long scrolling site in EA and need my navigation bar and logo to remain static at the top as I scroll down. I also want my Contacts bar at the bottom to stay put. Can anyone help me?
I'm not familiar with JS, CSS or HTML5 so please imagine you're talking to a child. I also need to know where to add the code in the Edge Animate project.
Thanks for your patience...

These fragments might fall under the category of "other", as an example, there is a copyright fragment in the Other tab of the fragment toolbox window. You could copy that and enhance it to make your footer.

Adding to a website animation made in edge animate

Hello, I am web designer, I made several banners for our webpage in edge animate, and now our programmists are having trouble adding them to a website. May be someone can tell, what they did wrong? Or may be you may give as lint to a tutorial explaining, how to add it in the right way?
link to a website: https://imfoption.com/a/new-home-page/
link to a banner: http://giteldesign.com/portfolio/works/banners/imfoption/man-moving/

This may be because of the site being served on https and some of the edge animate scripts being served over http, which are blocked by the browser. You can change the URL scheme from http to https in the file /wp-content/themes/imfoption/js/newban/man_edgeActions.js to make it work.
Following URLs will need a change:
aLoader = [
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/jquery-2.0.3.min. js"},
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/edge.4.0.0.min.js"},
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/man_edge.js"},
      { load: "http://imfoption.com/wp-content/themes/imfoption/js/newban/man_edgeActions.js"}];
You can also just use the URLs without a scheme as follows, then the scheme will be automatically chosen.
aLoader = [
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/jquery-2.0.3.min.js" },
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/edge_includes/edge.4.0.0.min.js"},
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/man_edge.js"},
      { load: "//imfoption.com/wp-content/themes/imfoption/js/newban/man_edgeActions.js"}];
There are some other resources which are loaded over http, for eg:
http://fonts.googleapis.com/css?family=Economica%3A700%2C400italic&ver=1.7.4
http://imfoption.com/wp-content/themes/imfoption/css/impreza/fonts/fontawesome-webfont.svg ?v=4.0.3
These may or may not work depending on the client settings, ideally you should fix all of these issues too. Hope this helps.
-Dharmendra

How do I link a google drive edge animate project to an iframe?

I have a simple edge animate project as a test. It has the following files in the root:
edge_includes folder containing 3 images and edge.5.0.1.min.js
project.html
project_edge.js
I want to be able to have these files stored on google drive (or dropbox or alternative) and link to them through an iframe on my website. I've tried doing this by keeping the file structure the same on google drive and just referencing the shared link of the html file, but the project will not work.
I've also tried replacing the src links of the edge.5.0.1.min.js file and the image files to their shared links on the google drive. This didn't work either.
Is there any way to host the files externally and have them still reference each other properly so the html file can be linked into an iframe on a different site?
Many thanks in advance
Barry

Just to add the relevant requested information:
I am using the latest version of Edge animate (2014.1)
Google chrome (and IE desktop not metro as backup)
If anyone wants to see the file then I'm happy to link to it, but I don't think the question really warrants it.
Thanks again.

How do I pass a variable from edge animate to an external JS?

I need to pass a variable value from Edge Animate to an external JS file. How can I do it?

Not sure if this is the best way ,but works
Set the variable as a property of a global variable
Like
SET
window.myVar = 'your value';
AdobeEdge.myVar = 'your value';
Read
window.myVar
AdobeEdge.myVar

How do I stream video in edge animate?

I am a Flash Pro convert, which means I know action script, but not html, html5 or js. I found a training video that talks about embedding youtube video through the use of a container and creationComplete coding. However, I would prefer not using embeded youtube video (since I think it still requires flash player). I also was unable to even make the youtube embeding work.
I downloaded a html5 player/converter thinking I could convert the video to html5 video and drop the associated code into my composition. But unfortunately, I don't know if this is possible or where I might "drop" the code in. I've searched for several hours for a solution to this problem and have found very little information related to my issue.
Any help on this would be greatly appreciated. I'm willing to put in the work to find answers and learn, but at this point I suspect I may not know the right questions to ask.
Thanks in advance.
bevans9908

Moved to the Edge Animate forum. They will be able to help you here.

How do I use Typekit fonts within Edge Animate

I have applied a 'Pragmatica' Typekit font to a website. I'm using Edge animate to construct some pages and within these pages want to add Type; however, Edge Fonts does not include the Typekit font 'Pragmatica' and the instruction for the page to use Typekit seems not to filter through into the Edge animate section .... is there a way round this?

Hi, Trimmertop-
When you open up the Web Fonts viewer, you will see Edge Web Fonts by default. However, there is a tab next to it that says "Custom." You can stick in your kit code in that location.
-Elaine

How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. Do I use .png or svg?

I want to use Edge Animate to create native app in PhoneGap Build. How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. And do I use .png or svg?

If you use responsive scaling it will definitely scale .
For best practises regarding graphics refer
Edge Animate Help | Best practices for graphics in Adobe Edge Animate

IE Detection in Edge Animate

Similar Messages

Maybe you are looking for