Understand the Adobe Edge & AJAX, PHP Transition

Hi all..
I have done a fair bit in adobe edge, what a fab program.
But i am yet to pass data into and out of it, below is a simple HTML, AJAX, PHP file that asks the user to click one of 5 radio buttons, each radio button has a value set to it. Once the user clicks one of these radio buttons the value is posted to a php file using ajax.
I need a little push from you professionals to help me understand how i transfer this simple script into Adobe Edge, please dont think that i am just trying to get a quick answer, the project is much larger than just this little script. Please if you could shed a little light on how to do this the rest should fall into place for me...
many many thanks!
<!doctype html>
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
</script>
<meta charset="utf-8">
<title>TEST</title>
</head>
<body>
<h1>Scores Page</h1>
<form action="updatescore.php" method="post">
<form>
    <input type="radio" name="newScore" value="1" >1
    <br>
    <input type="radio" name="newScore" value="2" >2
    <br>
    <input type="radio" name="newScore" value="3" >3
    <br>
    <input type="radio" name="newScore" value="4" >4
    <br>
    <input type="radio" name="newScore" value="5" >5
    <br>
</form>
</body>
<script>
$(document).ready(function() {
    $('input[name=newScore]').change(function(){
        var newScore = $(this).val();
        $.post('updatescore.php', {newScore:newScore}, function(data){
</script>
</html>

Hi,
You open the compositionReady panel:
var form = '<form><input type="radio" name="newScore" value="1" >1<br>';
      form+= '<input type="radio" name="newScore" value="2" >2<br>';
      form+= '<input type="radio" name="newScore" value="3" >3<br>';
      form+= '<input type="radio" name="newScore" value="4" >4<br>';
      form+= '<input type="radio" name="newScore" value="5" >5<br></form>';
sym.$(form).appendTo( sym.$("Stage") );
//sym.$(form).appendTo( sym.$("Rectangle") );
$('input[name=newScore]').change( function(){
        var newScore = $(this).val();
        sym.$("Text").html(newScore); //just to see what happens
        $.post('updatescore.php', {newScore:newScore}, function(data){
I assume you load the jQuery file: http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

Similar Messages

I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop. May I ask help? :) T

I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop.

Hello
1. I am running on Windows 8.1
2. When running the installer file from https://creative.adobe.com/products/download/reflow I get the following choice
I click "OK" which doesn't do anything for me (CC is off).
I turn CC on and run the installer again. I get the following window that within few settings disappears:
Then - just for half a second it says "Launching Creative Cloud desktop" and then it brings CC to front, and that's all.
RF still not there.
3. I spoke ta support agent on the Adobe chat on Friday. He looked into my computer for an hour. Uninstalled After Effects (after failing to update it). For some reason all apps disappeared from the list. They then reappeared after he opened PS.
This morning After Effects is still showing up in my system and is operational.
Weird.
4. At the end the agent suggested maybe Firewall is the problem here. Trying that out now.

Is the adobe muse code PHP? i've been warned that PHP is "hackable"

is the adobe muse code PHP? a client's website not made in muse was hacked yesterday. i have been asked to rebuild a new site. since i am using muse and i've been warned that PHP is "hackable", i would like to know if the uploaded muse sites contain php code. i don't even know what that is. advise please?

thanks justin.
but in the event i do use the form, does that mean the hackers can get into the whole site?
Pat Shapiro
Flying Colors of Naples, Inc.
Graphic Design, Advertising, Photography
voice 239-434-0685
fax 239-434-6233
630 Murex Drive, Naples, FL 34102
flyingcolorsofnaples.com
[email protected]

On Google Chrome the Adobe edge web font looks fuzzy and broken-up. Is there a way to fix this?

I have created a website with Adobe Muse and I am using an adobe edge web font that looks great on all browsers except for google Chrome... On chrome the font looks fuzzy and broken-up. Is there a way to fix this??? Thanks.

Thank you Sanjit,
I have redone the site using using the font TREBUCHET. The font that I was using that was giving me the problem was EXO which is an Adobe Edge Web font. I'd rather use EXO... Here is a screen shot of a sample page, areas where the type looks especially messed up are circled in red.
This only happens when opened in Google Chrome on a Windows PC. However it looks fine with Chrome on my MAC.
Regards,
Jan

I can not insert the Adobe Edge endprodukt in Adobe Dreamweaver. Why does my Dreamveaver not show In

Why is there no way to use this Insert >> media >> adobe edge.?
I have got Adobe Dreamweaver Cs6 so there should be no problem. And I got every single update.
Please Help me!!! PLEASEEEE!

Hi,
If you are trying to insert Edge Animate compositions into Dreamweaver, here's how to do it.
http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
Thnaks,
Preran

Adobe AIR + AJAX + PHP + MySQL

Hi everybody!
I've just tried building an AIR application out of an html file, which communicates to a MySQL database using AJAX with a post request on a php file.
In the browser, the 'real' webapp works as intended, but when I build an AIR application, nothing happens when clicking on the send button.
Does AIR not support this? Or am I missing something else here?

You probably need to post a little bit more info on what your program do before people can help you.

Please start the Adobe Edge Inspect Application... Get Edge Inspect.

When I click on the button in the Chrome Navigator that message appears and the icon is in gray. I have the desktop aplication running and the app in my android. It seems that the chrome extension and the desktop aplication are not detecting each other.
My Chrome version is: 32.0.1700.102 m
I don´t know what to do...

I am also having the same issues.
Uncaught SyntaxError: Unexpected token u inspect.js:224
trying inspect.js:1209
Uncaught SyntaxError: Unexpected token u inspect.js:224
trying inspect.js:1209
Uncaught SyntaxError: Unexpected token u inspect.js:224
trying inspect.js:1209
Uncaught SyntaxError: Unexpected token u inspect.js:224
trying inspect.js:1209
Uncaught SyntaxError: Unexpected token u inspect.js:224
trying inspect.js:1209
Uncaught SyntaxError: Unexpected token u inspect.js:224
trying inspect.js:1209
Uncaught SyntaxError: Unexpected token u inspect.js:224
trying
Both my browser and Android phone are stuck at the connecting step never getting to the passcode. Inspect is running on my desktop and they were installed in the correct order.

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.
Michael

Hi, 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 3 animations issues with webview on Android v4.1.1 and v4.2.1

I am developing an Android App using webview (using phonegap/cordova v2.8.1 ) . I used Adobe Edge 3 and generated few animations using SVG images and couple of html pages
Query #1:    Scaling of image is continously increasing with every orientation change
             On Nexus 5, Nexus 7 and Nexus 4 (all with Android version v4.4.2) the Adobe Edge animations work as expected in my App, however there is one issue when ConfigChanges option in Android manifest file is set to "orientation|screenSize" used in the main activity of my App to allow it to automatically resize this screen/images when screen orientations between portrait and landscape. This works but image size keeps increasing (never reset to original size) every time change the orientation of my Android device from portrait to landscape and vice versa.
Is there any issue with Adobe Edge based animations w.r.t to automatically resizing based changes to screen orientation on Android ?
Query #2: Images(i.e. symbols) are incorrectly loaded/shown and sometime stage itself is not loaded
    On Samsung Tab 2 (v4.1.1) and Samsung S3 (v4.2.1), the same Android App runs fine, however some images are not loaded randomly, sometimes the image is blank and sometimes incorrect symbols are overlayed onto the stage1 and stage 2 screens.
Has body faced similar issues while using Adobe Edge generated animations with webview/phonegap based Android applications ? if yes how it was fixed ?
This Android App uses only the two html pages (as stage 1 and 2) and then it loads different symbols (i.e svg images) using hide and show , load composition methods to create animations.
Let me know if there are any Adobe Edge 3 related issues specific to different version of Android ...in particular Android v4.0, v4.1 and v4.2 ..because the same App works fine on Android v4.3 and v4.4
I suspect it is due to differences and support available in webview implementations in different versions of Android.
Any help on this is greatly appreciated !
thanks
Padua

Sadly I don't have answers either. I'm not sure what happened but as of the last few days i've been having the same problems. There are also times when my mac mini wont even connect to the base station.
What I find strange is that my sister has the same airport firmware installed and her machine is unaffected. I'm on hold with apple atm, so we shall see what they can figure out.

Trouble uninstalling Adobe Shadow to install Adobe Edge

I am trying to download and install Adobe Edge Inspect CC on my PC laptop. I have repeatedly had the installation fail. The error summary I recieve is:
Exit Code: 7 Please see specific errors below for troubleshooting. For example, ERROR: -------------------------------------- Summary -------------------------------------- - 0 fatal error(s), 3 error(s) ----------- Payload: Edge Inspect CC 1.3.0.0 Edge_Inspect_1_3_LREFJ.msi_1.3 ----------- ERROR: The older version of Adobe Edge Inspect CC cannot be removed. Contact your technical support group. ERROR: Install MSI payload failed with error: 1603 - Fatal error during installation. MSI Error message: The older version of Adobe Edge Inspect CC cannot be removed. Contact your technical support group. ERROR: Third party payload installer Edge_Inspect_1_3_LREFJ.msi failed with exit code: 1603 -------------------------------------------------------------------------------------
I have Adobe Shadow installed. I tried to uninstall Adobe Shadow, but in would not uninstall. I received the following error message:
The feature you are trying to use is on a network resource that is unavailable.
Click OK to try again, or enter an alternative path to a folder containing the installation package 'shadow_r4_win_082112.msi' in the box below.
I tried to move the Adobe Shadow folder to the Recycling Bin, but this did not help.
How should I proceed?

Jeff:
Thanks for your help. I found the solution that worked for me on the Adobe Edge Inspect forum here:
http://forums.adobe.com/message/4852434#4852434
All the best,
Matthew S. Diener
<Removed by Moderator>

What time will release, Adobe Edge Reflow!

I was waited long long wait. Give me a release date,so i know about that!

Thanks for your interest in Adobe Edge Reflow.
On the Adobe Edge Reflow website (http://html.adobe.com/edge/reflow/), click the Notify Me button and leave your contact details. We'll keep you posted.

Adobe Edge Inspect - Snapshot Viewer

I love Adobe Edge Inspect. The only thing that is missing, is a better way to view the snapshots ( other than sorting through a directory of files - I test on 40 devices and the directory fills up fast ).
I ended up making this open source project to make it easier to view the Adobe Edge Inspect Snapshots, hope others find it helpful:
https://github.com/manifestinteractive/edge-inspect-viewer

I love Adobe Edge Inspect. The only thing that is missing, is a better way to view the snapshots ( other than sorting through a directory of files - I test on 40 devices and the directory fills up fast ).
I ended up making this open source project to make it easier to view the Adobe Edge Inspect Snapshots, hope others find it helpful:
https://github.com/manifestinteractive/edge-inspect-viewer

What is Adobe Edge Animator

I am having many issues with photoshop cs6 as well as lightroom 4.2. one PS app crash report from photoshop said ( according to the lightroom forum help) 'The dynamic link library faulted in your earlier post belongs to Adobe Edge Animator'.
I have no idea what this is.. does it ship with cs6?

sorry.. I guess I am too frustrated. I have been having CS6 problems plus lightroom 4.2 problems. CS6 has been crashing while I am working. I am using a wacom intuos 3 tablet. New drivers have not been issued since august.
I am trying to document errors , and am trying to deal with this.,
computer is an i7 windows 64 bit-- 3.5GHZ- 32 gigs ram.. 7800 series ATI graphics..
someone on the lightroom forum posted that question about 'did I have the adobe edge animator' becasue they saw that listed in an error report that I posted . I think the error reports were from lightroom, but I dont see how this can be part of photoshop or lightroom for that matter. ( unless lightrooms web module has something to do with it. ( Ive never used that)
sooooo I am asking if that is part of CS6, which you answered.
I dont know how to post my snagits here.

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

I already have the Adobe Creative Suite but I do not have Edge Animate, how do I get it?

I already have the Adobe Creative Suite, but I do not have Edge Animate, which I require for a course I am taking (only need for about 3 months), how do I purchase the single app? It is also not letting me download the free trial.

CC 2014 is not a separate plan, it is the newest version of the CC plan
http://blogs.adobe.com/jkost/2014/06/installing-the-2014-release-of-creative-cloud.html
This messages says (at least some) CC 2014 programs use NEW plugins https://forums.adobe.com/thread/1499663
-so do not uninstall the older CC programs if you use plugins in your programs until you are sure you have plugins that work in CC2014
If you are sure you don't need the old CC programs
-http://helpx.adobe.com/creative-cloud/help/install-apps.html to install or uninstall
-read reply #3 about the ORDER of uninstalling & installing https://forums.adobe.com/thread/1242671

Understand the Adobe Edge & AJAX, PHP Transition

Similar Messages

Maybe you are looking for