Feature-Rich JavaScript Scheduler DHTMLX Scheduler is a JavaScript scheduling calendar with 10 views and customizable interface for developing any kind of scheduling applications.
Feature-Rich JavaScript Scheduler DHTMLX Scheduler is a JavaScript scheduling calendar with 10 views and customizable interface for developing any kind of scheduling applications.
twitter facebook hatena google pocket ECなどではスペースの有効活用のため、また楽しさを醸し出すために横スクロールさせる手法が多く見られます。 今回はそれをJavaScriptライブラリのmootoolsを使用して可能にした「mooHorizonSlider」を紹介します。 sponsors 使用方法 mooHorizonSliderのDOWNLOADからファイル一式をダウンロードします。 <script language="javascript" type="text/ecmascript" src="mootools.js"></script> <script language="javascript" type="text/ecmascript" src="artViperSlider.js"></script> 上記を記述したら、画像を表示する
Ücretsiz verilen bonusların free bet ve deneme bonusu adı altında sitelerde verildiği bilinmekte. Bu tür bonuslar küçük miktar olsa da, bazı oyuncular için önemli. Onlar risk almayı istemediklerinden bu bedava bonuslarla para kazanma şansı yakalıyorlar. Çoğu bahis sitesinde güncel deneme bonusları var. Fakat büyük sitelerde bu bonuslar daha büyük miktarlarda verilmekte. Deneme bonusu veren bahis s
Javascriptでアニメーションして遷移するメニューが作りたい。 そんなときにおすすめなのが、『30+ Animated Tab-Based Interface and Accordion Scripts』。アニメーションするタブ&アコーディオンメニュー集だ。 以下にいくつかご紹介。 » Ajax Drop down Tab Menu… scriptaculousのプラグインであるe24TabMenu » JQuery Tab Skin フェードイン&アウトするjQueryタブメニュー » Sliding Tabs PanicのCodaのサイトに見られるmootoolsを使ったスライドするタブ » Coda Slider 上記と同様、Codaのサイトにインスパイアされたスライドタブ » Tab Accordian タブの中でアコーディオン風にコンテンツが切り替わるスクリプト その他のリ
jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center. If you're updating to a newer version of jQuery, be sure to rea
Timeframe, by Stephen Celis Click-draggable. Range-makeable. A better calendar. Click here for the example. The code: new Timeframe(element, options); Options available: months The number of calendar months showing at once (default: 2). format The strftime format for the dates in the input fields (default: %b %d, %Y). (With Datejs, it takes Datejs formatting.) weekOffset The weekday offset (use 1
Kawa.netxp [JavaScript] JKL.Calendar/ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date/max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら: jkl-calendar.js JavaScr
Timeframe ドラッグ&ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」 次のようなUIで、日付をD&D選択できるJSウィジェットが公開されました。 次のような感じに初期化するようです。 <script type="text/javascript" charset="utf-8"> //<![CDATA[ new Timeframe('calendars', { startfield: 'start', endfield: 'end', previousbutton: 'previous', todaybutton: 'today', nextbutton: 'next', resetbutton: 'reset' }); //]]> </script> 範囲指定の入力に便利そうですね。 関連エントリ 日付の範囲を指定できるJavaScriptデートピッカー「
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
Lightbox JS/Lightbox JS v2.0はウェブページにある画像を効果的に格好良く見せるスクリプトとして知られています。 Lightbox Plusは、Lightbox JSをベースに画像のリサイズ処理などの機能を追加したスクリプトです。 機能などはLightbox JSをベースにしていますが、スクリプトそのものは、ほぼ一から作成しており、全く異なります。 ウィンドウサイズよりも大きい画像をウィンドウサイズに合わせてリサイズ(縮小)します 縮小表示された画像は元のサイズで表示することも可能です(拡大表示) 拡大表示時には、マウスホイールにより拡大率を50%〜800%の間で変更することができます 拡大表示時には、表示された画像をドラッグ&ドロップで移動させることができます 効果画像を貼付けることができます ウィンドウサイズやページ表示位置にほぼリアルタイムに追従します 詳細な
GoogleCalendarもそうでしたが、クリックするだけで編集可能になり、そのまま別のところをクリックすれば保存完了というAJAX。 いちいち「編集」とか「保存」とかそういうボタンを押さずに済むのでラクチン。 例はこちら。 Example page: instant edit AJAX-style http://www.yvoschaap.com/instantedit/ ソースコードのダウンロードや解説は以下を参照。 YvoSchaap.com ほかにもダブルクリックでインラインディタとして「FCK Editor」を呼び出す例。 Inline Text Edit with FCK Editor
※ 画像は公式サイトデモより これはクール! 思わず使い道を考えてしまった。Mac OSXではダイアログがウィンドウの上部から出てくる。あの表示が何となく好きという人も多いだろう。あれを実現するJavaScriptがこれだ。 今回紹介するオープンソース・ソフトウェアはModalBox、ウェブベースのポップアップ&ウィザードだ。 簡単に言えば、ウィンドウの上から出てくるポップアップだ。表示していた画面はグレーアウトするので、そのダイアログだけに集中できる。Ajaxを使うことも、使わないこともできる。簡易的なものであれば使わずに手軽に利用できそうだ。 そして、ウィザード形式に操作を進めることもできる。例えば問い合わせフォームや、アンケート、友人へのメール等わざわざ画面を切り替えて操作するには及ばないようなものに使えそうだ。 表示のされ方がかなり格好よく、使い道も多そうだ。prototype.j
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ&ドロ
reflex.js (with IE 6/7 support) reflex.js 1.1 allows you to add a Cover Flow effect (including reflection) to images on your webpages. 画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js」 次のような画像の映り込みエフェクトを付けることができます。 使い方は、必要なライブラリを読み込んで class を付与するだけのようです。 他にもいろいろあります。 Corner.js - 角丸効果や、シャドウ効果を画像に与える Glossy.js - 画像にガラス風の光沢を与える Instant.js - インスタントカメラ風エフェクトを与える Slided.js - スライドのフレーム風にエフェクトを与える Filmed.js - 映
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く