タグ

JavaScriptとjqueryに関するmurasukeのブックマーク (19)

  • 【javascript】jQuery-UI-dialogに独自ボタンを付ける方法 - Qiita

    jQuery-UIのダイアログに独自のボタン(buttonsオプションでない)をつけて自由自在にイベントを呼びたい場合 保存して閉じるボタンとキャンセルして閉じるボタンの動きを分けたい場合 その他自在に呼び出す前にコールバック関数を渡したい場合 だいぶソースきたないですが こう。 $("<div><button onclick='parent.$(\".ui-dialog-content\").trigger(\"save\");'>ほぞん</a></div>").dialog({ close:function(){ alert("クローズなう") } ,buttons:{ "保存": function() { $(this).trigger("save"); } ,"閉じる":function(){ $(this).trigger("abortme"); } } }) .on("save

    【javascript】jQuery-UI-dialogに独自ボタンを付ける方法 - Qiita
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
  • 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」:phpspot開発日誌

    ParamQuery jQuery Grid Plugin 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 ありきたりなカッコいい、とはいえないような以下のテーブルがあったとします プラグインで初期化すれば、ソータブル、エディタブル、なクールなテーブルに早がわり これは5,6年前でいえば魔法だと思う方は少なくないでしょう。 関連エントリ レスポンシブなテーブルを作るjQueryプラグイン「MediaTable」 テーブルをグラフに変換してくれるjQueryプラグイン レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTable」 テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」 シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイン「jQuery Table So

  • 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」:phpspot開発日誌

    NVD3.js :: re-usable charts for d3.js 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 d3.jsという以前紹介したライブラリをベースに利用しているみたい。 グラフ描画のライブラリは色々ありますが、こちらのライブラリで描画するグラフのデザインもなかなかいい感じですね マウスとのインタラクティブなグラフ実装が可能で拡張も容易みたい サンプルページにはソースがついているので参考に組めば抵抗なくグラフが描けそうです 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 クールなドアノブ風の%グラフを描画できるjQuery Knob

  • Ywcafe.net

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Credit Card Application Health Insurance 10 Best Mutual Funds Accident Lawyers song lyrics Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy

  • jQueryでボタンのクリックイベントを制御する

    今までJavaScriptは避けて通ってきたのですが、CouchDBJavaScriptだけで 制御してみたい欲求に駆られたので、勉強を始めました。 jQueryの取得 よく耳にするjQueryというライブラリを使用することにします。 ちょっと調べてみると、UIの制御がメインなのかなという印象を受けましたが、 Ajaxに関する記述を見つけましたので、しばらくこれでがんばってみます。 公式サイトのURLは http://jquery.com/ ここのDownload(jQuery);ボタンを押すと、Google Codeのダウンロードページに遷移します。 表示されたのは、 jquery-1.3.2.min.jsという改行コードやインテンドを削除したバージョンです。 最初は、試行錯誤しながらになると思うので、人が見やすい形式のjsファイルをダウンロードしました。 http://code.go

    jQueryでボタンのクリックイベントを制御する
  • 一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」:phpspot開発日誌

    jQuery Rain | jquery-handsontable @ GitHub 一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」。 Excelのテーブル風ウィジェットは色々ありますがリッチすぎて重いようなものは使いづらかったりします。 今回紹介するjQueryプラグインを使えば、Ctrl+C,Vでコピペできたり、セルに内容を直接入れたりといったことができます。 シンプルなので超軽量 入力していくと自動でサイズが再調整されてどんどん入力できます 実装コード例。初期データはJSONで指定 onchangeでコールバック関数が指定できるので変更時にサーバにデータを投げて保存といったことが可能みたい 関連エントリ Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」 WEBページにExcel風スプレッドシー

  • ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと.net

    個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 When You Report A link to a reduced, working demo/test case that will never move (jsFiddle is good for this). (意訳:バグを報告するとき

    ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと - かちびと.net
  • neue cc - linq.js ver 2.0 / jquery.linq.js - Linq for jQuery

    無駄に1280x720なので、文字が小さくて見えない場合はフルスクリーンにするかYouTubeに飛んでそちらで大きめで見てください。というわけで、動画です。linq.js + Visual Studio 2010で補完でウハウハでjQueryプラグインで世界系です。ここ最近、RxJS、JSINQとJavaScript系の話が続く中で、ふと、乗るしかない このビックウェーブに、という妄念が勢いづいてlinq.jsをver.2.0に更新しました。 linq.js - LINQ for JavaScript 内部コードを全面的に変更し、丸っきり別物になりました。破壊的な変更も沢山あります。名前空間がE、もしくはLinq.EnumerableだったのがEnumerableになり、幾つかのメソッドを廃止、廃止した以上にメソッドを大量追加。そして、WindowsScriptHostに対応しました。その

  • iGoogleのようにコンテンツをドラッグ&ドロップできるスクリプト(2010/1)

    boxの中身にrssフィードを読み込ますことができます。ボックスを動かすのはJavaScriptですがフィードを読み込むためにMagpieRSSを使っているのでphpが使えるサーバーでないと作動しません。

    iGoogleのようにコンテンツをドラッグ&ドロップできるスクリプト(2010/1)
  • iGoogleのようにコンテンツをドラッグ&ドロップできるスクリプト(2009/7)

    boxの中身にrssフィードを読み込ますことができます。ボックスを動かすのはJavaScriptですがフィードを読み込むためにMagpieRSSを使っているのでphpが使えるサーバーでないと作動しません。ちなみに私はこれを使ってiチャート広場っていうページを作りました。

    iGoogleのようにコンテンツをドラッグ&ドロップできるスクリプト(2009/7)
  • jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary

    ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#

    jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
  • jQuery 開発者向けメモ

    jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

  • あるSEのつぶやき: Ajaxライブラリまとめ

    Ajax/JavaScriptライブラリをまとめておきます。(順不同) | 基 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDFAPI/サンプル/解説 Prototype.js Documentation - まとめサイト Prototype 1.6.0へのアップグレード実例紹

  • Ajax » jQuery plugin » コンテキストメニュー(右クリックメニュー) | PHP & JavaScript Room

    PHPJavaScriptCSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説ContextMenu plugin 〔コンテキストメニュー〕 HaloContext - jQuery plugin for right-click halo context menus 〔右クリックで円形メニュー表示〕 jContext 1.0 – The ultra-lightweight right click context menu for jQuery 〔半透明のコンテキストメニュー〕 jQuery Context Menu Plugin 〔クロスブラウザ対応のコンテキストメニュー〕 ブラウザのデフォルトの右クリックメニューを無効にして、カスタムのコンテキストメニューを表示するjQueryプラグイン。 メニュー部分はリスト要素で指定します。 <p><

  • 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

  • ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」:phpspot開発日誌

    ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」 2010年01月19日- rikrikrik.com - jQuery autosave plug-in ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」。 データを編集中にフォームに書き込んでいて、ブログ記事などが消えたりするとても悲しい気持ちになりますが、このプラグインを使えばデータをブラウザのクッキーに保存してくれて、次にアクセスした時にリストアできるという素晴らしいプラグインです。 クッキー保存のため、サーバに保存する必要はないですし、手軽に使うことができそうです(ブラウザごとにクッキーに依存した文字数制限などは存在すると思います) こういうことを1からやろうとすると結構大変ですが、毎度のことながら、jQueryプラグ

  • ポンクソフト

    コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP(旧コンテンツ) PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ&解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java (旧コンテンツ) Javaでシューティングゲームを作ろう Perl (旧コンテンツ) CGI(Perl)の基掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 (旧コンテンツ)C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと(ブログパーツ) オリジナルソフトウェア その他未分類なモノ iOSアプ

  • jQueryの魔法 - [JavaScript]All About

    JavaScript ガイド:高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ jQueryの魔法 1: jQueryの特徴 2: 魔法のメソッドチェーン 3: jQueryのダウンロード 4: 設置 jQueryの特徴 jQueryは、最近急速に人気を増してきているJavaScriptライブラリです。 短いコードで多くの処理を安全で簡単に実行できる優れたライブラリのひとつです。 jQueryは、きわめて簡潔な表現で多彩な機能を実現することに成功しています。 もし、DIVで"testClass"というクラス名のついた要素だけを選んで、文字色を赤にしようとしたら、 一般的なJavaScriptでは、いろいろな書き方はありますが、たとえば、次のような書き方になります。 <div

  • 1