自分ひとりでWEBページをつくる場合はそれほど気にならないが、
デザイナーさんと同時につくるとき、HTMLとjavascriptの分離は必要かもしれない。
デザイナーさんのjavascriptに対する拒否反応はプログラマーには分からない。
というか分からなかった。
ちょっと調べてみると以下のサイトが見つかったので、参考にリンクを貼る。
イベントハンドラをHTMLから分離する
http://allabout.co.jp/internet/javascript/subject/msubsub_series_javascript06.htm
Wednesday, July 16, 2008
Tuesday, July 15, 2008
Flash CS3 超初心者入門
Flash CS3 超初心者入門
新規＞Flashファイル AS3.0を選択。
ボタンをドキュメントに配置する。
ボタンは「ウィンドウ」＞「コンポーネント」＞User Interfaceからドラックする
ボタンをクリックし、プロパティで「インスタンス名」に「btn1」とする
ウィンドウ＞アクションで「アクションウィンドウ」を表示。
レイヤーをクリックし、アクション フレームに以下のように書く。
function hogehoge(e){
trace("hogehoge");
};
btn1.addEventListener(MouseEvent.CLICK,hogehoge);
デバッグを選択すると出力に traceの内容が表示される。
ファイル＞パブリッシュプレビューを選択で確認もできます。
新規＞Flashファイル AS3.0を選択。
ボタンをドキュメントに配置する。
ボタンは「ウィンドウ」＞「コンポーネント」＞User Interfaceからドラックする
ボタンをクリックし、プロパティで「インスタンス名」に「btn1」とする
ウィンドウ＞アクションで「アクションウィンドウ」を表示。
レイヤーをクリックし、アクション フレームに以下のように書く。
function hogehoge(e){
trace("hogehoge");
};
btn1.addEventListener(MouseEvent.CLICK,hogehoge);
デバッグを選択すると出力に traceの内容が表示される。
ファイル＞パブリッシュプレビューを選択で確認もできます。
Wednesday, July 09, 2008
Jquery HTML フォームの連携のサンプル
inputタグとFrom IDのサンプルです。
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<SCRIPT LANGUAGE="javascript">
$(function ()
{
$('#p').submit(function ()
{
if(!$('input[@name=email]').val()) {
alert("メールアドレスを入力してください");
return false;
}else{
return true;
}
});
});
</SCRIPT>
</head>
<body>
<form id="p" method=post action=hoge.php>
<input name="email" type="text" />
<input name="submit" type="image" src="images/btn.gif" alt="送信する" >
</form>
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<SCRIPT LANGUAGE="javascript">
$(function ()
{
$('#p').submit(function ()
{
if(!$('input[@name=email]').val()) {
alert("メールアドレスを入力してください");
return false;
}else{
return true;
}
});
});
</SCRIPT>
</head>
<body>
<form id="p" method=post action=hoge.php>
<input name="email" type="text" />
<input name="submit" type="image" src="images/btn.gif" alt="送信する" >
</form>
Subscribe to:
Posts (Atom)