[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

2013年9月16日のブックマーク (8件)

  • 非同期通信中に「Now Loading」アニメーションを表示する方法 - abe-tatsuya.com

    error この記事は最終更新日から14年以上が経過しています。 jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。 ローディング中の画像を表示するスクリプト 例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。 <p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button" value="ここをクリックでメッセージ変更" data-gtm-click-label="entry-summary-keyword" href="/q/EM">eMessage();"> </form> この時、function ChangeMessage() の中身は通常以下のようになります。 function

    非同期通信中に「Now Loading」アニメーションを表示する方法 - abe-tatsuya.com
    michael0404
    michael0404 2013/09/16
    “$("#message").html('<img src="loading.gif" width="10" height="10" alt="Now Loading..." />');”
  • jQueryでjsonデータを扱ってみる【入門編】

    jQueryでjsonデータを扱ってみる【入門編】 javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基なようです。 似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。 そこで入門編と題して(入門編しかない!)改めて基礎から勉強していけたらと思います。 投稿日2010年07月25日 更新日2016年04月26日 とにかくシンプルなjson jsonデータは基は外部から読み込むことになりますが、練習なのでとりあえずjavascript内の変数内に直に書きます。 「:(コロン)」で区切ったキーと値を一組として、2組目を「,(コンマ)」で区切って記述していきます。 それらを{}で囲むことで一つのオブジェクトとして扱い

    jQueryでjsonデータを扱ってみる【入門編】
    michael0404
    michael0404 2013/09/16
    “for(var i in data){2 $("#output").append("<li>" + data[i].name + "(" + data[i].age + "才)</li>");3}”
  • JavaScript の配列と連想配列の違い - IT戦記

    id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ^^ id:cheesepie さん頑張ってください! で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません>< ! やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h

    JavaScript の配列と連想配列の違い - IT戦記
  • PHP+JQuery+MySQLで画面遷移無しにDBの中身を表示する - program_study's diary

    2013-01-10 PHP+JQuery+MySQLで画面遷移無しにDBの中身を表示する PHP JQuery JavaScript 日は「jQuery.ajaxで簡単に非同期通信:背負い投げとENTER_FRAME」さんのページのソースを参考にして、女の子のプロフが表示されたアプリケーションを作成しました。ページを設け3人ずつ表示が切り替わるようにしました。やる事を具体的にまとめると以下のようになります。 問題(今日やること) 上の色付きの部分は女の子の画像で、下の部分は女の子のプロフィールを表します。このときPHP+JQueryを用いて同じページ内で3人ずつ表示が切り替わるようにして下さい。女の子を表示するのに必要なデータベースのテーブルは、以下の図を参考にして下さい。又JQueryとPHPの部分については、こちらを参考にして下さい。実行結果はこちらテーブルgirl_lists

  • 第9回 Ajax編(後編)

    連載目次 jQueryでAjax通信の基的な機能を担うのは、$.ajaxメソッドです。load、$.get、$.post、$.getJSON、$.getScriptなどの簡易メソッドもありますが、実は、これらのメソッドはすべて$.ajaxメソッドを内部的に利用しているのです。$.ajaxメソッドが汎用的なAjax機能を提供するとしたら、そのほかのAjax関連メソッドは、目的に特化した機能を簡易なインターフェイスで提供するものであるといえるでしょう。 $.ajaxメソッドの引数には、Ajax通信に必要なオプション情報を「キー : 値」のハッシュ形式で指定できます。以下に、利用可能なオプション情報をまとめておきます(主要なオプションについては、適宜、次項以降で解説します)。 $.ajaxメソッドで利用可能なオプション* 成功コールバックにXMLHttpRequestオブジェクトが渡されるよう

    第9回 Ajax編(後編)
  • Mojolicious::Guides::Growing

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    Mojolicious::Guides::Growing
  • jqueryを効率よく学ぶ方法は? - プログラミング学習の窓口

    jQueryを学ぼうと思ってネット検索をしても、色々な情報が出てきてどの情報を参考にすればいいか分からないという経験をした方はいるのではないでしょうか。 特に独学で学ぼうとすると、その壁によくぶつかります。ドットインストールのようなメジャーなサービスも使ったことがなければ、その価値は分かりません。 そこでおすすめなのがプログラミングスクールの活用です。最初に何から学ぶべきかといった説明はもちろんのこと、キャリアプランまで相談に乗ってくれるので、ただ単に学んで終わるということが減らせます。 The post jqueryを効率よく学ぶ方法は? first appeared on プログラミング学習の窓口.

    jqueryを効率よく学ぶ方法は? - プログラミング学習の窓口
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
    michael0404
    michael0404 2013/09/16
    “画像ギャラリー用jQueryプラグインなどまとめ | PozuPad”