のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,836人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    私的良スレ書庫

    不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
    ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

    元スレ+ JavaScript の質問用スレッド vol.80 +

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : - タグè¿1⁄2åŠ + 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    151 : Name_Not - 2010/09/23(木) 21:50:50 ID:??? (+54,+26,-21)
    HPで画像をランダムで表セルの中に表示したいんだけど
    画像でランダムはある程度わかるけど
    表セルの中に表示するのはどうすればいいの?
    152 : Name_Not - 2010/09/23(木) 22:04:10 ID:??? (+0,-23,-14)
    スレチすぎるだろうw html
    153 : Name_Not - 2010/09/23(木) 23:10:20 ID:??? (+34,+6,-12)
    html併用なのはわかるけど
    ランダムリンクと併用した場合
    javaで指定するんじゃないの?
    154 : Name_Not - 2010/09/23(木) 23:19:37 ID:??? (+8,-9,+0)
    >java
    155 : Name_Not - 2010/09/23(木) 23:24:50 ID:??? (+44,-8,+0)
    表セルの中を指定すればいいだけ。
    156 : Name_Not - 2010/09/24(金) 00:51:47 ID:??? (+56,+27,+0)
    >>155
    うるせえはげ
    157 : Name_Not - 2010/09/24(金) 19:23:36 ID:??? (+8,-29,-34)
    windowのbeforeunloadイベントで
    別のページに移動するのかリロードなのか閉じられようとしているのか
    判断することはできますか?無理ですか?
    158 : Name_Not - 2010/09/24(金) 22:25:26 ID:??? (-1,-29,-6)
    beforeunload で prompt 出して、聞けば良いyo!
    159 : Name_Not - 2010/09/24(金) 22:34:29 ID:??? (+52,+29,-4)
    迷惑極まりないなw
    160 : Name_Not - 2010/09/24(金) 22:35:19 ID:??? (-1,-29,-16)
                  NO → 【リロード】 ─ YES → じゃあ死ね
                /             \
    【別ページに移動?】                 NO → 私は今閉じられようとしている
                \
                   YES → 死ね
    161 : 157 - 2010/09/25(土) 07:39:06 ID:??? (+57,+29,-1)
    どうもありがとうございますやっぱり無理なんですね
    162 : Name_Not - 2010/09/26(日) 12:52:40 ID:Fpnok5lC (+39,+29,-163)
    クリックすると音声が再生されるサイトを作ったんですが、soundManagerというフリーのソフトを使って作りました。

    しかし、gooの辞書の音声再生を今日初めて使ったところ、そのレスポンスの速さに驚かされました。
    http://dictionary.goo.ne.jp/leaf/ej3/17838/m0u/commonly/

    自分のサイトはこれに比べるとクリックした後に再生するまでの間に若干のタイムラグがあります。
    (ためしにこのgoo辞書の音声をダウンロードして使って見ましたが、
    同じ音声データでもタイムラグが発生していました。)

    このページではどのようにflashを再生しているのでしょうか。
    その仕組みがわからなかったのでわかる方いましたら教えて頂けないでしょうか。
    163 : Name_Not - 2010/09/26(日) 13:05:59 ID:??? (-1,-29,-23)
    ページを表示した時点でflashを描画、同時に音声データも受信(あるいはflashに内蔵)
    クリック検知はflach側。よってJSでは音を鳴らしていない。
    164 : Name_Not - 2010/09/26(日) 13:10:56 ID:??? (-2,-30,-105)
    サウンド関係はほとんどFlash、gooも例外じゃない

    Flashを使わない方法だと、HTML5でaudio要素がサポートされるのでそれを使う
    <audio controls="true" autobuffer="true">
    <source src="audio.ogg" /> <!-- Firefox -->
    <source src="audio.mp3" /> <!-- Crome,Safari -->
    </audio>
    165 : Name_Not - 2010/09/26(日) 15:41:13 ID:??? (+57,+29,-34)
    現状HTML5だと複数フォーマット用意しないといけないからイラネって感じだね
    早く統一しろや
    168 : Name_Not - 2010/09/26(日) 16:41:12 ID:??? (+13,-14,+1)
    ちなみになんでwindowなんだろう
    169 : Name_Not - 2010/09/26(日) 16:41:15 ID:??? (+57,+29,-6)
    後者は一気に作りすぎなのと数字で始まるやつがあるからエラーでるけどな。
    170 : Name_Not - 2010/09/26(日) 18:46:14 ID:??? (+55,+27,-2)
    数字で始まるやつがなくてもエラーだよ
    171 : Name_Not - 2010/09/26(日) 18:53:57 ID:??? (+10,-18,-17)
    namespaceは必ずしもURLである必要は無いかと
    だから>>166のやり方も、被らない名前ならOK
    172 : Name_Not - 2010/09/26(日) 18:57:06 ID:??? (+36,-30,-58)
    なんでnet.2ch.hibari.hp.1284091954
    こんな記述なの?
    hibari.2ch.netの反対からでそのあとにディレクトリがきてるけど
    そういうもんなんですかね
    com.example.www
    173 : Name_Not - 2010/09/26(日) 19:05:49 ID:??? (+39,-30,-90)
    >>166
    質問の意図がよくわかんないけど、
    var Hoge = {};

    window.Hoge = {};
    は同じってのはOK?

    グローバル領域である、windowに対する名前空間の汚染を少なくするために、
    windowにオブジェクトを作った上で、そのオブジェクトに変数やら関数を宣言するのは、よくあるテクニック。

    var Hoge = {};
    Hoge.array1 = [2,3,4];
    Hoge.func1 = function() {};
    174 : Name_Not - 2010/09/26(日) 19:06:48 ID:??? (+61,+28,-82)
    2chのURLの場合、コロコロ板移転するからnamespace向きではないな

    >>172
    国→都道府県→市区町村→番地、って順番で書く住所と一緒で、大きなくくり→小さなくくりの順番になってる
    175 : 166 - 2010/09/26(日) 19:12:53 ID:??? (+78,+29,-70)
    みなさんレスありがとうございます
    やはりnamespaceだったんですね

    >>173
    同義だったんですね
    とあるサイトを見たらそのように定義してあったので
    prototype演算子使ったものと書き方がかぶりますよ
    なんか混乱してきた・・・
    176 : 175 - 2010/09/26(日) 19:13:56 ID:??? (+57,+29,-5)
    なんか変なレスになってしまった
    スルーしてください
    JavaScriptややこしいorz
    177 : Name_Not - 2010/09/26(日) 19:44:46 ID:??? (+70,-28,-16)
    書き込みのハードル上げすぎ

    ━━━本スレに書く事を許される者は以下の通り━━━━━
     一、正しい(validな)HTMLとは何か知っており書ける者

    JavaScriptの質問に、そこまでいらねーだろ
    178 : Name_Not - 2010/09/26(日) 20:15:17 ID:??? (+62,+29,-14)
    >>177
    HTMLのタグに絡む質問をする奴は、最低限自分が質問する部分ぐらい知っててもらわんと
    179 : Name_Not - 2010/09/26(日) 21:08:28 ID:??? (+23,-30,+0)
    canvasのdrawImageについてですが、
    最初にブラウザ開いたときはイメージが描画されず、
    リロードしたらようやく表示されます。
    これはImageオブジェクトを使って、
    onload後にdrawImageをすることによって解決できることはわかりました。
    しかしprototypeを使ってクラス化?するとどう書いたらいいかよくわからなくて困っています。
    (インデントは全角スペース使ってます)
    var CanvasImage = function(src) {
     this.img = new Image();
     this.img.src = src;
    }
    CanvasImage.prototype = {
     img: null,
     draw: function(canvasId) {
      var ctx = document.getElementById(canvasId).getContext("2d");
      ctx.drawImage(this.img, 0, 0);
     }
    }
    こんな感じになっています。
    今はこれを<canvas id="test"></canvas>に対して、
    window.onload = function() {
     var ci = new CanvasImage("test.png");
     ci.draw("test");
    }
    という感じで呼び出しています。
    drawの中身を
    this.img.onload = function() {
     ctx.drawImage(this.img, 0, 0);
    }
    のように変えたりいろいろしてみましたが、エラーが出てうまくいきません。
    どなたか解決方法を教えてください。
    180 : ピカチュウ - 2010/09/26(日) 22:18:29 ID:??? (+9,-30,-235)
    var CanvasImage = function(src) {
    this.img = new Image();
    this.img.src = src;
    };
    CanvasImage.prototype = {
    img: null,
    draw: function(canvasId) {
    var ctx = document.getElementById(canvasId).getContext("2d");
    var that = this;
    (this.img)? ctx.drawImage(this.img, 0, 0) : setTimeout(function() { that.draw(canvasId); }, 100);
    }
    };
    window.onload = function() {
    var ci = new CanvasImage("test.png");
    ci.draw("test");
    };
    181 : 162 - 2010/09/26(日) 22:59:30 ID:??? (+57,+29,-27)
    答えてくれた方々どうもありがとう御座いました。

    JSを使わずにflashで直接再生するほうがレスポンスが格段にいいようですね。
    182 : 179 - 2010/09/26(日) 23:11:46 ID:??? (+4,-29,-34)
    >>180
    レスありがとうございます。
    setTimeoutを使うとは目から鱗です。
    しかしそれでもリロードしないとだめでした。
    ちなみに動作確認はFirefox3.6.10で行っています。
    これをクリアしたら他のブラウザでも確認する予定です。
    183 : おまんこ - 2010/09/26(日) 23:27:54 ID:??? (+36,-30,-280)
    var CanvasImage = function(src) {
    var that = this;
    this.loaded = false;

    var img = new Image();
    this.img = img;
    img.src = src;
    img.onload = function() { that.loaded = true; };
    };
    CanvasImage.prototype = {
    img: null,
    draw: function(canvasId) {
    var that = this, ctx;
    if (this.loaded) {
    ctx = document.getElementById(canvasId).getContext("2d");
    ctx.drawImage(this.img, 0, 0);
    } else {
    setTimeout(function() { that.draw(canvasId); }, 100);
    }
    }
    };
    window.onload = function() {
    var ci = new CanvasImage("test.png");
    ci.draw("test");
    };
    184 : 179 - 2010/09/27(月) 00:56:03 ID:??? (+62,+29,-19)
    >>183
    ありがとうございます。
    しっかり動きました。
    少し不明な部分もありますが後は調べて頑張ります。
    185 : Name_Not - 2010/09/27(月) 09:10:27 ID:??? (+72,+29,-48)
    >>177-178
    その項目は、HTMLがボロボロのinvalidなのにJavaScriptで操作
    しようとして動かんとかほざいてる人が続出したので入れたもの。
    そういう場合、HTML直して貰わんとどうにもならんでしょ?
    187 : Name_Not - 2010/09/28(火) 12:05:32 ID:??? (+51,+23,-4)
    ありますよ。だけでいいのかな…



    まあ、onloadとか調べてみたら。
    189 : Name_Not - 2010/09/28(火) 12:23:04 ID:??? (+52,+29,-14)
    それはダメだろ、ちょろめさん
    190 : Name_Not - 2010/09/28(火) 12:23:16 ID:??? (+6,-29,-66)
    IEだと、JSON.stringifyが使えないの?
    IEでのオブジェクトのJSON化はどうやればいいのだ。。。

    192 : Name_Not - 2010/09/28(火) 12:37:31 ID:??? (+53,+25,-22)
    は?Chromeってそんな仕様なの?
    ありえないだろ
    194 : Name_Not - 2010/09/28(火) 12:45:06 ID:??? (-12,-29,-20)
    >>188
    やってみたけどそうみたいだね
    でもaddEventListener使えば普通に読み込み後に動作したよ
    195 : Name_Not - 2010/09/28(火) 12:56:27 ID:??? (+47,+24,-5)
    >>193
    そもそもイベントをHTML上に書くのが間違い
    197 : Name_Not - 2010/09/28(火) 13:13:41 ID:??? (+16,-29,-2)
    テンプレにwindow.onloadの件入れといて
    198 : Name_Not - 2010/09/28(火) 13:18:43 ID:??? (+29,+4,+1)
    >>197
    イラネ
    199 : Name_Not - 2010/09/28(火) 14:01:20 ID:??? (+2,-29,-28)
    >>190IEでもJSON.stringifyつかえたぞ。8,9
    200 : Name_Not - 2010/09/28(火) 14:24:20 ID:??? (-3,-22,-5)
    >>196
    できるけど、前者は変数 a のみの宣言。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : - タグè¿1⁄2åŠ + 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について