IE11から学びなおすAjaxの巻 - maachangの日記
現在、通常のXMLHttpRequest(XMLHttpRequest2)でAjaxでドメインを越えるには、アクセス先のサーバー側が Access-Control-Allow-Origin: * Access-Control-Allow-Methods: POST, GET, OPTIONS Access-Control-Allow-Headers: * このHTTPヘッダを返却すれば、ドメイン越えのアクセスが可能となる。 ただし、ブラウザによっては(IEとIE以外と)使うオブジェクトが大きく変わる。 IE(internet explorer以降IE)以外のブラウザでは[XMLHttpRequest]を利用すれば、最近のブラウザでは勝手にドメイン越えをしてくれるわけだが、しかしながらIEの8以前では、あの悪名高き「ActiveX」を使う必要があるわけで、これを使って try { new A
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
jQuery.DeferredとかjQuery.whenの使い方について - 一から勉強させてください
今回はjQuery.Deferredとかそれに関連するjQuery.whenとかのことをざっくり書こうと思います。 まずざっくりとDeferredについて。 Deferredオブジェクトはunresolved, resolved, rejectedのいずれかの状態をもつオブジェクトです（デフォルト値はunresoleved）。 そして、 ・unresolved状態→後続の処理は実行されない。 ・resolved状態→resolvedになった時用の処理（要するにdone）が実行される。 ・rejected状態→rejectedになった時用の処理（要するにfail）が実行される。 といった具合に、状態に応じて後続の処理を管理してくれます（ちなみに地味に重要なんですが、一度状態が変わったDeferredオブジェクトはもう二度と別の状態には変わりません。役目終了です）。 これによって、実行の順番を
2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Google AJAX Feed API を使って Twitpic の画像ギャラリーを非同期で作る
<script type="text/javascript" src="http://www.google.com/jsapi?key=APIKEY"></script> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("http://twitpic.com/photos/hoge/feed.rss"); feed.setNumEntries(8); feed.load(function(result) { if (!result.error) { var container = document.getElementById("twitpicThumbnail"); container.innerHTML = '<h2>Photos</h2><ul>'; for (va
横に長くなりがちなテキストも自動でサイズ調整してレイアウトを崩させないjQueryプラグイン「Shorten」:phpspot開発日誌
横に長くなりがちなテキストも自動でサイズ調整してレイアウトを崩させないjQueryプラグイン「Shorten」 2010年12月14日- Shorten - A jQuery Plugin for Truncating Styled Text 横に長くなりがちなテキストも自動でサイズ調整してレイアウトを崩させないjQueryプラグイン「Shorten」。 ブロック要素に長いテキストがあって、折り返されないような場合、レイアウトが崩れてしまいますが、このプラグインを使えば、次のように、長いテキストも最後を ... more のように短くすることが出来ます。 $(element).shorten() メソッドを呼ぶだけですが、width で、収めたいサイズを、tail で、続きへのリンクを設定できたりします。 .shorten({width: 400, tail: '<a href="">..
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
JavaScriptライブラリ「jQuery」関連サイト34 : skuare.net
twitter facebook hatena google pocket 米大統領選でクリントン氏と壮絶な攻防を繰り広げるオバマ氏のサイトでも使用されるなど、巷で大人気のjQuery。 今回はjQueryの関連サイトを紹介します。 追記： 2008/2/8 2サイト 2008/5/29 2サイト 2008/6/25 1サイト 2008/7/9 5サイト（jQuery UI系・Cheet Sheetを集めました） sponsors Reference ・jQuery リファレンス：v1.0.x、1.2.x ・jQuery 1.2 ドキュメント日本語訳 ・jQuery 開発者向けメモ：v1.1.x ・jQuery日本語リファレンス：v1.2.6 HowTo / Review ・jquery.jsを読み解く（追記：2008/2/8） ・jQueryの魔法 ・ニュータイプなJSライブラリjQue
Mibbit.com - Easy and fast Webchat in your browser
Chatting is easy, just choose your nickname, pick a channel and press go! You don't need to sign up for an account and you can use it from wherever you are with just a web browser. With Mibbit you can browse through and connect to channels or go straight to chat with people you already know. You can embed Youtube clips, use a pastebin, share the channel URL with friends and lots more. Signing up f
画像にマスクを施せるJavaScriptライブラリ「Edge.js」と画像エフェクトライブラリ集:phpspot開発日誌
画像にマスクを施せるJavaScriptライブラリ「Edge.js」と画像エフェクトライブラリ集 2007年08月06日- Edge.js (with basic IE 6/7 support) Edge.js 1.1 allows you to add individual masks (inc. inbuilt mask) to images on your webpages. It uses unobtrusive javascript to keep your code clean. 画像にマスクを施せるJavaScriptライブラリ「Edge.js」。 Edge.js を使えば次のように、画像にマスクを与えることが可能です。 次のように、JavaScript でマスク画像の配列を定義して、必要ライブラリを読み込んだ後、img タグに適切なクラスを付与する感じになります。 <!--
Accordion v1.0 Demo
Мостбет сайтМостбет сайт — это молодой ресурс, который идет семимильными шагами к достижению наивысшего качества. Число пользователей которые посещают сайт растет с каждым днем и большое количество задумывается о том, чтобы создать профиль и начать делать ставки. Эта статья предназначена для тех кто еще раздумывает или просто не знает как начать потому что еще не имеет опыта с этим видом онлайн ра
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
Interface elements for jQuery - Real examples of Interface elements
Index of /demos NameLast modifiedSize Parent Directory - windows.html2010-02-26 19:13 9.1K ttabs.html2010-02-26 19:13 1.0K tooltip.html2010-02-26 19:13 3.2K sort_tabs.html2010-02-26 19:13 2.1K sort_lists.html2010-02-26 19:13 1.6K sort_floats.html2010-02-26 19:13 2.9K sort.html2010-02-26 19:13 5.2K slideshow.html2010-02-26 19:13 4.1K slider_resize.html2010-02-26 19:13 1.8K slider_minmax.html2010-0
使えるJavaScript/Ajaxライブラリ80個まとめ:phpspot開発日誌
80 AJAX-Solutions For Professional Coding | Smashing Magazine Web-developers can create amazing web-applications with AJAX. 使えるJavaScript/Ajaxライブラリ80個まとめ、ということで大量のAjaxライブラリが紹介されていました。 Ajax オートコンプリート AJAX AutoSuggest AJAX Autocompleter/ script.aculo.us library AJAX AutoCompleter ... Ajax でその場編集テキスト AJAX inline text edit 2.0 AJAX & CSS Flickr-like Editing Fields AJAX Instant Edit ... Ajaxメニュー、タブ AJA
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptプログラミング講座【XMLHttpRequest について】
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
Phatfusion:image menu
jsScrolling