Six Revisionsのエントリーから、カレンダーや日付をフォームに入力するスクリプトを紹介します。 Fantastic, Free Calendar and Datepicker Scripts
[JS]カレンダーや日付ピッカーのスクリプト集
Six Revisionsのエントリーから、カレンダーや日付をフォームに入力するスクリプトを紹介します。 Fantastic, Free Calendar and Datepicker Scripts
サイト内にウィンドウを開く「Prototype Window 」
サイト内にウィンドウを開く「Prototype Window 」 Prototype Windowはウェブサイト内にウィンドウを開く為のJavaScript ライブラリになります。 Prototype WindowはPrototype.jsを拡張するUIライブラリです。 また、「script.aculo.us 」のエフェクトも利用することが可能です。 利用方法 まずは、配布ページよりPrototype Window 本体をダウンロードします。 ダウンロードしたファイルからwindow.jsとprototype.jsをhead要素内などで読み込みます。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="window.js"></script> 次にテー
iPhoneのロック解除の際のあのUIをJavaScriptで実現:phpspot開発日誌
aboone.com Blog Archive JavaScript iPhone Lock Slider with jQuery iPhoneのロック解除の際のあのUIをJavaScriptで実現。 解除した際のイベントハンドラを登録することができ、サイト上では解除した際に背景色を変えるようなサンプルを確認できます。 面白いＵＩなので、ちょっと覚えておくと小ネタとして使えそう 関連エントリ JavaScriptでページスライダー用ライブラリいろいろ iPodスタイルのドリルダウンメニュー実装サンプル
全てのtextareaを自動的にリサイズするJavaScriptとGreasemonkey (Kanasansoft Web Lab.)
(function(){ var addEvent= function(element,eventName,handler){ if(element.addEventListener){ element.addEventListener(eventName,handler,true); }else{ element.attachEvent("on"+eventName,handler); } } addEvent( window, "load", function(){ var getLength= function(str){ return str.length+str.replace(/[\x0-\xff]/g,"").length; } var sort= (function(getLength){ var _getLength=getLength; return function(
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
GlassBox 透明感のあるデザインをJavaScriptで実装する
GlassBox Don't panic! It's not magic. It's only a simple solution to create another kind of boxes. GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and "Flash-like" effects. The GlassBox library .. is easy to use, customizable and skinnable comes with a coheren
jQuery 開発者向けメモ - プラグイン
プラグイン プラグインに多数あります． また，標準の UI プラグインとして，jQuery UIがあります． jQuery UI Drag&Drop や多数のエフェクト効果を取りそろえたプラグインです． jQuery 本体のエフェクトで物足りないときは，まずこちらをチェックしましょう． 詳しくは以下のページを参照してください． jQuery UI http://ui.jquery.com/ jQuery UI デモ http://ui.jquery.com/demos GreyBox 同じ画面内にウィンドウを出し，その中に画像やHTMLを表示するプラグインです． GreyBox (デモは Examples のところを参照) http://orangoo.com/labs/GreyBox/ Flot canvasを使って，JavaScript グラフを描けるプラグインです． IE でも，ex
404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節
2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var
2007年11月度のweb製作者向けベストエントリ27個まとめ part6*ホームページを作る人のネタ帳
11月はGoogleページランクの影響が世界的に出た月でしたね。 有料リンクについていろいろ議論されてました。 今回はすっかり忘れていたんですが、11月中に注目を集めたものをご紹介いたします。 トップ記事 gOS - Discover a good OS. Googleが作ったわけではありませんが、非常に話題性の高いもの。 Linuxディストリビューションのひとつ。ubuntuベースのOS。 以下の濃厚レビューが参考になりますね。 gOSインストールと雑感 - ubuntu日記 SEO診断ツール Dipper β（ディッパー）－Septeni－ 以下の診断を全自動で行ってくれるサービス。 ・対象キーワードの自然検索での順位 ・対象キーワードの検索結果数 ・Googleページランク ・Yahoo!ディレクトリ登録の有無 ・被リンク数 ・インデックス数 ・対象キーワードの出現頻度 ・サイト構造
Ajaxorized » 3d image reflection with javascript
Todos sabemos que una de las capitales más independientes y liberales es Amsterdam, pues sus leyes permiten vivir situaciones y consumir productos que en otros países nunca podrán ser legalizados, de la misma manera el sexo puede ser realmente una prohibición que Amsterdam ha dejado atrás hace mucho tiempo. Uno de los parques de mayor influencia en la capital de los países bajos es el parque Vodel
[JS]タブを上下にアニメーションで切り替えるナビゲーションのチュートリアル
NETTUTSのエントリーから、タブを上下にアニメーションで切り替えるナビゲーションのスタイルシートとjQueryを使用したスクリプトの紹介です。 タブ型のインターフェイスとしては、ちょっと珍しい動きをするナビゲーションです。
Dynamic Drive DHTML Scripts- Bullet Image Link script
A premium domain name exclusively for sale on the BrandBucket network. Dynamic Drive: A vibrant, forceful name that conveys motion and innovation, suggesting cutting-edge technology and forward-thinking solutions. Possible uses: A mobile app for car diagnostics. A tech platform for logistics. An adaptive learning software. Full ownership of domain dynamicdrive.com. Logo design source files and rig
mootoolsはいろいろできるみたいだ。 - SHOWTIME:WEB STUDY: とあるweb制作者のサイト
html,css,javascript,mt,flash,fireworks,dreamweaverまでウエブに関する技術的な事をとにかくメモってみるサイト 最近ではもはや当たり前？になってきたmootoolsですが、 いろんな人がmootoolsを使っていろんな事をしているみたいです。 調べていくうちにこのmootoolsを使えばほとんどの事はできるのではと感じてきました。 ですので、とりあえず、列記。 mootools - home http://mootools.net/ ▲本家 mootools demos - start http://demos.mootools.net/ ▲本家のデモ lightboxならぬSlimbox →機能的にlightboxと同じ、が、軽く感じるのは僕だけ？ Slimbox, the ultimate lightweight Lightb
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
lockエラー | 月額200円からのレンタルサーバー JSN
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
[JS]フラッシュっぽい動きをするスクリプト6種 -chromaSYNTHETIC | コリス
Six Flash Effects for JavaScript Text Color Slide [デモ] マウスのホバー時にテキストの色がアニメーションを伴って変化することができます。 Modified Accordion [デモ] タブがアコーディオンのように次々、切り替えられます。 Slide In [デモ] ページのロード時に、画像がフェードインして表示することができます。 Draggable Panels [デモ] フルスクリーンの画像をドラッグして切り替えることができます。 Button Flick [デモ] ナビゲーションの画像をスライドアウトすることができます。 Elegant Menu Fly-Out [デモ] 階層をもった水平型のナビゲーションで、ナビゲーションのコントロール時には背景にエフェクトがかかります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]フォームの入力を支援するスクリプト -Autotab
-= Markus Bordihn =-
988 + JavaScript Libraries : skuare.net
http://youmos.com/news/window_growl