ボタンを作ったよ

どもども、珍しく短期間での更新です。
プレゼンテーションアプリ更新しました。
こちらからどうぞ。

http://tunsns.net/presentation/sample05.html

さて、今回追加しましたのはボタン。プレゼンテーション画面の右下端と左下端に仕込みました。
今回覚えたのはafterって機能。
要するに、要素の追加ね。

    $("#output").after( $("<div>").attr({"id":"btnArea"}) );

↑みたいな感じで、btnAreaってidのdiv要素をid#outputの後ろに追加する。
他に覚えたのはappend

    $("#btnArea").append(
            $("<img>").attr({
              "src"   : "presentation_btn_rev.png",
              "title" : "btn1",
              "alt"   : "btn1",
              "id"    : "btn1"
            })
     );

何をやっているのかというと、id#btnAreaの子要素としてイメージを追加している。
後、何気にattrかな。属性を追加・設定する。
DOM系の基本だから覚えるのは必須だよね。
普通にjavascriptだとappendChildとかinsertBeforeとか色々訳分からんAPI覚えないと行けないけど、jQueryだと統一されているから、クロスブラウザを考えなくて良いから素晴らしいよね。
ま、本来の目的としてはIEとそれ以外のブラウザの差異を吸収するというか、IEをモダンブラウザ側に引き寄せるようなライブラリらしいけど、ブッチギリで無視してるよっ！
IEでの動作確認は出来ないので、残念でしたということで。
#ま、コード読めば分かるけど、一部のCSSを修正すればIEでも動きます。
#想定の動きはしてくれないけれどね（笑）
暇な人はコードでも眺めてみてください。
ではでは。

Ajax通信してるらしい。

Ajax通信風な何かをごにょってるみたいです。
んが、基本的には従来の序盤で一括がっつり読み込み方式使っているので、ぱっと見は何が変わっているのか分からない。
Yahoo!!!!
やふーじゃない。お馬鹿さん。

って事で、気になるアプリのアドレスはこちら
http://tunsns.net/presentation/sample04.html

ちなみに、コードとしてはこんな感じでやっています。

    $.ajax({
        type: "GET",
        dataType: "plan/text",
        url : "./sample04.txt",
        success: function(req){
          //ロード完了後の処理
        }
    });

クリックに対応に伴い仕様変更(爆)

プレゼンテーションツール製作で、本日はクリックの機能を導入しました。
この間と殆ど機能は変わっていませんが、ソースコード見たら結構換わっている雰囲気を受けるかもしれません。

意味も無くオブジェクト化してみた典型例です。





ホントウニダメコードデゴメンナサイorz





エントリに書いた仕様変更ですが、最初は右クリックで戻るって仕様だったんですけど、右クリック関連はOperaが鬼門だったので(笑)、Shift+クリックで戻るというヘタレ仕様になっています。
良いの！　どうせ使う人は限られているんだから＞＜

URLはこちらっ！
http://tunsns.net/presentation/sample03.html

次回はXMLHttpRequest関連かなぁ。
ではでは。