|
|
<source-path>
<path-element>C:\flex2\frameworks\source\</path-element>
</source-path>
| |
|
PhotoViewer-config.xml
|
<flex-config>
<use-network>true</use-network>
<benchmark>true</benchmark>
<compiler>
<incremental>true</incremental>
<source-path>
<path-element>C:\flex2\frameworks\libs\</path-element>
<path-element>C:\flex2\frameworks\source\</path-element>
</source-path>
</compiler>
</flex-config>
| |
|
|
|
|
|
|
[SWF(width=”600″, height=”480″, frameRate=”30″, backgroundColor=”#FFFFFF”)]
| |
|
lbox.as(utf-8)
|
// *********************************************************
// mxmlc lbox.as でビルド
//
// ◎ 背景は白
// ◎ 指定画像をオリジナルサイズで表示
// *********************************************************
package {
import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.net.*;
import flash.system.*;
// 背景色
[SWF(backgroundColor="#FFFFFF")]
// 表示用クラス 【Sprite】を継承
public class lbox extends Sprite {
// *********************************************************
// コンストラクタ
// *********************************************************
public function lbox():void {
var loader:Loader = new Loader();
// 読み込み完了イベントを登録
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
// 読み込み
loader.load(new URLRequest("http://winofsql.jp/image/winofsql.png"));
}
// *********************************************************
// 読み込み完了イベント
// *********************************************************
private function loadComplete(e:Event):void {
addChild(e.target.loader);
// 配置( 左詰め、上 )
stage.align = StageAlign.TOP_LEFT;
// 伸縮モード( そのまま )
stage.scaleMode = StageScaleMode.NO_SCALE;
}
}}
| |
|
|
|
lbox.htm
|
<object
classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0'
id='MyApp'
width='184'
height='63'
>
<param name='src' value='lbox.swf'>
<param name='allowScriptAccess' value='always'>
<embed
pluginspage='http://www.macromedia.com/go/getflashplayer'
src='lbox.swf'
name='MyApp'
width='184'
height='63'
/>
</object>
| |
|
load.js( http://winofsql.jp/php/cnvtext/frame.htm で作成 )
|
str='';
str+="<object \n classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' ";
str+="\n codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' ";
str+="\n id='MyApp' \n width='184' \n height='63' \n> ";
str+="\n <param name='src' value='lbox.swf'> ";
str+="\n <param name='allowScriptAccess' value='always'> ";
str+="\n \n <embed \n pluginspage='http://www.macromedia.com/go/getflashplayer' ";
str+=" \n src='lbox.swf' \n name='MyApp' \n width='184' ";
str+="\n height='63' \n /> \n</object> \n ";
str+="";
document.write(str);
| |
|
|
<SCRIPT language="javascript" type="text/javascript" src="load.js"></SCRIPT>
| |
|
|
JavaScript からアクセスする為のメソッドの追加 |
|
load.js はこちら
lbox.as(utf-8)
|
// *********************************************************
// mxmlc lbox.as でビルド
//
// ◎ 背景は白
// ◎ 指定画像をオリジナルサイズで表示
// *********************************************************
package {
import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.net.*;
import flash.system.*;
import flash.external.*;
// 背景色
[SWF(backgroundColor="#FFFFFF")]
// 表示用クラス 【Sprite】を継承
public class lbox extends Sprite {
// *********************************************************
// コンストラクタ
// *********************************************************
public function lbox():void {
var loader:Loader = new Loader();
// 読み込み完了イベントを登録
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
// 読み込み
loader.load(new URLRequest("http://winofsql.jp/image/winofsql.png"));
}
// *********************************************************
// 読み込み完了イベント
// *********************************************************
private function loadComplete(e:Event):void {
addChild(e.target.loader);
// 配置( 左詰め、上 )
stage.align = StageAlign.TOP_LEFT;
// 伸縮モード( そのまま )
stage.scaleMode = StageScaleMode.NO_SCALE;
// JavaScript に公開するメソッドの登録
ExternalInterface.addCallback("flexCopyClipboard",copyClipboard);
}
// *********************************************************
// クリップボードへ文字列をコピー
// *********************************************************
public function copyClipboard(data:String):void {
System.setClipboard(data);
}
}}
| |
|
|
<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<TITLE>HTML テンプレート</TITLE>
<SCRIPT language="javascript" type="text/javascript">
// *********************************************************
// 関数
// *********************************************************
function doAction() {
var txt = document.getElementById("text").value;
if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
document.getElementById("MyApp").flexCopyClipboard(txt);
}
else {
if (window.navigator.userAgent.toLowerCase().indexOf("opera") > -1) {
document.getElementsByName("MyApp")[1].flexCopyClipboard(txt);
}
else {
document.getElementsByName("MyApp")[0].flexCopyClipboard(txt);
}
}
}
</SCRIPT>
</HEAD>
<!-- *******************************************************
BODY
******************************************************** -->
<BODY>
<INPUT
type="button"
value="クリップボードヘコピー"
onClick='doAction();'
>
<HR>
<TEXTAREA
id=text
cols=100
rows=10
>日本語データ</TEXTAREA>
<SCRIPT
language="javascript"
type="text/javascript"
src="load.js">
</SCRIPT>
<DIV id="log">
</DIV>
</BODY>
</HTML>
| |
|
|
flex2 から JavaScript へのアクセス |
|
load.js はこちら
lbox.as(utf-8)
|
// *********************************************************
// mxmlc lbox.as でビルド
//
// ◎ 背景は白
// ◎ 指定画像をオリジナルサイズで表示
// *********************************************************
package {
import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.net.*;
import flash.system.*;
import flash.external.*;
// 背景色
[SWF(backgroundColor="#FFFFFF")]
// 表示用クラス 【Sprite】を継承
public class lbox extends Sprite {
// *********************************************************
// コンストラクタ
// *********************************************************
public function lbox():void {
var loader:Loader = new Loader();
// 読み込み完了イベントを登録
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
// 読み込み
loader.load(new URLRequest("http://winofsql.jp/image/winofsql.png"));
}
// *********************************************************
// 読み込み完了イベント
// *********************************************************
private function loadComplete(e:Event):void {
addChild(e.target.loader);
// 配置( 左詰め、上 )
stage.align = StageAlign.TOP_LEFT;
// 伸縮モード( そのまま )
stage.scaleMode = StageScaleMode.NO_SCALE;
// JavaScript に公開するメソッドの登録
ExternalInterface.addCallback("flexCopyClipboard",copyClipboard);
}
// *********************************************************
// クリップボードへ文字列をコピー
// *********************************************************
public function copyClipboard(data:String):void {
System.setClipboard(data);
ExternalInterface.call("flexLog",
"copyClipboard が呼び出されました<br>");
}
}}
| |
|
|
<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<TITLE>HTML テンプレート</TITLE>
<SCRIPT language="javascript" type="text/javascript">
// *********************************************************
// 関数
// *********************************************************
function doAction() {
var txt = document.getElementById("text").value;
if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
document.getElementById("MyApp").flexCopyClipboard(txt);
}
else {
if (window.navigator.userAgent.toLowerCase().indexOf("opera") > -1) {
document.getElementsByName("MyApp")[1].flexCopyClipboard(txt);
}
else {
document.getElementsByName("MyApp")[0].flexCopyClipboard(txt);
}
}
}
function flexLog( str ) {
document.getElementById("log").innerHTML += str;
}
</SCRIPT>
</HEAD>
<!-- *******************************************************
BODY
******************************************************** -->
<BODY>
<INPUT
type="button"
value="クリップボードヘコピー"
onClick='doAction();'
>
<HR>
<TEXTAREA
id=text
cols=100
rows=10
>日本語データ</TEXTAREA>
<SCRIPT
language="javascript"
type="text/javascript"
src="load.js">
</SCRIPT>
<DIV id="log">
</DIV>
</BODY>
</HTML>
| |
|
|
|
↓実行ページ
http://lightbox.on.coocan.jp/html/flex_img.htm
load.js はこちら
|
// *********************************************************
// mxmlc lbox.as でビルド
//
// ◎ 背景は白
// ◎ 指定画像をオリジナルサイズで表示
// *********************************************************
package {
import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.net.*;
import flash.system.*;
import flash.external.*;
import caurina.transitions.Tweener;
// 背景色
[SWF(backgroundColor="#DDDDDD")]
// 表示用クラス 【Sprite】を継承
public class lbox extends Sprite {
// *********************************************************
// コンストラクタ
// *********************************************************
public function lbox():void {
var loader:Loader = new Loader();
// 読み込み完了イベントを登録
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
// 読み込み
loader.load(new URLRequest("http://winofsql.jp/image/winofsql.png"));
}
// *********************************************************
// 読み込み完了イベント
// *********************************************************
private function loadComplete(e:Event):void {
addChild(e.target.loader);
// 配置( 左詰め、上 )
stage.align = StageAlign.TOP_LEFT;
// 伸縮モード( そのまま )
stage.scaleMode = StageScaleMode.NO_SCALE;
// JavaScript に公開するメソッドの登録
ExternalInterface.addCallback("flexAction",flexAction_01);
}
// *********************************************************
// 処理1
// *********************************************************
public function flexAction_01(data:Number):void {
if ( data == 1 ) {
Tweener.addTween(this, {
x: 600,
y: 200,
delay: 0.2,
rotation: 360,
transition:"easeOutElastic",
time:3
});
}
if ( data == 2 ) {
Tweener.addTween(this, {
x: 0,
y: 0,
delay: 0.2,
rotation: 720,
transition:"easeOutInBounce",
time:10
});
}
}
}}
| |
|
|
<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<TITLE>HTML テンプレート</TITLE>
<SCRIPT
language="javascript"
type="text/javascript"
src="http://homepage2.nifty.com/lightbox/prototype.js">
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
// *********************************************************
// 関数
// *********************************************************
function doAction(no) {
if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
document.getElementById("MyApp").flexAction(no);
}
else {
if (window.navigator.userAgent.toLowerCase().indexOf("opera") > -1) {
document.getElementsByName("MyApp")[1].flexAction(no);
}
else {
document.getElementsByName("MyApp")[0].flexAction(no);
}
}
}
</SCRIPT>
</HEAD>
<!-- *******************************************************
BODY
******************************************************** -->
<BODY>
<INPUT
id=b1
type="button"
value="アクション1"
onClick='doAction(1);$("b1").disabled=true;$("b2").disabled=false;'
>
<INPUT
id=b2
type="button"
value="アクション2"
onClick='doAction(2);$("b1").disabled=false;$("b2").disabled=true;'
disabled
>
<HR>
<SCRIPT
language="javascript"
type="text/javascript"
src="load.js">
</SCRIPT>
</BODY>
</HTML>
| |
|
|
|