ブラウザ上で様々なファイルを作ってダウンロードさせられる「Downloadify」:phpspot開発日誌
ブラウザ上で様々なファイルを作ってダウンロードさせられる「Downloadify」。 Downloadyfy を使えば、JavaScript によって文字列を組立て、それをサーバサイドに保存することなく直接ダウンロードダイアログを出して利用者にダウンロードしてもらうことができます。 サーバに保存する必要がないので、サーバサイド言語が使えない環境であってもつかえてしまうのが特徴です。 例えば、この仕組みを利用したサイトの「starter」。 このサイト自体便利で、クラス名、ネームスペース、関数のパラメータなどを入力すると、jQueryプラグインのスケルトンコードを生成してくれるものなのですが、「DOWNLOAD」ボタンでその生成されたコードを直接ダウンロードすることができます。 「DOWNLOAD」ボタンを押すと、ファイル名が入った状態でダイアログが現れ「保存」ですぐダウンロードできます。
Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」:phpspot開発日誌
Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」 2009年11月18日- Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」。 次のような、ＵＩも美しい高機能なテーブルの実装が出来ます。 普通のテーブルをリッチに スタイルを切ると、次のような単なる<table>タグで定義されたデータなのですが、JavaScript とCSSの力によって大きく形を変えています。 機能紹介 検索機能。大量にデータがあった場合にこの機能はかなり重宝します。 ソート機能。データが一杯でも分かりやすい。全カラムにおいてソート機能が付いてます ページング機能によって縦幅が大きく取られることを防ぎます。view all ボタンで全部を表示することも可能。 縦方向の合計をExcelのsumっ
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」:phpspot開発日誌
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。 また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。 サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
JavaScript + Ajaxでサクサク動くサイト
───────────────────────────────── ～ JavaScript + Ajax 実践サンプル ～ 新着サンプル(vol.35) ＼＿＿＿＿＿＿＿＿＿＿＿＿ http://jsajax.com/ 2009/09/06 発行 vol.35 ＼＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ■〔１〕JavaScript実践サンプル 新着サンプル ■〔２〕編集後記 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■〔１〕JavaScript実践サンプル 新着サンプル ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 最近、アップした新着サンプルを一挙紹介します。 時間のない方は、★のサンプルだけでもご覧ください。 ◆スライダーでイメージを上下に移動する ☆ http://jsajax.com/jQueryScrollPaneImageArticle13
CrossSlide
CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (a lot.) What does it do? CrossSlide can do a few different things, depending on how it's called: Slid
IEでのJavaScriptデバッグを可能にする「CompanionJS」:phpspot開発日誌
My DebugBar | CompanionJS / HomePage IEでのJavaScriptデバッグを可能にする「CompanionJS」。 サイトでインストールをすると、ＩＥにドッキングされます。 インストールするだけでは使えず、インターネットオプションの「スクリプトのデバッグを使用しない」チェックを外す必要があります。 インストール後は、次のように「表示」メニューから表示することが出来ます。 表示すると次のような感じ。 エラーが出ると右側にエラーが出て、クリックするとスクリプトのエラー箇所に移動し、ハイライトされます。 また、サイトでエラーがあると次のようにブラウザ上で通知してくれます。 ＩＥでもデバッグしたい場合がありますが、このツールはなかなか使えそうですね。 もっといろんなデバッグをしたい場合はデバッグバーというものがあるようです。 DOMインスペクタ、HTTPインスペ
コードを読んで理解する – Ajaxでlightbox.jsを使う時に注意するところ
最近lightbox.jsというライブラリを使って遊んでいます。 http://www.huddletogether.com/projects/lightbox/ http://www.huddletogether.com/projects/lightbox2/ lightbox.jsは画像のポップアップ表示を可能にするjavascriptライブラリですが、javascriptを一行も書かずとも <script type="text/javascript" src="js/lightbox.js"></script> と入れるだけで あとは <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> とaタグのrel要素のlightboxと書くと利用できてしまうすぐれものです。 コードを見ればわかり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Adobe製、フリーのJavaScriptエディタプラグイン「JSEclipse」