Access-Control-Allow-Origin試してみた。その２ - ミルク色の手紙
前回めでたくクロスドメインからレスポンスもらえるようになったけど、Cookieが送れなかった件。 参考をよーく見直してみたら、なんかCookieセットできそうな文章を発見。で、再度お試し。 RPC側を次のように修正。Access-Control-Allow-Credentialsヘッダーを追加する。 <?php header('Access-Control-Allow-Origin:http://localhost'); header('Access-Control-Allow-Credentials:true'); header('Content-Type:text/plain;charset=UTF-8'); $msg = ' World'; if(isset($_COOKIE['_test_'])) { $msg = ' Again'; } else { setcookie('_te
d3.jsを利用してはてなブックマークの新着記事を表示したい
はてなブックマークエントリー情報取得APIのJSONP対応 質問に挙げられているAPIに関してはJSONPでの取得方法が説明されています。 またhttp://b.hatena.ne.jp/entry/json/に対し、以下のクエリーパラメータを GET リクエストで送信することで、JSONP によるコールバック関数で囲まれたJSONデータを取得することができます。 (以下略) JSONPの使い方が分からない場合はトライしてつまずいた所に絞って、また質問するとよいと思います。 下記は高速版(/entry/jsonlite/)でこのサイトのブックマークを取得する例です。 <div><p>はてなブックマーク:</p> <pre id="hatena_bkm"></pre> </div> <script> "use strict"; function my_hatena_bkm_callback(
javascriptでクロスドメインを越える - Qiita
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.6.4/jquery.colorbox-min.js"></script> <!-- <script type="text/javascript" src="https://raw.githubusercontent.com/padolsey-archive/jquery.fn/master/cross-domain-ajax/jquery.xdomainajax.js"></script> --> <script type="text/javascript" src="https://rawgit.com/padolsey-archive/jquery.fn/master/cross-domain-aja
wordpressで使ってみるajaxの基本 | Unskilled?
wordpressでajaxを使ってみる 最近では当たり前のように使われていて、空気のような存在になっているajax。その所為かネット上では古い情報と新しい情報とが入り乱れており、初心者にとってはなかなか情報を得るのが難しい状況下もしれないですね。 すでに習熟している人にとっては当たり前すぎる技術であり、その為ライブラリを用いたajaxの解説(主にはjQuey)の例がほとんどで、javascriptネイティブで書かれることは少ないです そんな中、ajaxの基本的な使い方をwordpressを通じて解説してみたいと思いマス。 ajaxについて もうご存知かと思うが、一応説明しておこうと思います。 非同期通信である ajaxは非同期でクライアントとサーバが通信する技術です。 普通何らかの処理がある場合、その処理が終わるまで他のプロセス(処理)は待っている状態になります。 たとえばHTMLの解析
ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」:phpspot開発日誌
jQuery.upload: A simple ajax file upload plugin ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」 同じページ内に生成したiframeへデータをPOSTすることで、非同期にファイルをアップロードが可能にするものです。 ファイルを選択すると即時にアップロードが開始するのが特徴 アップロードを完了すると次のように、ファイル名・サイズといったファイル情報が表示されるデモが公開されています。 ファイルアップロードを頻繁に行うようなケースにおいて、便利に使えるインタフェースが組み込めそうですね。 関連エントリ ajaxファイルアップロードに使えるjQueryプラグインいろいろ PHPでファイルアップロードの処理を超簡単にするクラス例「EasyUp」 ファイルアップロードの際に便利なFlash/JavaScri
jQuery UI - Home
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. Rich effects and UI widgets jQuery UI features low-level effect and interaction API's as well as full-featured and highly configurable ready-to-use widgets. Suppor
JavaScriptやCSSのメンテナンスにぜひどうぞ·CocProxy MOONGIFT
こ、これは便利…。新規開発しているときはまだしも、実際に動いているサイトのデザインやJavaScriptをメンテナンスしようと思うと以外と大変だ。静的な場合はまだしも、Ajaxを使ってデータを取得していたりすると、その用意だけでも時間がかかってしまう。 そんな時に使えるのがamachangご推薦のCocProxyだ。Webデザイナーまたは開発者の方はおお、こんなのを待っていたと思うに違いない。 CocProxyはRubyで書かれたオープンソース・ソフトウェアで、開発用プロキシだ。 CocProxyを使う際には、filesというディレクトリを作成し、そこにファイルを配置する。ドメインごとにフォルダを作成して、その中にファイルを入れても良いし、直接ファイルを置いても良い。優先度はfiles直下にあるファイルだ。 style.cssはヒットしたのでローカルファイルを利用している そしてproxy
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
prototype.jsでクロスブラウザなWYSIWIGエディタ:phpspot開発日誌
prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。 なかなか便利そうですね。 その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor TinyMCE
ブラウザ上で使えるJavaScriptによるデータベース「Traffy DB」:phpspot開発日誌
PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter... 次の記事 ≫：優雅なWeb制作のためのJavaScript「yuga.js」 Taffy DB : A JavaScript database for your browser Taffy DB is a free and opensource JavaScript library that acts as thin data layer inside Web 2.0 and Ajax applications. ブラウザ上で使えるJavaScriptによるデータベース「Traffy DB」. Ajaxアプリケーションなどで、ブラウザ内で多くのデータを扱う場合に使えるライブラリのようです。 例えば、次のようにデータを検索することが出来るようです products.find({price:{
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
jQueryでAjax、はじめの一歩 | エムティシステム
次のサンプルは、画像共有サイトFlickrの「Public photos」フィードサービスを利用して、こちらから指定したタグに関連するデータを受け取り、渡されたデータから「media」で指定された画像を表示する例である。「鉄は熱いうちに打て」ということで、jQueryをもう少し突っ込んで利用してみる。使い方は、カテゴリを選択してから「読込む」ボタンを押せば、「次へ」で次の画像を読み込んで表示する。何が出るか分からないので、心の準備はしておいて下さい。責任は一切持ちません(^_^;)。 この例の元ネタは、jQueryのAPIリファレンスでAjaxのgetJSONの項である。FlickrのAPIは、Flicker ServicesのFeedsページでPublic photosに説明がある。フィードデータのJSONフォーマットは、「NEW」の印が付いているので最近サポートされるようになったのか
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
超クールな複数アイテムの入力補完用JavaScriptライブラリ:phpspot開発日誌
Devthought - Guillermo Rauch’s Blog TextboxList meets Autocompletion In my previous blogpost I explained how to extend TextboxList to add closing functionality via a link added to each box. But it was missing an important ingredient: autocompletion! 超クールな複数アイテムの入力補完用JavaScriptライブラリ。 テキストボックスにアイテムを入力すると、クールに補完候補が表示され、補完した後は、１つのアイテムとして、水色の枠で囲まれ、×ボタンで消すことも出来る模様。 デモはこちら アイテムを複数入力する必要のある、ソーシャルブックマークでのタ
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
MOONGIFT: � JavaScriptでRPG？「The ClanFX Javascript Game Engine」:オープンソースを毎日紹介
何でもJavaScriptでやってしまおう。サーバとの通信はAjaxにすれば、クライアントサイドはあたかもローカルアプリケーションのように操作できる。 数々のソフトウェアがWebアプリケーションとして登場したが、これは別格と言えそうだ。何せJavaScriptでゲーム、それもRPGを作る試みなのだ。 今回紹介するオープンソース・ソフトウェアはThe ClanFX Javascript Game Engine、JavaScriptベースのゲームエンジンだ。 The ClanFX Javascript Game Engineはエンジン部なので、実装は別になる。が、デモも用意されているのでぜひ見てみて欲しい。 中世風の町をイメージした風景に、馬車や人が点在している。自分自身は矢印キーで移動させることが可能だ。また、各キャラクターのそばにいくと、吹き出しが表示される。 キャラクターによっては話しか
TRIGLAV
Action RPG by JavaScript that can be played through a web browser.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JS Bin
jQueryサンプル集 | DesignWalker
