【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 (1) ドラッグ&ドロップでカラム幅を変更可能 | エンタープライズ | マイコミジャーナル
Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している
アップロードファイル複数指定できるjavascript「Multiple File Upload plugin for jQuery」
twitter facebook hatena google pocket ファイルをアップロードするとき1つずつでは手間がかかります。 また、アップロードしてもらう時には、指定のファイル拡張子以外送ってもらいたくありません。 Multiple File Upload plugin for jQueryは複数かつ拡張子を指定してアップロードさせるjavascriptです。 sponsors 使用方法 Multiple File Upload plugin for jQueryからjquery.MultiFile.jsをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomian/jquery.js" type="text/javascript"></script> <script src="http://yourdomian/jqu
アップロードファイル複数指定できるjavascript「Multiple File Upload plugin for jQuery」
アップロードファイル複数指定できるjavascript「Multiple File Upload plugin for jQuery」 ファイルをアップロードするとき1つずつでは手間がかかります。 また、アップロードしてもらう時には、指定のファイル拡張子以外送ってもらいたくありません。 Multiple File Upload plugin for jQueryは複数かつ拡張子を指定してアップロードさせるjavascriptです。 sponsors 使用方法 Multiple File Upload plugin for jQueryからjquery.MultiFile.jsをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomian/jquery.js" type="text/javascript"></script> <scr
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
Javascriptのイベントハンドラ設定方法 | ユージック
Javascriptのイベントハンドラ設定方法 2007年5月7日 DOMやJavascriptを勉強しているとイベントハンドラの設定方法が色々とあってどの方法でやれば一番良いのかわからなくなってきたので、自分の覚書もかねてイベントハンドラの設定方法をまとめてみようと思います。 尚、サンプルはボタンを押すと”クリックされました”とアラートが出るだけのシンプルなスクリプトでご紹介します。 （X）HTMLの中に記述する方法 <form> <input type="button" id="myButton" value="Click" onClick="alert('クリックされました');"> </form> （X）HTMLの中でイベントハンドラを利用する方法で（X）HTMLとスクリプトの分離ができていないのであまり良い方法とはされていませんがシンプルな方法の一つです。 .onclickを使う
O/Rマッピングで郵便番号検索Ajaxアプリ作成！
O/Rマッピングで郵便番号検索Ajaxアプリ作成！：MyEclipseでAjax＋Javaをやさしく開発（3）（1/4 ページ） MyEclipseはJava EE開発を効率化するプラグインの集大成でかつ統合開発環境だ。併せてAjaxの開発を容易にする機能も持ち合わせている。本連載では、サーバサイドにJava EEを、クライアントサイドにAjaxを用いたWebアプリケーションをMyEclipseを使って容易に開発する手法を紹介していく。また、AjaxとJava EEの連携にはAjax開発用のJavaフレームワーク「DWR」を活用する。（編集部） 連載第1回では、MyEclipseによるWebプロジェクトの作成 、Tomcatを起動／停止する方法およびデプロイする方法、 Ajaxアプリケーションのデバッグ方法について紹介しました。そして、連載第2回では、DWRによるAjaxアプリケーションの
ココを理解すれば近道な「Ajaxフレームワーク」
ココを理解すれば近道な「Ajaxフレームワーク」：Web 2.0で変わるWebプログラミングの常識（4/5 ページ） HTMLへの流し込みとJSON評価 prototype.jsでは、このようにAjax.Requestオブジェクトを使ってAjax通信するのが基本だが、ほかにもAjax操作を簡単にする機能が提供されている。 1. Ajax.Updaterを使った流し込み Ajaxアプリケーションの構成によっては、サーバ側のプログラムがXMLデータを返すのではなく、直接ユーザーへと出力するHTMLを返すこともある。そのような場合に便利なのが、Ajax.Updaterオブジェクトを使った呼び出し方法だ。 Ajax.UpdaterはAjax.Requestから継承したクラスであり、サーバから得られたHTMLデータを特定のid値をもつ要素へと差し込む処理を実現する。 実際にAjax.Updaterを
JavaScriptのオブジェクトをJSON形式でダンプ(簡易版) - nobusueの日記
toSource()を使ってJSON形式にすると日本語がUnicodeエスケープ(\u89AB)されてしまいます。unescape()してみたのですが、うまく変換できなかったので力技で変換してみました。 FireFox2.0.0.3 on WinXPSP2で動作確認済み。 var sdata = data.toSource(); sdata = sdata.replace("(","","g"); //最初の'('を除去 sdata = sdata.replace(")","","g"); //最後の')'を除去 //revert double-byte chars sdata = sdata.replace(/\\u[0-9A-F]+/g,function(match){ var code = match.replace("\\u","0x"); return String.fromCh
Ajax 通信を JSON でシンプルに実装するデモ | バシャログ。
Ajax といえば、最近の地図サービスはだいたいドラッグするとページを読み替えることなく移動することができて、便利というか、当たり前のものとして受け入れられるようになったと思います。 さて、そんな Ajax でサーバとやりとりする方法なんですが、JSON という表記形式を利用すると、最低限の通信だけならシンプルに実装できます。本日は、JavaScript ライブラリの jQuery と PHP ( 5.2.0 以上、または PECL で json をインストール ) を使い、データのやりとりに JSON を使う方法を紹介します。ソースコード部分だけなら JavaScript と PHP で10行程度ですので、興味のある方はぜひお試しください。 サーバからプロフィールデータを受け取ってリストで表示するデモです。Firebug等で通信内容をチェックしてみてください。 JSON demo サーバ
s.h.log: JavaScript - JSONでデータを受信する方法2種類
« 腹減った？ | メイン | JavaScript - dojoのScriptSrcIOで動的クロスドメインJSON読み込み » 2006年07月07日 ■ JavaScript - JSONでデータを受信する方法2種類 [Programming&Electronics][Technology] JSONを受信するサンプルを作った。 ・del.icio.usのJSON-APIからshokaiのブックマーク一覧を読み込み ・サーバに置いたdel.icio.usのJSONファイルからブックマーク一覧を読み込み ・サーバに置いたGPSデータから位置情報のリストを読み込み やっと理解できた。 JSONは、JavaScriptObjectNotationの略で、JavaScriptのオブジェクトをテキストデータで表記するためのフォーマット。JSONテキストをJavaScriptでeval()す
Ajax|Ajax入門|Ajaxの基礎と応用の学習|StudyNet
Ajaxについて Ajax（エイジャックス）とは、Asynchronous JavaScript + XMLの略称。JavaScriptの非同期通信を利用すると、画面遷移無しにWebページのコンテンツを入れ替えることが可能になる。Ajaxを利用すると、Webページの必要な部分のみを更新することができるので、コンテンツ表示が従来型のページ（全内容の書き換え）よりも高速に行なえる。よって、ユーザにとって使いやすいページを構築することができる。 » Ajaxに関する詳細はこちら
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
[ThinkIT] 第1回：Prototype.jsを使う準備 (1/2)
筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
night.nu
http://japan.internet.com/developer/20070320/27.html
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン
JavaScript | Blog | ユージック
Oracle Java Technologies | Oracle
html/Prototype - きのさいと
https://atmarkit.itmedia.co.jp/fdotnet/ajaxjs/index/