javascript
先日の勉強会でちょっと話題になったので、作ってみました。 /** * @name jCount * @description 指定されたエレメントの残り文字数をカウントします * @param count 最大文字数(必須) * @param option 残り文字数を表示するエレメント(指定しない場合は<span class="maxcount" />にな</span>…
ウインドウの横に隠れるサイドナビゲーションJavaScript (side-bar.js) - youmos という記事を見かけて「これjQueryならもっと短く書けちゃうなぁ」と思ったので書きました。 jquery sidebar ソースを見ていただければ分かるのですが、Javascript部分はこ…
Textベースのプレゼンツールといえば、HTML Slidyだと私は思っていたのですが、S5というものもあって、それにscript.aculo.usを使用してエフェクト効果を加えた、presentacularという、カッチョイイのも存在するんですね。 で、さらにその「カッチョイイ」を…
PHP勉強会は毎回成果物として、プレゼン資料とコードを必須にしようと思っています。 今日は、HTML SlidyのCSSを書いていました。あとgoogle-code-prettifyとの連携です。 まず、CSS。ちょっと適当なのであまり真似をしないで下さいね。 slide.css * { margi…
曜日にも対応。とても便利っぽい日付関連Javascriptライブラリ。
[ThinkIT] 第2回:jQueryライブラリの内部とonloadイベント記法 (1/2) というわけでjQueryイチオシですよ。マジで。
役立ちそう。後で読む。
最近流行のHTML Slidy。使い方は HTML Slidy & Movable Type でプレゼンが詳しいです。個人的にはPowerPointやPDFというクライアントのPC環境に依存せずブラウザで完結しているのが非常に良いと思います。
ナイスだなぁ。はてなでも使いたい。
formの入力項目のバリデーションを行ってくれるJavascriptライブラリ。んでもいささか要素内に書くJavascriptの記述量が多いのでこっちのほうがいいと思います。 フォームの入力エラーを吹き出しで教えてくれる JavaScript これだと全角カナとか日本人に嬉し…
Spinelzとは Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 例えば、サイズ可変のウインドウや、アコーディオン状に開くメニュー、ま…
15 Days Of jQuery 個人的にはjQuery最高! と思っているので少しずつ読んでいこうかな。それこそ3週間くらいかけて。
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌 BlueShoes: JavaScript Collection 便利な世の中になりましたねぇ。
jQuery版を作る。 1.1がでたらしいので試してたら、これがまた上手く動かない。 $(document.body).background( "black" ); が1.1では動かない。1.04なら動作するけど。 ちなみにこんな感じでfont-sizeを変えようと思ったんだけど。 $(document.body).fontSiz…
Firefoxのみ再現。heightが全然足らない。むむむ…? あとJSPを外部指定したら複数回クリックすると画面が残る。要調査。
Remember The Milk - Signupみたいなことがお手軽にできるライブラリらしい。 サンプルコードはこんな感じ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})$/": validates_ok, "/^$/": validates_error+"必ず入力してくだ…
こりゃすごい。 昔同じような事を言われて、入力前と入力後の差分をとるためにformの内容をsessionに保存していたことがあった。苦い思い出である。 これからはこうしよう。
JSON/Json-libを使う - きのさいと 今jQueryを使っているから、DWRとか使うよりも軽そうでよいかも。 あくまで私がコーディングを担当する場合だけども。 そうなったら、体が持ちそうにないけども。 あと、あれです。今日jQueryでひっかかった部分。jQueryで…
わずか14kのJavascriptライブラリ。Ajaxと簡単なエフェクトをサポートしています。プラグインとしてスライドショウとアコーディオンが用意されています。 Webサイトにちょっとしたエフェクトが欲しい、というときには重宝すると思います。 …が、simpleslish.…
今回使いそうなプラグインをメモ。 bassistance.de » jQuery plugin: Tooltip Tooltipプラグイン Motherrussia! » TableSorter plug-in for jQuery tablesortプラグイン ThickBox 2.1 画像やHTMLを出力。Lightbox系。 Klaus Hartl - Stilbüro : Tabs Version…
仕事場のIEとOperaに入れておく。
Lightboxとiboxのいいとこどりをしたような感じ。んでも依存するライブラリが多いのが気になるところ。 使い方はこちらが詳しいです。 Ajax - LITBox(Lightbox風ダイアログ表示ライブラリ)の一歩先行く使い方 : アークウェブのブログ LITBoxの使い方サンプル…
先週Javaコミュの方々とお話していた時に「こんなの作ってるのでそろそろ公開しますよー。」とか言っていたのですが、なんか飽きてきた(私の悪癖)ので触りだけでも書いておこうと思います。 まず、事の発端は仕事でお世話になっているYさんとのこんな会話で…
Javascriptフレームワーク比較チャート:phpspot開発日誌より うーむ、基本的にはもうこの手のライブラリはPrototypeでいいと思うんですが、「戻る」ボタンの実装のあるDojoも気にはなるところ。 【ハウツー】Yahoo! UI LibraryでさくっとAjax! (1) Yahoo! UI…
Lightboxがバージョンアップしましたね。スライドショーの機能が追加されたのと、画像が表示されるエフェクトがちょっとコジャレた感じになりました。 でもprototype.jsとscriptaculous.jsに依存してるんですよね。もうlightじゃないや。なので、同様の処理…
Cross browser javascript calendar 仕事で使いそうなのでメモ。
意外だったんですけど、lightboxって表示する画像をサイズ指定することってできないんですね。だからLightbox Plusとかあるんだなぁ、と。iboxなら可能なのですが、今さら乗り換えるのも工数がかかるので適当に修正してみました。 まずHTML。 <a href="./images/xxx.jpg" rel="lightbox?height=400&width=600"> <img src="./images/zzz.jpg" alt="sample" width="150" height="75"> </a>ibox風にクエ…
jQuery: New Wave Javascriptの日本語メモ。すごく分かりやすく書かれています。全ての関数の扱いが$()に統一されているので学習コストは低いように思います。 jQuery は現在も非常に活発に開発されていますが,まだバグ等も良く見つかり,十分に安定はして…
IEで使用できるJavascriptデバッガ。IEのみ対応といったWebアプリが業務系では少なからず存在するので、使用することがあるかも。
かゆい所に手が届くという感じのJavascriptライブラリ集。こういうのをWebアプリに組み込むとユーザビリティが向上していい感じになるよなぁ。後はlightbox系のライブラリと組み合わせて、2.0っぽいデザインにすればシャレたWebアプリになりそう。