jQueryで見栄えのいいグラフが描ける「jqPlot」 (1/3)
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが（関連記事）、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
jquery ui の dialogでポップアップダイアログを表示する
jquery ui で、ダイアログを表示させてみた。 コードは以下の通り。 <button id="popup">ダイアログをポップアップさせる</button> <div id="dialog"> <div style="text-align: left;"> 先に進む場合はOKボタンを押してください。 </div> <div style="text-align: left;"> 進まない場合はキャンセルボタンを押してください。 </div> </div> <script type="text/javascript"> $(document).ready(function(){ var d = $('#dialog'); d.dialog({ // 初回時にポップアップさせない autoOpen:false, // タイトル部分の文言 title: 'タイトル部分', // ポップアップ
Jungle Java - Webアプリをラップしてネイティブなモバイルアプリにする PhoneGap
Webアプリをラップしてネイティブなモバイルアプリにする PhoneGap Posted in Ajax (RSS), HTML5 & CSS3 (RSS), モバイル (RSS) 「PhoneGap」 はモバイルアプリケーションの開発フレームワークで、HTML ＋ CSS ＋ JavaScript を用いて、iPhone や Android などの様々なモバイルプラットフォームに対応したアプリケーションを開発することができます。 関連情報 ・InfoQ: PhoneGapがモバイルプラットフォームにクロスプラットフォーム開発をもたらす ・PhoneGapフレームワークを使ったAndroidアプリをXperiaで動かしてみた！ - Web系がおもしろい。 ・【ハウツー】HTML＋CSS＋JavaScriptでiPhone/Androidアプリ開発「PhoneGap」 - PhoneGapと
[JS]インタラクティブなインターフェイスを実装するJavaScriptのライブラリ -Glow | コリス
インタラクティブなタイムテーブルのUIなどを実装するJavaScriptのライブラリ「Glow」を紹介します。
jQuery Mobile メモ - リンク集 - YOD-Yのへたれ開発日誌
ちょうど、お手軽にサービスをiPhoneを筆頭としたスマートフォン対応する為になにかないかなと探していたら、ちょうどこのライブラリ「jQuery Mobile」を発見しました。 まだ先月中にα版が公開され始めたばかりで挙動にちょっと不審な点もありますが、今年中にはβを、来年1月には1.0を公開する予定らしいので早々に安定することを期待しています。 まだ実装中なのですが、思いついたところからメモっていきます。 まずは、実装時に常に開いているリンク集(?)です。 といってもほとんど公式サイトです。 http://jquerymobile.com/ まずは公式サイトのトップページ。 http://jquerymobile.com/demos/1.0a2/ 公式の「ドキュメントとデモ」、挙動と基本的なコーディングの確認はここでだいたい事足ります。 URLでわかるようにこれはアルファ2版、バージョン
jQuery Mobile メモ - List view の小技 - YOD-Yのへたれ開発日誌
jQuery Mobile のList viewは、iPhoneアプリなどでよく見られる標準的なリスト表示をお手軽に実現することができる便利なコンポーネントです。 そのList viewのデモでは紹介されていないちょっとした小技を。 まず、リンク付きのリストの基本形。 こう記述します。 <ul data-role="listview" data-inset="true"> <li><a href="#">あずま きよひこ</a></li> <li><a href="#">羽海野 チカ</a></li> <li><a href="#">伊坂 幸太郎</a></li> <li><a href="#">荒川 弘</a></li> <li><a href="#">石川 雅之</a></li> </ul> 次に、いろいろとすっとばして左右で別のリンクを設定できる Split button list。
初心者のためのjQueryプログラミング入門 - libro
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
[作って学ぶ！jQuery] 第1回 セレクタを学ぶ | バシャログ。
「作って学ぶ！jQuery連載」の2回目なんだけど、1回目。今回はセレクタについてです。 jQueryを理解するで欠かせないのがセレクタ。セレクタの種類は数多くありますが、今回は現場でよく使うであろうものについてご紹介します。 基本系 要素セレクタ DOM要素（htmlタグ）を指定する方法です。 $('h1') $('ul') $('div') IDセレクタ = $('#myid') #で始まるセレクタは、id名を指定する方法です。なおidはページ内にて常にユニークである必要があります。 $('#header') CLASSセレクタ = $('.myclass') ドット（.）で始まるセレクタは、class名を指定する方法です。class名のみでの指定は、ドキュメント内を全て探しにいくので表示速度に影響もあります。IDセレクタと併用するのが望ましいです。 $('.link') グループセレ
![[作って学ぶ！jQuery] 第1回 セレクタを学ぶ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
jQuery入門 (ver 1.2.6)
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.6を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。
jQuery Form Plugin
Overview The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn't get any easie
jQuery作者が明かす「jQuery Mobile」の魅力
JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。世界中の有名サイトで使われている人気フレームワークの作者＝ジョン・レッシグ（John Resig）氏が次に注目したのが「モバイル」です。2010年10月に最初のアルファ版がリリースされた「jQuery Mobile」は、モバイルWebアプリケーションフレームワークの本命として、多くの開発者の関心を集めています。 本稿では、11月13日に開幕するWeb Directions East 2010に合わせて来日予定のジョン・レッシグ氏が、jQuery Mobileの魅力（の一部）を紹介します。（編集部） クロスブラウザーやブラウザー固有の問題を避け、高いインタラクションを手軽に組み込むには jQueryのようなJavaScriptライブラリーの利用が欠かせません。jQueryはDOMへアクセスしたり、イベントを付
jQTouchの使い方とclass指定による挙動のまとめ - アークウェブシステム開発SandBox
概要 † iPhoneアプリのような挙動が、ウェブブラウズで提供できるJavaScriptのライブラリです。 jQueryのプラグインとして動作します。 公式： http://www.jqtouch.com/ 公式サイトの動画の最初の方で、SafariでURLにアクセスして「Add to Home Screen」をタップしたらホームに置かれるようですね。 その際のアイコンなども変更可能です。 ↑ 使い方 † 基本、jQueryのプラグインなので、jQueryのライブラリと一緒に読み込んでインスタンスを生成すればOKです。 <script src="js/jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jqtouch/jqtouch.min.js" ty
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
［速報］Adobe MAX 2010。HTML5とjQueryに対応したWebアニメーションツール「EDGE」などを発表
［速報］Adobe MAX 2010。HTML5とjQueryに対応したWebアニメーションツール「EDGE」などを発表 米アドビシステムズは、イベント「Adobe MAX 2010」を10月25日（日本時間25日深夜）からロサンゼルスで開催しています。 いま同社が力を入れているのがモバイルやテレビといった、さまざまなデバイスへの対応。これを同社は「マルチスクリーン対応」と呼んでいます。25日深夜に行われた基調講演では、iPadやAndroidなどさまざまなデバイスに対応したHTMLやFlash用の新しい開発ツールを披露しました。 その基調講演の内容を紹介しましょう。いちばんの注目は、HTMLやJavaScriptなどFlashを使わずにタイムラインを用いて簡単にアニメーションが作成できる「Edge」の発表です。従来Flashの領域だったインタラクティブな機能が徐々にHTML/CSS/Ja
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門：jQueryで学ぶ簡単で効果的なAjaxの使い方（1）（2/3 ページ） Aptana Studio 1.2.1のダウンロードとインストール 本連載では、2009年3月現在で最新版のAptana Studio 1.2.1を使います。Aptana Studioのページで「Download Now」のボタンを押し、遷移先でインストールするAptanaの種類を選択します。ここでは、「Installation Type」で「Standalone」、「Operating System」で「Windows」、「Download Type」で「Full Installer」を選択し、「Download Now」のボタンを押してダウンロードすることにします。 ちなみにすでにEclipseを使っている人は、「Installation
jQueryとは [Javascript] All About
jQueryとは最近はJavaScriptを使う場合は、ライブラリを使用するケースが増えています。その中でも、突出した人気を誇るjQueryについてのはじめの一歩です。 最近はJavaScriptを使う場合は、ライブラリを使用するケースが増えています。ライブラリを使用することで、ブラウザ間の違いや、煩雑なクロスブラウザ操作に触れることなく、多くの機能を簡単に実現することが可能になります。 jQueryは、その中でも、突出した人気を誇るライブラリです。今回はそのjQuery基本的な部分から書いてみます。 jQueryとは jQueryは、FierfoxのJavaScriptエバンジェリストを務めていたJohn Resig が2006年1月に発表した軽量なjavaScriptライブラリです。jQueryは、そのキャッチフレーズ「write less, do more」の通り「少ないコードで、よ
![jQueryとは [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryコーディング規約 - Python 情報wiki｜エスキュービズム ラボ
list html sample with jQuery Mobile - jsdo.it - Share JavaScript, HTML5 and CSS
IDEA * IDEA
