テーブルのヘッダを固定してスクロールする jQuery プラグイン – OTCHY.NET
Excel のウィンドウ枠の固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための jQuery プラグインを書きました。 マークアップはシンプルで、普通にテーブルを書いたら、jQuery の作法でプラグインを呼び出すだけです。 jQuery のおれおれプラグインはいくつか書いた事がありましたが、こうやって公開するのは初めてです。ごてごての機能が欲しいんじゃなくて、単に既存のテーブルを固定スクロール化したいだけの時に、いいのが見つからなくて書いたので、けっこうニーズがあるんじゃないかと思ってます。 下記は簡単なサンプルです。詳細は専用ページを見てみて下さい。 HTML <table id="tablefix"> <thead> <tr> <th rowspan="2">ヘッダA</th> <th rowspan="2">ヘッダB</th> <th colspan
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
[JavaScript]シンプルなポップアップカレンダー DQNEO Calendar - DQNEO起業日記
DQNEO Calendar は、Googleカレンダー風の日付入力ツールです。 JKL CalendarをGoogleカレンダー風にアレンジしたものです。 JavaScriptが分らない人でも導入できるように、設置方法を簡単にしました。 誰でも簡単に設置できると思います。 デモ ←クリック (ここにカレンダーが表示されます。) ダウンロード dqneo-calendar-0.1.js （右クリックで保存できます。） 設置方法 １．HTMLファイルの<head>～</head>タグ内で次のように書きます。 <script src="dqneo-calendar-0.1.js" charset="utf-8"></script> <script> var cal1 = new DQNEO.Calendar("cal1"); </script> ２．<body>～</body>タグ
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
IE7 window.close()で確認ダイアログを出さずに閉じる
Feedback # re: IE7 window.close()で確認ダイアログを出さずに閉じる 2007/08/30 0:53 中博俊 昔からの回避ロジックのうちのひとつ。 なぞ # re: IE7 window.close()で確認ダイアログを出さずに閉じる 2007/08/30 6:48 かずき みたいですね～ ずっと、回避出来ないと思ってたんでびっくりしました… # IE7で window.open しつつ 自分を window.close する 2007/09/27 11:22 主婦と.NETと犬のぶろぐ IE7で window.open しつつ 自分を window.close する # re: IE7 window.close()で確認ダイアログを出さずに閉じる 2008/10/27 8:52 工藤 困っていたので助かりました。 工藤 # re: IE7 window.cl
IE7で window.open しつつ 自分を window.close する
奥様 と プログラム と お犬様 の 楽しい日常 目次 ホーム 連絡をする RSS Login Blog 利用状況 投稿数 - 193 記事 - 1 コメント - 20452 トラックバック - 27 ニュース なおこ(・∀・)＠わんくま同盟 お世話になっている方のリンク お犬様同盟 ｐｕ２ｐｕ２(ぷにぷに) share-ride ナツの日々 鈴りんRing 黒柴ブログ 不二子ちゃ～ん 相変わらず暇なので、また誰の役にも立たないであろう事を調べていました。 かずきさんのエントリ でも紹介されていましたが、 javascript on IE7 で新しい Window を開きつつ、自分のウィンドウを閉じる。という方法です。 GuyFromChennai さんのところのコメントで発見しました。 IE7 と IE6 は動きましたが、FF2 はだめっぽいです。親画面が残ってしまいます。 一番いいのは
ポップアップブロック回避策
ASP.NETに限らずWebシステムではJavascriptのwindow.open()を使いサブウィンドウを開く場面がよくある。 これがWindowsXP ServicePack2から導入され、Googleツールバーにもあるポップアップブロックによって、効かなくなることがある。それぞれ設定を解除させれば良いが、今回紹介するのは設定解除することなく、回避する方法である。 調べてみると意外に簡単に方法が見つかった。 そもそもポップアップブロックはユーザーが自らの意思でボタンを押したものには働かない。自動で(勝手に)開くウィンドウを阻止するものである。よってサーバーサイドで実行したものは必ずブロックされてしまう。 そこでクライアントサイドのOnClickイベント内で開くように変更すれば良いのである。 例：onclick="window.open('hoge.aspx');return fals
target="_blank"を使わずに別ウィンドウで開く
通常外部リンクなどを別窓で開く際に、target="_blank"を使うと思うのですが、コレは非推奨となっているので、もうちょっと美しく別窓で開くにはどうしたらいいか？ と何度か考えた事がありますが、適当にぐぐると、JavaScriptを使うものが何点かあるけど、ソレもイマイチスマートじゃない。 例えば下記で紹介されているような。 http://allabout.co.jp/internet/hpcreate/closeup/CU20040118A/ コレはコレで今までの問題を解決するにはいいのかなーと思うのですが、ボクが個人的に求めているのはもうちょっとスマートなやり方。 今まで、この問題に関して深く調べた事が無かったのですが、雲のむこうの人からこういう方法もあるよ。 って教わったので、今回はそのやり方を紹介いたします。 取り合えず、何だかんだ言って結局JavaScriptを使うわけです
trim関数 - No Programming, No Life
JavaScriptの文字列クラスにはtrimメソッドがないので 以下のように実装。 /* 端の無駄なスペースを削除 */ str = str.replace(/^\s+|\s+$/g, ""); \s は 空白文字。 ^ は 先頭 $ は 末尾 | は OR + は 1回以上出現 g は 2,3番目にもヒット ヒットした前後の空白文字を空文字("")に変換してくれます。 ※全角スペースもトリムするなら \s を [\s ] とかにすればよいでしょう。 2008-04-28追記 当エントリーが当ブログでの一番人気？のようなので、最近の書き方も載せておきます。 意外とtrim関数の需要って多いんですね。 String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ""); } 使用例 var str = " a
クロスブラウザのJavaScriptコードを書くときに気をつけること | エンタープライズ | マイコミジャーナル
Mozilla Foundation, JavaScript Evangelist, John Resig氏は2月29日(米国時間)、自身のブログにおいてBad Object DetectionのタイトルのもとクロスブラウザのJavaScriptコードを記述する際の注意事項をまとめている。同氏はJavaScript Ajax WebアプリケーションフレームワークjQueryの主要開発者であり、このあたりの事情に精通している。 オブジェクト検出の記述例 同氏はクロスブラウザのJavaScriptコードを記述するには、使いたい機能ごとに使えるかどうかを検出する方法が一般的なやり方だと説明。オブジェクト検出の方法はケースバイケースで違うとし、いくつかの例を紹介している。特定のプロパティが存在するかどうかで機能の有無を判断する方法が紹介されている。 ただしこうした方法は、未知のブラウザに対しての動
Ext UIをXMLで制作、ExtTLD登場 - Eclipse開発サポートあり | エンタープライズ | マイコミジャーナル
JavaScript Ajaxフレームワークとして最近注目されているもののひとつにExt JSがある。Ext JSは現存するJavaScript Ajaxフレームワークの中では群を抜いてUIの性能がいい。実になめらかに、そしてデスクトップアプリケーションと同じように動作するアプリケーションに魅了されるデベロッパは少なくない。 2008年1月にはいってから、Ext JSを使ってUIを実現するアプリケーションExtTLDが発表されたので紹介したい。ExtTLDはJEEでExt JSを活用するためのアプリケーションで、JavaとExt JSの結合を実現するJSPタブライブラリジェネレータとして動作する。UIはXMLファイルの形式で制作できる。 開発用にEclipseプラグインが用意されているほか、Hibernateを使うためのHibernateStoreコンポーネントの用意、DWRインテグレーシ
使いやすい DHTML ポップアップなどを実現する「DragResize.js」を作りました - WebOS Goodies
本日は、現在製作中のツールの副産物としてできた、 HTML 要素をドラッグ・リサイズするライブラリをご紹介します。 DHTML でポップアップウインドウなどを実現するのに便利です。そんなライブラリいくらでもあるよ！と言われそうですが、けっこう頑張って座標補正などしていて、以下の特徴があります。 要素がドキュメントからはみ出さないように補正する。 ドラッグ中にスクロールしてもドラッグ位置がずれない。 要素が表示領域外に出たときは自動スクロール。 DragResize クラスを除き、グローバルな名前空間を汚染しない。 他のライブラリに依存せず、単独で動作する。 若干の制限はあるものの、概ねクロスブラウザで動作する。 なるべくデスクトップに近い操作性を得られるように工夫したつもりです。とくに利用制限などはありませんので、改変や商用アプリへの組み込みなど、ご自由にお使いください。ただし、動作保証な
Ext JS 2.0 API Documentation 日本語版
深夜にお疲れ様です～小堤です～。 さて、なんかだぁれもやってないので、ってのと。 あと、Blogでリファレンスを和訳するのは、記述するのが大変めんどいので、本家のAPI Documentationをそのまま翻訳していくことにしました。 相変わらず、翻訳適当ですが、ごめんなさい。 まだ、トップしか日本語化してませんが、とりあえず今あるやつを後で反映しておきたいと思います。 別に許可とってやってるわけではないので、もし作者サイドに文句いわれたらクローズドにするつもりです（ぇ？ Ext JS 2.0 API Documentation 日本語版 なんか、誰かの役に立てばいいな。 まぁ全て自分が忘れっぽいのでメモなだけのはヒミツ。 早速始めて見たけど、結構大変（あたりまえ）本家はソースコードから生成しているんだし、そりゃ大変だよね。 でも一度作ってしまえば、変更箇所だけ直していけばいいし、メモとし
submit ボタン disable 技の罠 - naoyaのはてなダイアリー
昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。 罠というのは、type="submit" な input 要素、つまりは submit ボタンを onsubmit ハンドラで disable するまでは良いのですが、このとき <input type="submit" name="foo" value="bar">としていて、foo=bar という値が渡ってくることを期待し、それを内部の処理に使っていると嫌な目に逢う、という話です。先のやり方では input 要素が disable になって GET なり POST なりされるので、押したボタンに対応するパラメータが渡ってこない、というわけです。一
JavaScript++かも日記 - 1997年からの
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者ですTT jQueryを使ったカレンダーのことについて教えて下さい。 - JavaScript - 教えて！goo
http://www.res-system.com/weblog/item/542
JavaScript Examples: 第３１回 ExcelのWebビューアをJavaScriptで作る
http://c2.com/cgi/wiki?JavaScriptCodingStandard