You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Developers Summit 2013【15-B-6】開発者の "資産形成" につながる Action とは?インフラジスティックス・ジャパン株式会社
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、テキスト・リンク関連のjQueryプラグインを紹介しています。 テキスト表示を印象的にする動きを付与!jQueryプラグイン「jQuery TextFX」 アクセス時にタイトルなどを動きをもたらせると目がいき印象的になります。 また本文にも注目をしてくれる可能性が高まります。 jQueryプラグインのjQuery TextFXを使用すると簡単に実現できます。 via:jQuery TextFX
参考 wiki:custom_formatter -jqGrid Wiki 概要 データベースからPHP経由等で取得したデータをフォーマットして表示する。 たとえば、http://d.hatena.ne.jp/というデータをリンクにして表示したいとか、 0ならA、1ならBと表示したいときに使う。 predefined_formatter ただ単にリンクにしたいだけならばjqGridに用意されている フォーマットをそのまま適用するだけでよい。 $('#grid').jqGrid( { 'colModel': [ {'name':'id', 'hidden':true'}, {'name':'url', 'label':'URL', 'formatter':'link'} ] }); 参考: wiki:predefined_formatter - jqGrid Wiki custom form
1. ダウンロードするときは全部入りを選びましょう jqGridはダウンロード時に選んだ内容から最適化したコードを作成してくれます。これはとてもありがたいのだけれど、機能が必要になるたびダウンロードするのは面倒じゃない。最初から全部選んじゃいましょ。チェックするのが面倒な時はDemoもおすすめ。 2. mtypeはPOSTにしましょう。 datatypeがJSONの時にはmtypeはPOSTに設定しましょう。どうしてもGETを使いたかったらJSONの先頭に「while(1);」をいれてね。jqGridが適切に対処してくれます。 'datatype' : 'json', 'mtype' : 'POST' 3. loadErrorイベントを設定しましょう。 なにかエラーがあってもずっと「読み込み中」表示になって止まってません? 'loadError' : function (xhr, stat
以前に「jQueryでループして画像などコンテンツ要素をスライドさせる無限ループスライダーの作成方法」と題して、コンテンツ要素が無限ループするコンテンツオートスライダーの紹介をしましたが、機能部分でのリクエストなど要望もあって、改良版を作ってみたので紹介してみます。 以前のような自動でコンテンツ要素をループスライドする動作に加えて、スライド部分にマウスオーバーすることで動作をストップする機能と、左右にボタン要素をつけ、スライド動作の向きを変化させる動きを追加したバージョンになります。 まずは動作サンプルから。 10個並べてある画像が自動でスライドして無限ループする動作に加えて、スライドしているコンテンツ要素にマウスオーバーをすると動作ストップ、左右の「≪」「≫」のボタンにマウスオーバーするとスライドの向きが変化します。 この動作の全体構成についてHTMLから。 ◆HTML <div id=
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。 このエントリーで紹介する情報は2011年12月のものです。 1.ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
やりたいこと: 検索結果から、検索した文字列をハイライトしたい jQueryでプラグインとかないか探してみたら、ありました。 highlight: JavaScript text higlighting jQuery plugin http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html MITライセンスとなっています。あまりメジャーではないのか情報が少なめだったので、本家サイトを参考に導入手順を残しておいてみます。 使い方 1. jQuery本体とプラグインの読み込み <script>タグでjQuery本体、jquery.highlight-3.jsの順に読み込み <script type="text/javascript" sr
See related links to what you are looking for.
jQuery UI API 1.8.6 の日本語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル
はじめに Railsが3になってしばらく経ちました。 数々の新機能や大幅な機能拡張があり、その中にはjavascriptに関する変更もありました。 いままでデフォルトでprototype.jsを基本としたJavascriptフレームワークを使用していたのを、Rails3からはシンプルに(jrailsを使うことなく)jQueryを使うことができるようになりました。*1 正確には、特定のjavascriptフレームワークに囚われない、ですかね。 それで、link_to_remote が link_to hoge_url, :remote => true に変更になったとかは割と文献があるんですが、次のステップで必ずぶち当たるであろう「じゃあloadingとかどうすんだよ」という文献があまり見当たらなかったので書いてみようと思います。 結論 rails.jsをちょっと改造する jquery.js
Rails3からの変更点でハマったのでメモ。 Rails2ではformをAjaxで送信するにはform_remote_tagを利用していた。 これがRails3では以下のように:remote => trueを指定することで実現する。 <%= form_tag(url_for(:action => 'create'), :remote => true, :id => "result_form") do %> <% end %> 今は主にjQueryを使って開発している為、デフォルトで扱うjavascriptをjQueryに変更する。 Gemfileに以下記述 gem 'jquery-rails' bundle installして関連ファイルをgenerate $ bundle install $ rails g jquery:installjquery.jsとrails.jsを読み込むように
New version 5.8.7 of Guriddo jqGrid JS is released. The version contain numerous bug fixes and a lot of useful additions. Below the full list of the additions and fixes. Additions and Updates Add new function to add custom excel style – font and colors in onBeforeExport event Added parameters – this, value and options in editoptions.value object when it is a function. See: https://github.com/tonyt
jqGrid 4.0 New search module, Tree Grid and SubGrid improvements, new colModel cellattr event and much more... Enjoy Please, support the jqGrid project by clicking on our sponsors ad!
jQueryではカレンダー形式で日付を選択させる事ができるプラグインがありますが、時間選択も可能にしたプラグインを発見したのでご紹介。 「Any+Time」を使用すると日付と時間を選択するウインドウを表示させる事が可能です。 以下のような機能があるそうです。 12時間/24時間表記の切り替え 時間表示のフォーマットを自由に変更可能 選択可能な日付と時間の指定 タイムゾーンの切り替え jQuery uiによるテーマの変更 設置方法 サイトからanytime.js、anytime.cssをダウンロードします。 jqueryも最新版をダウンロードしてきます。 1.ダウンロードしたcssとjsを読み込みます。 2.HTMLにてフォームを作成します。 日付選択 時間選択 3.jsでDatePickerの設定をします。 これだけで簡単に設置する事ができました。 jqueryだけでなくproototyp
FullCalendar とは、JavaScript で書かれたカレンダーライブラリ。 jQuery のプラグインとして利用する。 http://arshaw.com/fullcalendar/ いつの間にか FullCalendar が 1.4.7 にアップしていたので、確認をかねて記事にしてみた。すでにカスタマイズするためのパラメータが用意してあるので、日本語表記にするのは簡単だったりする。 <html> <head> <link rel="stylesheet" type="text/css" href="fullcalendar.css" /> <script type="text/javascript" src="jquery.js" ></script> <script type="text/javascript" src="jquery-ui-custom.js" ></sc
中国で働くソフトウェアエンジニアのブログ。Redmine、Ruby on Rails、インターネットビジネスに興味があります。 GoogleカレンダーっぽいUIを持つカレンダーとしてFullcalendarというjQueryプラグインがある。この機能をRailsで使ってみたいと思っていたのだが、調べてみるとすでにRailsでの利用例があった。 http://github.com/bansalakhil/fullcalendar ゼロから自分でコードを書くよりは、まずは人の作ったものを読んで勉強するのが鉄則。ということで、さっそくインストールしてみた。 インストール方法 1. ソースコードのダウンロード git環境であれば、下記のようにソースコードをダウンロードする。 (Windowsでgit環境を構築するにはこちらの記事を参考に。) C:\rails>git clone http://gi
twitter facebook hatena google pocket JavaScriptライブラリの「jQuery」を使用してカレンダーを作ります。 via:FullCalendar - Full-sized Calendar jQuery Plugin sponsors 使用方法 FullCalendar - Full-sized Calendar jQuery Pluginからファイル一式をダウンロードします。 <link rel="stylesheet" href="fullcalendar.css" media="all"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="ui.core2.js"></script> <scr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く