prototype.jsのイベント | GENDOSU@NET
prototype.jsで、エレメントにイベントを設定する <div id="test">test</div> このタグにクリックイベントを付ける時は $('test').observe('click', function(event){ alert('testをクリック'); }); prototype.jsのイベントとして指定出来るイベント ページのイベント load ページが読み込まれた時 dom:loaded ページが読み込まれた時(イメージなどは読み込み完了していなくても発動) ※DOMツリーの構築が終わっていても描画が終わっていない場合があるので、このイベント内で$('test’).style.height のようなプロパティを見ても0やnullが入っている場合がある。 unload ページが閉じられる時 resize ページのサイズが変更された時 abort ページの読み込み
付録 prototype.js：通信を中断する
prototype.jsはデータの通信を開始した際にonLoadingイベントが発生します。この時に通信用のオブジェクトをグローバル変数に入れておきます。あとは、abort()メソッドで通信を中断することができます。ただし、この方法が良いとは考えられないので他に良い方法があるはずです。（サンプルを実行する） <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>prototype.jsサンプル</title> <script src="prototype.js" type="text/javascript"></script> <script type="text/javascript"><!-- gHttpObj = null; function waitData()
配列要素を逆順に並べ替える [Ajax - (reverse) - prototype.js - 配列 - Tips]
1. ダウンロードしたprototype.jsを読み込みます。 <script type="text/javascript" src="prototype.js"></script> 2. indexOfメソッドを実行します。 // 配列を宣言して値をセットする var myArray = new Array("ABC", "DEF", "GHI"); // 配列要素を逆順に入れ替える // この例では"GHI", "DEF", "ABC"という配列を返す var afterArray = beforeArray.reverse(false);
指定したフォーム／フィールドへの入力を禁止する
サンプルコード [実行] <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <link rel="stylesheet" href="main.css" type="text/css" media="all"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"><!-- function disElement() { $("comment").disable(); } function disForm() { $("eForm").disable(); } // --></script> </head> <
無料サービスを使え！ – 役立つ無料サービスのレビュー、まとめ、比較記事を紹介
コンテンツへスキップ 無料で使える！HubSpotの顧客リストの活用法 無料のアンケート作成ツール 比較／まとめ 無料「Excel」 テンプレート 比較／まとめ 無料で使えるノートアプリ比較 (Evernote / OneNote / Google Keep) おすすめの無料Web会議システム5選 WebP Converter 徹底解説！初心者でも直ぐに使える HubSpot は、マーケティング、セールス、サービスのためのCRM（Continue reading 多くの人の声を聞くことで改善できることも多い 企業や団体など運営していContinue reading 就職・転職には必須となる履歴書・職務経歴書 これから就職活動をスタートContinue reading 便利なノートアプリで効率的な仕事をしよう いつの時代も仕事をしていてメContinue reading 近年、リモートワーク
2006-12-21
自分用メモ TBODY要素にid指定してDOMアクセスしようとしてはいけない。（IE6だとまず動かない) Ajax.UpdaterのcontainerにTEXTAREA要素を指定してはいけない。 prototype.jsのElement.updateメソッドで更新しようとするが、innerHTMLに対して操作しようとするので動かない。 update: function(element, html) { if($(element).tagName.toLowerCase()=='textarea'){ $(element).value = html.stripScripts(); } else { $(element).innerHTML = html.stripScripts(); } setTimeout(function() {html.evalScripts()}, 10); },こ
Happy Programming » Prototype.jsを使った時、IEで注意する事
またまた"Prototype.js"についてのちょっとしたメモ 下記のような簡単なスクリプトで document.observe('dom:loaded', function(event) { var item = new Image(); item.src = 'image.jpg'; $$('body')[0].insert(item); item.observe('click', function(event) { alert(event.element().src); }); }); SafariやFirefox、Operaでは問題なく写真をクリックしたときにイベントが実行される ところがIEでは実行されない。ステータスバーにはエラーのアイコン。 メッセージを見てみると"item.observe('click', function(event){})"の部分が問題ありらしい ite
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
scriptaculous.jsでスムーススクロール。 – 伊藤清徳の垂直落下式ムーンサルトプレス
symfony1.0系 Form 動的入力チェック observe_field | RoguMe
https://yaplog.jp/movieee/archive/174
sonson.jp
S2ファクトリー | Web/アプリ/システム/デザイン/ディレクション