Adobe Community : All Content - All Communities

html5 canvas in Edge Animate

forums_noreply@adobe.com — Thu, 10 Apr 2014 17:21:55 GMT

Hi folks

I came over an interesting website yesterday made by Caleb Evans (http://calebevans.me/projects/jcanvas/ ). He has written an API for html5 canvas to use in Jquery. I have tested it in edge, and it works well . How to use it in edge:

1. download the JS from his site.

2. In Edge, select Add JS file from disk

3. navigate to the file (named Jcanvas.min.js)

4. After this, save the project and quit EA.

'4. Open the EA HTML file.

5. In the body part add this tag:

6. then, in animate, add code like this:

// Draw a circle

$("canvas").drawArc({

draggable: true,

fillStyle: "green",

x: 100, y: 100,

radius: 50

});

// Draw a 90° arc

$('canvas').drawArc({

strokeStyle: '#000',

strokeWidth: 5,

x: 100, y: 100,

radius: 50,

// start and end angles in degrees

start: 0, end: 90

Nice isn't it? For more examples see; http://calebevans.me/projects/jcanvas/docs/

Almost all of the html5 canvas commands are available

Svein-Tore

Problems with Live preview and quick edit

forums_noreply@adobe.com — Mon, 28 Apr 2014 18:05:30 GMT

Hi all!

I have just started to use edge code. I have seen some videos on youtube, and if edge worked as seen on this video it would have been wonderfull. The problem is mainly when it comes to the CSS (quick edit):

1, I select a tag (i.e.<P>), and press CTRL+E. Then I get the inline editor.

2. I press New rule and add i.e. font-size:24px; Then after what I have read, the changes should appear at once in the preview.

But nothing happen. I've been thinking: OK, maybe I should try to save, I press CTRL+S, but then I got this message:

an error occured when trying to save the file C:/program files (x86)/Adobe/Adobe Egde Code CC/samples/root/Getting Started/main.css. The permission do not allow you to make modiications.

So, how to fix this? I think edge code is useless witjhout this feature.

PS I have also downloaded brackets, but got the same problem.

Svein-Tore

Check to see if radio button is selected, Where is Joel Pou's file?

forums_noreply@adobe.com — Thu, 03 Apr 2014 18:27:42 GMT

In this fourm I found a very intersting post, see

http://forums.adobe.com/thread/1169078

Joel Pou gave here a correct answer, and link to a project for downloading:

http://forums.adobe.com/thread/1169078

But now, I can't download the file, because it is removed. I have tried to duplicate the project, but it won't work......

Anoyone who knows how to do this? Here is what I get:

var sporsmal=sym.$("sporsmal");

sporsmal.html('<form><input type="radio" name="spm1" value="right" />London</br>'

+'<input type="radio" name="spm1" value="wrong"/>Hamburg'

+'</form');

sym.$("sporsmal").change(function()

{

if sym.$("sporsmal").value==right then

alert ('you ae right');

}

);

The change part works fine, if I replace the if tewst with a alert, I get an alert but I'm not able to get the value

Auto inserting tags in EC

forums_noreply@adobe.com — Fri, 07 Mar 2014 16:29:41 GMT

Hi!

When I work in dreamweavwer, if I start entering tags, suggestions will automatically pop up and when I select it will be inserted. Is this possible in EC?

What program will you recommend for typing HTML code? dreamweaver or EC?

Svein-Tore

Using variables in url

forums_noreply@adobe.com — Wed, 19 Feb 2014 21:51:41 GMT

I have created a php storing values in a mysql database. I animate I call this php using window.open:

window.open("http://localhost/send_and_update.php?Tid=26&dBA=78 ", "_self");

This works fine, the dataset 26 78 is saved in the database. But now I want to send values from variables in i animate. I try this:

Var time=22

window.open("http://localhost/send_and_update.php?Tid=time&dBA=78 ", "_self");

This won't work. Any suggestion?

Svein-Tore

Graab datafrom UI

forums_noreply@adobe.com — Mon, 03 Feb 2014 16:54:37 GMT

I want to create an UI in Edge, username, and a password and a OK button.

I have created the form, it looks OK, but Im not able to get the data inserted by the user. My code look like this (taken fröm an email form created by othe user Resdesign in this forum, Thanks Resdesign):

// insert code to be run when the composition is fully loaded here
var Text = sym.$("Text")
Text.html("User name:");
inputText = $('<input />').attr({'type':'text','value':'user','id':'Text'});
inputText .css ('font-size',14);
inputText .css ('width',350);
//inputText .css ('background-color','#0a81fb');
inputText .appendTo(Text);
var Text2= sym.$("Text2");
Text2.html("Passsword<input/>  ");
var button = sym.$("button");
button.html("<button type='submit'style='color:blue;text-align:center'>OK</button>");

So When I push the OK button, I want to open an alert saying: username, or more exactly just show the username that is typed in. I have this code int the button:

alert($('#Text').value);

When I run the code I got the alert Undefined. So yes, I'm doing sometjhing wrong. I guess it has somethijng to do whith appendTO, but I'm really lost here.....

In short what I want:

1. When I push the button, I want to store the text entered in the input by the user in a variable.

2. I want to display this somewhere eløse, in ie an alert or in a text box.

Svein-Tore

Svein.-Tore

How to get a .zip file when publshing in Edge Animate.

forums_noreply@adobe.com — Wed, 29 Jan 2014 12:03:41 GMT

On the web I have seen a video on how to make an app from your Edge Animate project (http://www.lynda.com/home/Player.aspx?lpk4=127570&playChapter=False). I have tried to follow this video, but when I publish my project, no .zip file is created. Any suggestions?