タグ

JavaScriptとajaxに関するtaketsのブックマーク (18)

  • ajaxでクロスドメイン通信を実現するphp - Qiita

    概要 ajaxでのクロスドメイン通信をする簡単な方法です。 phpを使用して実現します。 ネットを探していると、なんだか複雑に実装しているサンプルが多かったので、簡単・汎用なものをつくりました。 テキスト形式で取得しているので、あとから、JSONなりXMLなりレスポンスのデータ形式にあわせてパースすれば良いかと。 コード html は以下のとおり。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script> $(document).ready(function(){

    ajaxでクロスドメイン通信を実現するphp - Qiita
    takets
    takets 2015/07/10
    ボタンを押すとjqueryが発動する簡単なサンプル
  • lllcolor.com

    This domain may be for sale!

  • ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」:phpspot開発日誌

    リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ... 次の記事 ≫:PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」 jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。 画像で実装したスクロールバーをブロック要素に付けた例 右側にプレーンな分かりやすいスクロールバーを付けてみた例 実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。 scroller  = new jsScroller(docum

  • Accordion v1.0 Demo

    Мостбет сайтМостбет сайт — это молодой ресурс, который идет семимильными шагами к достижению наивысшего качества. Число пользователей которые посещают сайт растет с каждым днем и большое количество задумывается о том, чтобы создать профиль и начать делать ставки. Эта статья предназначена для тех кто еще раздумывает или просто не знает как начать потому что еще не имеет опыта с этим видом онлайн ра

    takets
    takets 2007/07/17
    - メニューの折りたたみができる。
  • Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳

    これはなかなかおしゃれな小窓が作れそう。 ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。 特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。 6つのサンプル 試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。 サンプル1 マウスによるロールスクロールは出来ない。 矢印にマウスを乗せるとスクロールする。 サンプル2 スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。 サンプル3 スクロールバーを右に配置しているが、特殊なバーに加工している。 サンプル4 上のサンプル3に、タブを追加したバージョンです。 サンプル5 上のサンプル4に、さらに右側にリンクによるナビゲーションを追加したバージョン。 リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。

    Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
  • div要素をクロスフェード表示するJavaScript | WWW WATCH

    結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 (じゃなくてもいいんですが) をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip

    div要素をクロスフェード表示するJavaScript | WWW WATCH
  • Bridge Word

    This shop will be powered by Are you the store owner? Log in here

  • prototype.jsを10KBにする方法

    2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました(「何者か」 = 酒……)。 prototype.jsを10KBにする方法の続き(.htaccessをスマートに使う) : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype(“prototype-1.4.0.js”)を10キロバイト(10,453 bytes)に圧縮して、しかも(当たり前ながら)動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした(他は

    prototype.jsを10KBにする方法
  • http://www.asahi-net.or.jp/~cu5m-ooym/ajax/index.htm

    takets
    takets 2006/09/05
    - 初心者向けAjax解説ページ
  • suggest.js - 入力補完ライブラリ

    Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES

    takets
    takets 2006/08/10
    - 補完って言葉、大好き。
  • グレーアウト表示ライブラリ:glayer.js:phpspot開発日誌

    glayer.js - グレーアウト表示ライブラリ Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(grey+layerで、glayer.js) グレーアウト表示ライブラリ:glayer.js。 LightBoxのように、画面全体を簡単にグレーアウトすることが出来ます。 使い方は、必要なJavaScriptCSSを読み込ませて、divを定義した後、onclickイベントハンドラなどに、 Layer.show( divのid要素 ) Layer.hide( divのid要素 ) を仕込むだけで簡単に使えて便利です。 このライブラリを使って、ポップアップメッセージをウィンドウ内で表示するサンプルを作ってみました。 <html> <!--●必要ライブラリの読み込み--> <script type="te

    takets
    takets 2006/08/09
    - グレーアウトって?
  • あるSEのつぶやき: Ajax開発支援ツールまとめ

    Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ,解説記事2,正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit

  • Javascript Sound Kit

    The Javascript Sound Kit is a wrapper around the ActionScript Sound Object, it makes it possible to use the Sound Object in Javascript the same way you do it in ActionScript. The API works almost the same way as the ActionScript Sound Object. Refer to Macromedia's documentation for more information here. Code Example: var mysound = new Sound(); mysound.loadSound("http://www.archive.org/download/Be

    takets
    takets 2006/07/23
    - Javascriptでも音が出せるライブラリ
  • [brothercake] LoJAX

    LoJAX (Low-technology AJAX) 12th June 2006 LoJAX is a re-creation of the window.XMLHttpRequest object, designed for low-specification and legacy browsers. Demo of LoJAX in its default configuration It can also be used in browsers that already have support, to provide additional functionality not available in any native implementation. Demo of LoJAX working for all browsers LoJAX uses a combination

    takets
    takets 2006/06/15
    - 低スペックとか多くのブラウザで動作するAjaxライブラリの模様
  • ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記

    仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, { Move: [element, {x: 300, y: 0}] }, { Move: [element, {x: 0, y: -300}] }, { Move: [element, {x: -300, y: 0}], next: 1 } ] ); planner.start(); こうなる http://sample.ecmascript.jp/20060523-00.html たとえば、こう書くと var col

    ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記
  • Dynamic Drive DHTML Scripts- Bullet Image Link script

    A premium domain name exclusively for sale on the BrandBucket network. Dynamic Drive: A vibrant, forceful name that conveys motion and innovation, suggesting cutting-edge technology and forward-thinking solutions. Possible uses: A mobile app for car diagnostics. A tech platform for logistics. An adaptive learning software. Full ownership of domain dynamicdrive.com. Logo design source files and rig

    Dynamic Drive DHTML Scripts- Bullet Image Link script
    takets
    takets 2006/05/23
    - Ajaxを使ったタブ。
  • Ajaxを勉強しよう

    このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja

  • DHTML, Ajax And Javascript Code Library - DHTMLGoodies.com

    - March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM

    takets
    takets 2006/03/16
    - よさげなAjaxのサンプル集
  • 1