I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code for dragging and dropping table rows that has proved very popular, so it seemed natural to combine the two and wrap up the table drag and drop as a JQuery plugin. Update: You can now read the latest docs at https://github.com/isocra/TableDn
twitter facebook hatena google pocket モーダルってだいたい定形が決まった感じですが、今回のjQuery plugin for Avgrund concept popinはクリックするとぐいっと中に寄って目立つ感じにしてくれます。 sponsors 使用方法 jQuery plugin for Avgrund concept popinからファイル一式をダウンロード。 <link rel="stylesheet" href="avgrund.css"> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.avgrund.js"></script> <script type="text/ja
twitter facebook hatena google pocket 昨今はレスポンシブデザインが流行している感じですが、Simple Responsive jQuery Navigation Pluginを利用すると、階層化されたメニューもいい感じで対応してくれます。 sponsors 使用方法 Simple Responsive jQuery Navigation Pluginからファイル一式をダウンロード。 メニューは下記のようなシンプルで3階層まであるもの。 <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">Our Mission</a></li> <li><a href="#">General Info</a></li> <li><a href="#">Hist
twitter facebook hatena google pocket ちょっとマニアックな使い方かもしれませんが、印刷時にリンクをQRコード化してくれるjQuery.printQr() Pluginを紹介します。 画面では見せたくないけど、印刷した時に携帯とかで閲覧してみてもらいたい時に利用してみてはいかがでしょうか。 なお、対象リンクをhiddenにしても印刷時にQRは表示されるので隠しクーポンとかにも使えるかもしれません。 sponsors 使用方法 jQuery.printQr() Pluginからファイルをダウンロード。 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.printqr.js"></scrip
デザインの都合上、省きたいが、でもこのコンテンツ入れたい。。。 そんなサイト制作者の葛藤を解消してくれるのが、Slide boxです。 最初は隠しておきながら、ボタンを押すとエフェクトつきで表示されます。 使用方法 Slide boxからslidebox.js、slidebox.cssを、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="slidebox.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="slidebox.js"></script> <script> $(document).ready(function
Result jQuery //クリックイベント $('.open').click(function() { //パネルをアニメーションでトグル出来るようにする $("#panel").animate({width: 'toggle'}, 300); }); css #panel { height: 600px; width: 200px; padding:20px; background: #eee; float: left; display: none; color: #666; font-size: xx-large; } .open { height: 20px; width: 70px; background: #666; padding:20px; float: left; margin-top: 200px; color:#fff; } html <div id='panel
jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “write less, Do more”. Modern web sites are designed to provide various types of interactions with use
個人でWebサービスを作っている人にとっては、Javascriptはとても助かるツールではないでしょうか。 サーバサイドで作りこむ必要のないちょっとしたプログラムや、Flashを使わずにアニメーション効果を出したりするのにとても便利です。 JavaScript charting tools: an overviewでは、Javascriptチャートのまとめをやっていました。 Plotr prototypeベースのチャートライブラリ jsxgraph このコミュニティが作った universe of interactive examplesにたくさんのサンプルあり。 Raphael ベクターライブラリ。こちらもサンプルがたくさんあり。 moochart MooToolsベースのチャート。 canvas pie これもMooToolsベースのチャート。 flot jQueryベースのチャート。
久しぶりのエントリー。 最新版は、以下を参照してください(2014/11/09更新) Enter/Tab項目移動とFunctionKey制御 jqKeyプラグイン更新 - せかにゃ～ 若い人にはわからないが、未だ死滅していないオンラインシステムを利用しているユーザは、[Enter]で次の入力項目に移動するという文化があります。 [Tab]で移動してくれればいいのだけど、年寄はわがままで融通が利かない・・・ そこでjQueryを使って実現してみました。 実はTabキーでの移動も問題があります。 ブラウザのツールバーにフォーカスが移動したり、タブブラウザでは、フォーカスが表示画面から外れてしまいます。 その辺の対応も含めて以下参照 動作サンプルWinのIE8とFirefox3.5のみ確認 var d = document; $(function(){ //===================
Microsoftは米国時間9月28日、同社の開発者ツール「Visual Studio」と一緒にJavaScriptライブラリのjQueryを提供する計画を発表した。 Microsoftは、jQueryは「ASP. NET AJAX Control Toolkit」の上位コントロールの実装に使われるライブラリの1つで、新しいAjaxサーバサイドヘルパーメソッドでも役割を担うことになると述べた。15KバイトのjQuery JavaScriptライブラリは、フォークなしでそのまま配布され、ファイルはjQuery MITライセンスに準拠する。 さらに、Microsoftは、jQueryオープンソースプロジェクトのテスト、バグフィックス、パッチを提供するとともに、2008年中に製品サポートをjQueryに拡大すると述べた。 この発表は、Microsoftの開発者部門のバイスプレジデントであるSco
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
