あらびき林檎。 - JavaScrpit Archive

HTMLファイル内部に記述された<object>、<embed>、または<apple>tタグを使用してコーディングされたアクティブコンテンツを表示する前に、ユーザにクリックを促すメッセージが表示されます。ただし、複雑なFlash検出スクリプトを使用したサイトなど、外部スクリプトファイル（JavaScriptなど）によって生成されたタグを使用するHTMLページは、変化なく正常な動作を続けます。

外部JavaScriptソリューション1：埋め込みコンテンツが1つまたは数個の場合
外部JavaScriptソリューション2：複数の埋め込みコンテンツがある場合

AC_RunActiveContent.js：

AC_RunActiveContent.jsのダウンロード
外部JavaScriptソリューション2：複数の埋め込みコンテンツがある場合で、FlashおよびShockwaveコンテンツの回避策に使用するファイル。

利用方法

1. AC_FL_RunContent.jsをアップして、読み込む。
2. AC_FL_RunContent()にパラメーターを記述して呼び出す。
3. noscript部分に、JavaScript OFF時の代替手段を記述する。代替Gifでも可能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','100','height','22','src','button1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','button1' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="22">
  <param name="movie" value="button1.swf" />
  <param name="quality" value="high" />
  <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="22"></embed>
</object></noscript>
</body>
</html>

Comments: 0
Trackbacks: 0

PhoneGap HTML/CSS/JavaScript　Androidアプリで試してみる。

2010-11-23 (火)
Android | Androidアプリ | HTML/CSS | JavaScrpit | PhoneGap

入門 Android 2 プログラミング (Programmer’s SELECTION)

前回、iPhoneアプリで試してみた、HTML/CSS/JavaScriptで、iPhoneアプリ／Androidアプリを作るフレームワーク、「PhoneGap」を、Androidアプリでも試してみました。

1. PhoneGapをダウンロードする。

PhoneGap公式サイト:(http://www.phonegap.com/)から、PhoneGapをダウンロードします。※この段階では、Ver0.92でした。

PhoneGap-Android-Zip

Androidフォルダをそのまま、Androidのワークスペースにコピーします。

2.EclipseでAndroidプロジェクトを新規作成します。

Android New PhoneGap Project

※Mac OSX10.6.4, Eclipse Helios (3.6.1), Android SDK2.2で試したみた履歴です。

「Create project from existing source」を選択し、先ほど展開したPhonegapのAndroidのsampleを指定します。
デフォルトだと、Target Buildが、Android1.1ですが、そのまま選択するとビルドエラーが起きるので、Android 2.2を選択します。（多分1.5以上なら問題ないのではないかと思います。）

3. HTMLコーディングします。

phonegap-android-www

このようなAndroidプロジェクトが作成されます。
“www”フォルダに、”index.html”があるので、こちらを編集すると、ハイブリットアプリケーションができます。

4. エミュレーターで動かしてみる。

Androidエミュレーター

今回は、サンプルのままビルドしてみました。
色々なネイティブ機能が、JavaScriptで動作するのが確認できました！

参考資料

Comments: 0
Trackbacks: 1

JavaScrpit Archive

iPhone タッチイベント

Apple資料

タッチ数の取得

タッチ座標（x, y）の取得

Flashを1回クリックしないと操作できなくなる問題

1. Adobe資料

2.Adobe Active Contents Developer Centerより引用