今週、一番、感動したテク！！ javascriptで、tableタグの行を取得したい場合、tableのid.rows.lengthで取得できるみたいです。 試しにいくつかテストをしました。 <table id="hoge"> </table> <script type="text/javascript"> alert(hoge.rows.length); </script>
[javascript]tableの行数を取得する。
今週、一番、感動したテク！！ javascriptで、tableタグの行を取得したい場合、tableのid.rows.lengthで取得できるみたいです。 試しにいくつかテストをしました。 <table id="hoge"> </table> <script type="text/javascript"> alert(hoge.rows.length); </script>
複数のチェックボックスを同時にチェックする 全選択チェックボックス - [サンプルコード /JavaScript] ぺんたん info
全選択 チェックされるチェックボックスのname属性がそれぞれ違う場合 <form name="form" method="GET"> <input type="checkbox" name="aaa" onClick="AllChecked();" /> 全選択 <input type="checkbox" name="bbb1" /> <input type="checkbox" name="bbb2" /> <input type="checkbox" name="bbb3" /> </form> <script language="JavaScript" type="text/javascript"> <!-- function AllChecked(){ var check = document.form.aaa.checked; document.form.elements['
ブログの画像を後から読み込んでページを軽くするjavascript | 星光のつれづれ日記
ダウンロード 『Lazy Load Plugin for jQuery』 英語のサイトだけど下の方にスクロールするとdownloadがあるから、 sourceの方でもminifiedの方でも好きな方を右クリックでダウンロードしよう。 なぜこのプラグインなのか？ このプラグインを選んだ理由を書いておこう。 画像関係のプラグインでlightboxって言うのがあって、これは画像をクリックすると『うにょ～ん』と画像がポップアップしてくるやつだ。 そのlightboxで僕が使っている『WordPress用lightboxプラグイン作ってみた』と共存できるのが一番の理由だ。 今回紹介した以外の遅延読み込みに関しては『画像の遅延読み込み』を参考にして貰えば良いと思う。 使い方 このjavascriptはjQueryって言う物も必要だ。 ブログで既に使っている場合は良いんだけど、まだの時は以下のコードをヘ
Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ - Web学び
2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その１ 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に
prototype.jsを利用したスムーズなページスクロール | ユージック
prototype.jsを利用したスムーズなページスクロール 2007年3月14日 最新のPrototype version 1.5.1_rc1と最新のscript.aculo.usのeffects.jsをを使った超簡単でしかも高機能なページスクロールを実現できる記事を見つけたのでご紹介します。 auto-scrolling page navigation 以下のコードをauto-scroll.jsとして保存します。 Event.observe(window, 'load', function() { $$('a[href^=#]:not([href=#])').each(function(element) { element.observe('click', function(event) { new Effect.ScrollTo(this.hash.substr(1)); Event
dom:loaded [prototype.js]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet
dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。
ツールチップ｜prototype.jsベース｜Ajax｜PHP & JavaScript Room
HEAD <!-- JS --> <script type="text/javascript" src="prototype-1.5.0.js" charset="utf-8"></script> <script type="text/javascript" src="scriptaculous.js?load=builder,effects" charset="utf-8"></script> <script type="text/javascript" src="tooltips.js" charset="utf-8"></script> <!-- CSS --> <link rel="stylesheet" href="tooltips.css" media="screen" charset="utf-8" /> HTML <ul> <li><a href="#" title="ツー
prototype.js のフォームシリアライズ（Form.serialize）をテストする｜プログラムメモ
prototype.js の便利な機能に Form.serialize('フォームのid名前'); というのがありますが、これをテストしてみます。（↓添付ファイルをダウンロード後、prototype.jsを読み込ませて実行のこと） 実行してみてわかることは <textarea name="text" rows="3" id="text_id">bbb bbb bbb ＜/textarea＞ のところは text=bbb%0Abbb%0Abbb%0A という値が帰ってくるということ。調べたとろ htmlファイルの改行コードが「 LF 」「 CR+LF 」「 CR 」いずれの場合も %0A になる。 id ではなく name の値でシリアライズされる。 という事みたいです。 別ウィンドウのフォームをシリアライズするには。。。 別ウィンドウの DOM document インターフェイスは var
Prototype系ライブラリ サンプルプログラム
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <link rel="stylesheet" href="css/main.css" type="text/css" media="all"> <script type="text/javascript" src="js/prototype.js" charset="shift_jis"></script> <script type="text/javascript"><!-- Event.observe(window, "load", fu
データ ＆ アナリティクス | アクセンチュア
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
addEventListener()の第３引数の意味とかをちゃんと理解する為のメモ - 今日もスミマセン。
Web上でUIをマジメに作ろうとするとイベントの仕組みをちゃんと理解しておく必要がある。 jQueryとか便利なライブラリつかえばある程度簡単にできるんだろうけど、いろいろ制約あってそれらのライブラリが使えない場合もあるので、ちゃんと理解するためにメモしておく。 イベント伝播の順番 W3Cのドキュメントに分かりやすい図があったので引用する。 The capture phase: the event is dispatched to the target's ancestors from the root of the tree to the direct parent of the target node. The target phase: the event is dispatched to the target node. The bubbling phase: the event
Webアプリケーション用HTMLエディタ「FCKeditor」を使う
連載目次 「FCKeditor」は、JavaScriptで記述されたオープンソースのHTMLエディタです（「FCK」は作者であるFrederico Caldeira Knabben氏のイニシャル）。MovableTypeやXOOPSといったCMSやBlogツールなどに、ページ作成用の部品として組み込まれているのを目にしたことがあるかもしれません。 FCKeditorを用いると、HTMLタグを直接記述することなく、HTMLベースのリッチなドキュメントの作成が可能になります。以下はFCKeditor（のコントロール）を組み込んだASP.NETのページの表示例です。また、FCKeditorのホームページにあるデモ・ページでは、実際にその動作を試すことができます。 FCKeditorはCMSやBlogなどの特定のWebアプリケーションに利用が限定されるものではなく、PerlやPHPなどで作成する自
Prototype系ライブラリ サンプルプログラム
このページはAjaxライブラリの1つであるPrototypeライブラリ系のライブラリの各種サンプルコードを掲載しています。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 一般的なJavaScriptに関するサンプルに関しては以下のサイトを参照してください。 JavaScript例文辞典 JavaScript例文辞典（新） Last update : 2008/7/23 PM 3:53 2008 Copyright 古籏一浩(KaZuhiro FuRuhata) ■Accordion ライブラリを読み込む アコーディオンを表示する アコーディオンを縦に表示する（横にスライドし展開表示する） 展開速度を指定する 展開処理するためのイベントを指定する 最初に表示するパネルを指定する ■DatePicker ライブラリを読み込む カレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascriptでクエリを取得する｜DIGITAL SQUADブログ
http://www.tricky-code.net/mine/javascript/js02ajax.php
layer8.sh
[JavaScriptイベントのcaptureとbubblingの実感しやすいサンプル] by シロのITメモ
S2ファクトリー | Web/アプリ/システム/デザイン/ディレクション
dblclick(fn) - jQuery 日本語リファレンス
Site Cooler NZ | Points to Note When Shopping for a Washing Machine