[Javascript] AJAXアプリでオートコンプリート機能を有効化する際の注意事項 - うなの日記
ユーザー名とパスワードをブラウザに覚えさせられるオートコンプリート機能ですが、入力されたデータをAJAXで送信して認証するタイプのアプリで使うにはいろいろと工夫が必要です。ということで、AJAXアプリでオートコンプリート機能を有効化する際の注意事項などを調べた範囲でまとめてみました。以下に挙げた手法を適用することで、IEとFirefoxではなんとか動作するようになりましたが、Chrome/Safariはまだダメです。 注意: 動作確認は手元にあった以下のブラウザで行っています(いずれもWindow版。)。他のバージョンでどうなのかは未確認です。 Firefox 3.6.17,4.01 IE 8 Chrome 11 Safari 5.0.5 サマリ IEでの記憶にはwindow.external.AutoCompleteSaveForm(form) を使用する FormをonLoad後に動的
![[Javascript] AJAXアプリでオートコンプリート機能を有効化する際の注意事項 - うなの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/86946a2c59663e2ad1f23400738e49f95acf8f99/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12921228815732060306%2F8454420450087801457%2F1426071808)
GitHub - IBM/japan-technology: IBM Related Japanese technical documents - Code Patterns, Learning Path, Tutorials, etc.
IBM Related Japanese technical documents - Code Patterns, Learning Path, Tutorials, etc. Please open new issue/pull requests in either English or Japanese if you would have any feedback or you would like to contribute this repo. We provide mainly "Japanese contents" by markdown text. IBM Developerの最新情報は https://developer.ibm.com/ にアクセスし、英語のコンテンツを参照してください。 このリポジトリは、IBM Developer Japan Webサイトで公開していた
【コラム】攻略! ツール・ド・プログラミング (50) Ajaxを利用したJSFコンポーネントライブラリ「OpenFaces」 | エンタープライズ | マイコミジャーナル
「OpenFaces」は、Ajaxによるサーバとの非同期な通信を利用したJSF(JavaServer Faces)コンポーネント・フレームワークである。WebアプリケーションにおいてAjaxを利用する場合、通常であればJavaScriptを記述する必要がある。単にJavaScriptを利用するだけであればそれほど難しくないが、JSFを並用するとなると少々話が複雑になってくる。クライアントサイドで動作するJavaScriptと、サーバサイドで動作するJavaBeans(Managed Bean/Backing Bean)、そしてAjaxによる非同期のデータの受け渡しが絡み合ってくるからである。 そこでJSFでAjaxを利用する場合には、Ajaxによるインタラクティブな機能を内包したJSFコンポーネントを利用するのが一般的になっている。これならばAjaxを実現する複雑なJavaScriptコー
Ajax初心者入門講座
今回は Ajax フレームワークとして人気のある prototype.js を実際に使ってみましょう。 prototype.js には Ajax でよく使う機能があらかじめ用意されていて、JavaScriptのプログラムをシンプルにしてくれます。まずは prototype.js を使って既存のプログラムを書き換えた場合、どのように便利になるのか体験してみてください。 prototype.js は機能が豊富なので、最初は戸惑ってしまいます。とりあえずよく使う機能から使い方を覚えて、少しずつ活用の幅を広げていけばいいと思います。 【1】sample001 フォルダをコピーして sample002 フォルダを作成します。 【2】今回は以下のようなファイルの構成になります。 ・test.html と test.js を少しだけ変更します。 ・test.css は前回の sample001 と同じも
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
japan-technology IBM Related Japanese technical documents - Code Patterns, Learning Path, Tutorials, etc. Please open new issue/pull requests in either English or Japanese if you would have any feedback or you would like to contribute this repo. We provide mainly "Japanese contents" by markdown text. IBM Developerの最新情報は https://developer.ibm.com/ にアクセスし、英語のコンテンツを参照してください。 このリポジトリは、IBM Developer Ja
JSF 2.0 の Ajax 対応はとてもかんたん
JSF 2.0 の Ajax 対応はとてもかんたん 2011年1月18日 at 6:25 午後 4件のコメント JSF 2.0 の新機能の一つに Ajax 対応があります。今日は JSF 2.0 に追加された Ajax と 画面遷移が無いページ(同一描画内)で利用可能な @ViewScope について紹介します。 JSF 2.0 で追加された Ajax の機能を使うと、JavaScript の知識が殆どなくても Ajax のページを作成する事ができます。またその際、自身で XMLHttpRequest, XMLHttpResponse の通信処理も記載する必要がないため開発効率が向上します。 もっと誇張していうなら、通常の JSF ページに対してほんの数行追加するだけで、簡単に Ajax 対応させる事ができます。下記に示す例ではほんの１〜２行追加するだけで Ajax 対応ページを実現してい
JavaサーブレットとJSON-libでできるiPhone向けAjax
今回は、いよいよWebアプリを作ってみたいと思います。まずAjaxの基本をおさらいし、後半で、前回の「iUIで始めるiPhone用Webアプリ開発の基礎知識」で紹介した「iUI」に組み込みます。 開発者なら当然知っているであろう、Ajaxの基本 iPhoneでもAjaxの使い方はPC向けWebブラウザと一緒で、XMLHttpRequestオブジェクトを使ってWebサーバからXMLやJSONなどのコンテンツを取得して、それを基にJavaScriptでHTMLを加工するという流れです。 リンクをクリックしたら、画面の一部（「replaceIt」というIDの<div>要素）にサーバで生成されるコンテンツを非同期で表示するには、以下のようなコードです。 1: <a href="javascript:void(0)" onclick="clickDiv()">クリックしてください</a> 2: <d
Ajaxのキソのキソまとめ - builder by ZDNet Japan
Ajaxパワーの活用方法 Ajaxは、ウェブアプリケーションの開発方法や利用方法を大きく変えた破壊的な技術だ。Ajaxによってインタラクティブなページの作成が可能になったのである。Ajaxは現在もウェブの流行の最先端を走り続けている。 Ajaxという用語は比較的最近生まれたものだが、Ajaxを支えている技術は以前から存在していた。ブラウザに送られたウェブページの内容をあとから変更する機能自体は、何年も前からあったのである。たとえば、JavaScriptでiframeのsrc属性を変更するのもそのような技術の一つだ。 しかし、XMLHttpRequestオブジェクトが主要なブラウザで実装され、GmailやGoogle Mapsが公開され始めると、開発者はそれをきっかけとしてウェブページの構築方法をもう一度考えるようになったのである。 XMLHttpRequestオブジェクト Ajaxを可能に
かんたんAjax開発をするためのRuby on Railsの基礎知識 − ＠IT
かんたんAjax開発をするためのRuby on Railsの基礎知識：Ruby on RailsのRJSでかんたんAjax開発（前編）（1/4 ページ） いまさら聞けないRuby on Railsとは？ Ruby on Rails（以降、Rails）は、世の中に多数存在する現在のWebアプリケーション開発フレームワークに多大な影響を与えている、先進的で生産性の高いフレームワークです。 以下をコンセプトとして掲げており、Ruby言語で記述されています。 「同じことを繰り返さない」（DRY:Don't Repeat Yourself） 「設定よりも規約」（CoC:Convention over Configuration） ここ数年で、楽天市場、ニフティ、カカクコムなど大手IT企業での採用も進んでおり、注目を集めています。 関連記事： 楽天が「Ruby on Railsの利用を開始します」 h
【コラム】攻略! ツール・ド・プログラミング (40) AWT/SwingアプリをAjax Webアプリに変換する「AjaxSwing」 | エンタープライズ | マイコミジャーナル
AjaxSwingとは AjaxSwingは、AWT/Swingを使って作られたJavaのGUIアプリケーションを、Ajaxを利用したインタラクティブなWebアプリケーションに変換し、Webブラウザから利用できるようにするツールである。CreamTecによって提供されているこのツールは、AWT/Swingで作成されたアプリケーションを、そのままの見た目でWebアプリケーションとして利用できるようにするという非常にユニークなもの。変換後のUIはHTMLやAjax技術を用いて構成される。 AjaxSwingによって生成されるWebアプリケーションは、Servletコンテナ上で動作するサーバ部分と、Webブラウザ上で動作するUI部分から構成される。ブラウザ上でのコンポーネントのレンダリングや、サーバとブラウザ間の非同期通信にはAjaxの技術が活用される。イベント通知などもAjaxを用いて忠実に再
Ruby on Railsのチュートリアル～Ajax: プログラマーの雑記帳
ビュー（画面） 入力画面、兼、結果画面を作成しましょう。 "ror-tutorial\app\views\ajax\index.html.erb"ファイルを以下の内容で作成します。 <html> <head> <title>Tutorial: Ajax</title> <%= stylesheet_link_tag 'ror' %> <%= javascript_include_tag "jquery" %> </head> <body> <h2>Tutorial: Ajax</h2> <span id="message"></span><br /> <input type="button" value="hello" onclick="$('#message').load('/ajax/hello');"/> </body> </html> コントローラー "ror-tutorial\a
連載：jQuery 逆引きリファレンス 第8回 Ajax編（前編） − ＠IT
ｊQueryを使えばAjax技術による非同期処理も簡潔に記述できる。Ajax関連の基本メソッドをまとめた、すぐに役立つ10本を一挙公開。 連載目次 このシリーズでは、jQueryの基本機能を逆引きリファレンスの形式でまとめています。リファレンスという性質上、本連載では入門レベルでの解説は割愛しています。jQueryの基本構文、Visual Studio上でjQueryを利用する方法などについては、拙稿「ASP.NETプログラマーのためのjQuery入門」を併せて参照することをお勧めします。 さて、本連載も第8回となる今回は「Ajax編」です。Ajaxとは、ひと言でいうならば、JavaScriptコードからサーバに対してHTTP通信を行うための技術です。Ajax技術を利用すれば、サーバとの通信のたびにページ全体をリフレッシュさせることがないため、途中で操作を遮られることのない、より使いやすい
業務システムでAjaxを使う際の「JavaScript問題」とは
業務システムでAjaxを使う際の「JavaScript問題」とは：TERASOLUNAでAjaxもラクラク開発（前編）（1/2 ページ） オープンソース「TERASOLUNA」の業務用Ajaxとは Ajaxは、Webブラウザ上で使いやすく表現力の豊かなUI（ユーザーインターフェイス）を実現するための技術です。そのメリットは、インターネット上の先進的なWebサイトだけではなく、企業内の業務アプリケーションでも活用が進んできました。NTTデータがオープンソースで公開しているTERASOLUNAフレームワークにもAjax開発に対応した「TERASOLUNA Client Framework for Ajax」（以下、TERASOLUNA Ajax）がラインアップに含まれています。 TERASOLUNA Ajaxは、サーバ側の実装方法を特に規定していないので、Javaや.NET、PHP、Rubyな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
Build and implement a single sign-on solution
IBM Developer
IBM Developer
IBM Developer
IBM Developer
IBM Developer