category: [Web]JavaScript/Ajax  1/2

スポンサーサイト

No image

自分メモ。

No image

誰が見ても意味がわからない自分用のメモ with jQuery。 // 現在のURLからファイル名を取得 myFileName = location.href.match(".+/(.+?)$")[1]; // class「menu」を持つ要素を走査 $(".menu").each(function(){ // CSSのclass「open」が無ければ閉じる // ※openを有する所は初期値で開けておく if (!($(this).hasClass("open"))){ $(this).hide(); } else { // openしている.menu内のliタグを走査 ...

FC2拍手+JavaScript

No image

FC2拍手(blogのではなく)をHTMLページに張る時、後ろにパラメータとしてURL&ページタイトルをつけることが出来ます。そうすることで、どのページで拍手されたのかを判断出来るわけですが、これをいちいち静的HTMLに書くのが面倒くさい! …という私は、JavaScriptでパラメータをつけるように改造してみたり。JavaScriptを使うと  ページのURLは「document.URL」、  ページのタイトル(titleタグの中身)は「document.title...

PNG と IE6

No image

Webで公開(&配布)されてたJavaScriptのメニューサンプルが可愛かったので、ダウンロードしてみたんだけど、画像が透過PNGで、IE6では只のグレー画像と化してしまってしょんぼり…公開してるページを見た時はFireFoxだったから分からなかったんだよね。割と海外で公開配布されてるTips系のは、透過PNGをばりばり使っているものが多い気がするんですが、でもIE6の透過PNGが表示されないよ対策はしてないものが殆ど、と感じます。た...

知らないうちにjQuery1.3が!

No image

jQueryのアップデートがあり、1.3が発表になってたようで!いきなり1.3に手持ちの物を切り替えていくのは厳しいので、ゆっくりと調べていくしかないなぁ。とりあえず大事な備忘録としては、これ。◆attributeの書き方(属性指定)で「@」廃止(というか禁止。使うとエラー)◆jQuery.ready()関数が、CSSのロードを待つ保証が無くなった。→CSS取得後でないと動かしたくない処理がある場合は、scriptタグより前にCSS定義を書けってこと...

MJL (MITSUE-LINKS JavaScript Library)

No image

MJL (MITSUE-LINKS JavaScript Library)ざっと読む限り、すごく便利そうな感じがする。- ライセンスはGNU GPL- できること* 画像のロールオーバー* Adobe Flashオブジェクト埋め込みの機能拡張* 新規ウインドウの作成* スタイルスイッチャの実装* タブインターフェイスの実装* 要素の高さ揃え- 特徴* クロスプラットフォーム(Mozilla Firefox、Apple Safari、Opera、Internet Explorerのサポート)* 他ライブラリ非依存* 他ライブ...

Client Side Include

No image

CSIって書くとドラマみたいですね!(笑) でも久々にJavaScriptの話です。サーバ側で動かすSSIに呼応して、クライアント側で動かすクライアントサイドインクルード、つまりCSIという呼び方がされている技術があります。このCSIを実現するためのJavaScriptを検索すると「sprinkle.js」というソースがヒットします。が、現在そのソースを配布していたサイトは閉鎖(or行方不明?)になっているようで、ソースを手に入れることは難...

Ajax.Updater+404 Not Found=?

No image

ちょろちょろと書いてるprototype.jsとjQuery両方のライブラリを使って、同じ動作をするものを作ってみよう…の第3弾として、Ajaxらしく、別ファイルを読み込んでページ内に表示する…というものをやろうとしたのですよ。実際、ページ内に表示する動作はサクサクっと実現出来たんですが、エラー処理の部分でちょっと――というか、かなり? もたもたしています。こういう動作をやる場合、普通にAjax.Updater(*prototype.js)又はobje...

prototype.js/jQueryでフォーム操作(1)

前回に続いて、今度はフォームの操作を行うJavaScriptのサンプルっぽいものを作成。サンプルページはこちら基本コンセプトは『選択した項目の値によって、別項目の初期値を切り替えたり、使用可・不可を切り替えたりする』動作をJavaScriptで制御する、というもの。実際に作ってみての感想は、prototype.jsだと$Fのように、フォームの値を直接読み込むようなものが用意されていたりなど、フォーム関連の処理(?)が結構簡単だった...

prototype.jsでリスト開閉

なんだか結構暇だったので(…)ちょっとこんなものを作ったりしてました。リスト開閉サンプルページはこちらかなりざっくりとしたサンプルです 誰のためと言うより、自分の備忘録みたいな感じなので、コレくらいでいいかなぁ…と。一応コンセプトは次のような感じ。初期値ではリスト1のみOPEN。リスト2・3は閉じている。リスト1~3のリンクをクリックすると、それに応じて開閉する。初期状態のOPEN/CLOSE設定も、prototype.jsを使...

何を選ぶ?

No image

最近ちょっと気になって調べていたことがあるんです。Ajaxianでの「Ajaxian 2007 Survey Results」によると、『The frameworks that you have used or considered using』(→使ったことがある or 使おうと思っているフレームワーク)は、1位:Prototype(68.4%)2位:Scriptaculous(58.7%)3位:jQuery(47.5%)4位:Yahoo UI(40.3%)5位:Dojo(38.3%)        ~以下略と言う風になっていました。前年(2006年)...

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。