Category: ‘edge’

Adobe edge jQuery UI 読み込み処理

2013年5月26日 Posted by PURGE

jQuery UI のライブラリの読み込み方法。
StageのcreationCompleteメソッド内に、下記のコードを記述する。

yapnopeとは、JavaScriptを読み込むJavascriptライブラリらしく、詳しくは調べてないが、読み込んだあとに指定したfunctionを呼び出すようだ。

そして、jQuery UI ライブラリのメソッド(draggable/droppable等)を適用できる。

yepnope({
  nope:['js/jquery-ui-1.9.2.custom.min.js'],
  complete:init
});

function init(){
	sym.$("myPic").draggable();
	sym.$("dropBox").droppable({drop:function(){sym.getSymbol("myPic").play()}});
}

今後、他のメソッド等も試してみようと思う。
楽しい。

Read full article |Leave a comment
Tags: No tags
Categories: edge, JavaScript, jQuery, 技術情報

Adobe edge animate の事始め

2013年5月26日 Posted by PURGE

Adobe edge animate に以前から興味があって、休日暇だったので、体系的に始めてみた。
下記のコードは、短形にテキストを埋め込んで、その値を取得＆設定する方法の基本。

ステージには、シンボル化したオブジェクトと普通のエレメントの取得で若干異なるようだ。
基本的には、シンボル化して扱ったほうが便利に感じた。

var ele01 = sym.$("val01");
var ele02 = sym.$("val02");
var eleAns = sym.$("val03"); //エレメント 
var symAns = sym.getSymbol("sym03"); //シンボル

var ans = parseInt(ele01.text()) + parseInt(ele02.text());

eleAns.text(ans);
symAns.$("TextCopy3").text(ans)
Read full article |Leave a comment
Tags: No tags
Categories: edge, 技術情報