Runnable Joins the MuleSoft Family
We’re thrilled to announce the Runnable team is joining MuleSoft. This is an incredible opportunity for us to expand our vision of empowering developers to test changes without the infrastructure bottleneck; we couldn’t be more excited to work with MuleSoft to continue our journey. As apart of this transition, we’re shutting down service for all Runnable accounts. To those we had the joy of servin
湯葉でも分かるHighcharts — 湯葉でも分かるHighcharts 0.1 documentation
このドキュメントについて¶ この文書は @yubais が、ホワイトデーにお返しする相手がいなくて暇だったから書いたものです。 内容に関する責任は負いかねます。 ここに書いている内容は、以下の環境で動作をなんとなくチェックしています。 Highcharts 2.3.3, jQuery 1.8.2 Google Chrome 25.0, Firefox 19.0, Safari 6.0, Opera 12.14, Internet Explorer 10 (およびその互換モード) Windows 8, OS X 10.8 Mountain Lion, Ubuntu 12.04, Android 4.2
twitter bootstrap table sort機能 | まとめーたー
photoBy: http://otndnld.oracle.co.jp/document/products/owl…sort機能を bootstrap で使ってみるdatatablesを使うhttp://datatables.net/release-datatables/examples/basic_init/zero_config.html にあるものを使ってbootstrapに組み込んでみよう。 まずはダウンロード http://datatables.net/download/ よりダウンロードできます。 twitterbootstrap に組み込むまずは以下のファイルを揃える /media/css/demo_table.css を datatable.css として保存 /media/js/jquery.dataTables.min.js /media/images/ を画像フォル
【旧版】jQueryで作るテーブルのソート機能 (全6回) - プログラミングならドットインストール
jQueryでテーブルのソート機能を作りこんでいく方法について解説していきます。
jQuery.ajax でリクエストをキャッシュさせない方法 - 葉っぱ日記
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
jqueryで属性を変更させる方法
属性とはhtmlでいうと要素で設定しているいろいろな値、 例えば：<a href="index.html"></a> 属性：href、属性値：index.html、要素：a 属性を変更できると、画像を入れ替えたり、urlを変更したり、大きさを変えたり、ホームページでの表現の幅が広がります。 attr 属性値を変更する場合 $("セレクタ").attr("変更したい属性の名前","変更後の属性値"); 例えば、 属性srcをa.jpg→b.jpgに変更する場合。 jquery $("img").attr("src","b.jpg"); html 変更前：<img src="a.jpg"> 変更後：<img src="b.jpg"> さらにたくさんの属性を変更したい時 $("セレクタ").attr({"属性名":"変更後の属性値","属性名2":"変更後の属性値"}); が使えます。 例えば、
How to make jQuery Flot realtime update chart - jQuery Flot Tutorial
There are many situations you could use the realtime update chart,such as CPU loading chart、memory usage chart or online users chart, in this example we will show you how to make realtime update chart for CPU loading. Required files All the required files need to be put in <head>, because we are making time series chart, so you need to include jquery.flot.time.js, and you also need to include jque
Flotを使ったリアルタイムグラフ更新を少しカスタマイズしてみた - Splash of waters - 2nd. Season
Javascript製のグラフ描画用ライブラリとして、色々あるうち、Flotを使ってみた。 他にもいくつか選択肢はあったんだけど、 Ajaxで外部データを取り込んでグラフ描画が可能 以前も使ったことのある実績（簡単に使える） jQuery製であること ひと通りのAPIが提供されていて、サンプルやリファレンスなどのドキュメントが充実している MITライセンス といった理由により、他の選択肢と比べて一歩抜き出ているので、Flotにしてみた。 今回はリアルタイム更新の機能を試してみたかったので、サンプル( http://people.iola.dk/olau/flot/examples/realtime.html )に少し手を加えてみた。 改良点は、 X軸を時系列にする。 データは外部JSONデータを取り込む。 グラフを複数本（2本）にする。 初期表示時はデータ数は0個で、更新のたびに1個増えて
解析データの、グラフ化に。JavaScript製統計解析ライブラリ·jStat MOONGIFT
jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること
Jqueryでグラフ表示 - ochi0218の日記
仕事でグラフを表示したいという要件が出てきた。 そのため、Jqueryでグラフ表示できるプラグインがないか調査することに。 んで、下記が候補として見つかったプラグイン。 jqplot グラフの見栄えがよく、様々なグラフを表示できる。 表現方法が多い。（色やプロットの形など） 特に、グラフをドラッグで変更できる点などは、素晴らしい。 APIも整備されていて、実装時に、探しやすい。 flot 見栄えはjqplotより落ちるが、様々なグラフを表示できる。 機能的な部分が多い。ズーム、スクロール、リアルタイム描画、描画対象の変更等。 軽量のスクリプトになっているので、ソースリーディングが容易。上記２つで作成した所、スマフォでのグラフ表示ということもあり、グラフ内部のスクロールが出来なければならないため、今回は「flot」を採用することにした。 それぞれで作成した方法を記述しておく。 jqplot
jQueryでクリックされたエレメントの属性を取得する
どうも、俺＠仕事中です。 jQuery＋Ajaxを使ってインタラクティブなデザインのシステムを構築中なのですが、ちょっとハマったのでめも。 画面にテーブルとか使って、何かデータを一覧表示した場合に、クリックされた要素のvalue値やname属性の値やidの値とか取りたくて、取りたくて、、、取れなくて1時間悩みました。。。 例えば <td><a href="foo" id="foo_id" value="foo_value">FOO</a></td> <td><a href="bar" id="bar_id" value="bar_value">BAR</a></td>のようなテーブルがあるとします。 これでjQueryで'FOO'をクリックした時に、その<a>タグに指定してあるid値やvalue値を取得したい！場合は $("a").click(function() { id = $(thi
iPhoneのように大きい画像の表示領域をマウスのドラッグで移動してみる - jQuery入門 - ポンクソフト
目次 jQuery入門 jQueryのインストール・簡単な使い方 クイズゲームの作り方 秘密の暗号を作ってみよう（たぬき暗号） アクションゲームを作ってみよう（ぬりかべ） 画像を使ったジグソーパズルを作ってみよう もぐらたたきっぽいゲーム ドラッグ可能なポップアップウインドウを作ろう jQuery UI Sortableで１ラインオセロゲーム ブラウザ全体をブロックしてみる Geolocation APIを使って都道府県のセレクトボックスを現在地に近い順にソートする 発生したイベントの状態を保持・保存する6つのパターン Ajaxを利用したシンプルなイメージギャラリーを作ってみる テーブルにページ送り（ページング）を実装してみる jQuery UI Draggableを使って付箋(sticky)を作ってみる カラムでソートできるテーブルを自作してみる テーブルを使ったシンプルなドット絵エディ
[JS]ダイナミックなアニメーションでページをまるごとズームできるスクリプト -zoom.js
zoom.js -GitHub デモページ [ad#ad-2] デモ 実装 デモ デモページではページ上のどのエレメントをクリックしてもズームイン（拡大）します。 グリーンの「Float」をクリックするとこんな感じになります。 デモページ：ズームインしたキャプチャ ズームアウト（縮小）するにはもう一度クリックするか、[ESC]キーを押します。 [ad#ad-2] 実装 「zoom.js」はjQueryなどの他のスクリプトには依存せずに、単体で実装が可能です。 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="js/zoom.js"></script> HTML/CSS HTMLとCSSは通常通りで構いません。 特定のエリアに適用する場合は、そのエリアが指定できるようにidなどを設けます。 JavaScript 特定の要素（例：img）のみ適用する場合は下
jQuery リファレンス：css
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次 基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素） 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DataTables example
https://www.jqueryflottutorial.com/how-to-make-jquery-flot-ajax-update-chart.html
Flot Examples
Flot Examples
jQuery Context Menu Plugin | 設置サンプル
Draggable - jQuery UI API 1.8.4 日本語リファレンス - StackTrace