私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.78 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
chromeだとlazyloadが開始する前に
かなりのリクエストが発行されてるよな
鯖的には優しくないのう
かなりのリクエストが発行されてるよな
鯖的には優しくないのう
質問にお答えいただき、ありがとうございます
色々調べてみて、分からなかった「どう画像のダウンロードを止めるのか」の部分はこんな感じになりました
スクリプトが読まれた時点でCSSにimg{display:none;}を加え、onloadよりも早くimg要素のsrcを書き換える関数を呼びました
これで様子をみてみます
var ua = window.navigator.userAgent;
if(window.ActiveXObject !== undefined){ //IE
var css = document.styleSheets[0];
css.addRule("img", "display:none");
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
if (this.readyState == "complete") {
stopLoadingImage();
}
};
} else if (ua.match(/Firefox|Opera|Chrome/i)) {
var css = document.styleSheets[0];
css.insertRule("img { display:none; }", css.cssRules.length);
document.addEventListener('DOMContentLoaded', stopLoadingImage, false);
} else {
//例外です Safariはフリーズしました
}
色々調べてみて、分からなかった「どう画像のダウンロードを止めるのか」の部分はこんな感じになりました
スクリプトが読まれた時点でCSSにimg{display:none;}を加え、onloadよりも早くimg要素のsrcを書き換える関数を呼びました
これで様子をみてみます
var ua = window.navigator.userAgent;
if(window.ActiveXObject !== undefined){ //IE
var css = document.styleSheets[0];
css.addRule("img", "display:none");
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
if (this.readyState == "complete") {
stopLoadingImage();
}
};
} else if (ua.match(/Firefox|Opera|Chrome/i)) {
var css = document.styleSheets[0];
css.insertRule("img { display:none; }", css.cssRules.length);
document.addEventListener('DOMContentLoaded', stopLoadingImage, false);
} else {
//例外です Safariはフリーズしました
}
Firefoxでセキュリティエラーが出ますね css書き換え部分を下記に変更しました
document.write('<style id="addcss" type="text/css">img { display:none; }</style>');
document.write('<style id="addcss" type="text/css">img { display:none; }</style>');
//<![CDATA[
~
//]]>
あとtypeはtext/javascriptね
~
//]]>
あとtypeはtext/javascriptね
今時新規にxhtmlで構築する人なんているのかね?
html5もだいぶみえてきたしxには見切りつけてhtml4に戻ってる人が多そうだが
html5もだいぶみえてきたしxには見切りつけてhtml4に戻ってる人が多そうだが
>>160
それはお前だけ
それはお前だけ
画像を使ったHTML(webページ)を作成したときに
閲覧する人は画像を事前準備(インストール)しなくても勝手にDLされる
っていうのと同じ
閲覧する人は画像を事前準備(インストール)しなくても勝手にDLされる
っていうのと同じ
つーかJavaScript覚えたてならむしろメモ帳なりテキストエディタなりの方がいいかも
171です。
とりあえず、ホームページビルダーを使ってみたら、、
入門書通りにソースを書いても、それ以外のコードが少し混ざってしまう。
いい点といえば、ボタンやらテキストボックスの場所をマウスで微調整できるところ。
多分、多少の記入漏れとか文法間違いはチェックする機能があると思うけど、
javascriptを使うためのソフトじゃないから不便でも文句言えない。
eclipseを使うって本には書いてあったけど、細かい設定とかあって難しそうだった。
とりあえず、ホームページビルダーを使ってみたら、、
入門書通りにソースを書いても、それ以外のコードが少し混ざってしまう。
いい点といえば、ボタンやらテキストボックスの場所をマウスで微調整できるところ。
多分、多少の記入漏れとか文法間違いはチェックする機能があると思うけど、
javascriptを使うためのソフトじゃないから不便でも文句言えない。
eclipseを使うって本には書いてあったけど、細かい設定とかあって難しそうだった。
セレクトボックスA, B, C, D(Dが最終的な値を決定するセレクトボックス)があるとして、
Cが変更された
→自分の値に応じてDの値を変更
Bが変更された
→自分の値に応じてC, Dの値を変更
Aが変更された
→自分の値に応じてB, C, Dの値を変更
あとはそこにあるコードの24-29行目と同様、
「分類B-じゃがいもごとの分類Cリスト」
「分類B-にんじんごとの分類Cリスト」
「分類B-ピーマンごとの分類Cリスト」
「分類B-スイカごとの分類Cリスト」
「分類B-オレンジごとの分類Cリスト」
……
を間違いなく根気よく書いていけば終わる。
Cが変更された
→自分の値に応じてDの値を変更
Bが変更された
→自分の値に応じてC, Dの値を変更
Aが変更された
→自分の値に応じてB, C, Dの値を変更
あとはそこにあるコードの24-29行目と同様、
「分類B-じゃがいもごとの分類Cリスト」
「分類B-にんじんごとの分類Cリスト」
「分類B-ピーマンごとの分類Cリスト」
「分類B-スイカごとの分類Cリスト」
「分類B-オレンジごとの分類Cリスト」
……
を間違いなく根気よく書いていけば終わる。
で、こんなことやってられないので、JavaScriptでリストの中身まで
全部いじるやり方はお勧めできない。
もちろん値のリストにもよるが、
全てのパターンのセレクトボックスを全部自分で書いてしまい
(この例のセレクトボックスBなら、<select>~</select>を4回書く。
C, Dはさらに増えるけどまあ仕方がない)、
選択された値によって表示・非表示を切り替える方が
まだやりやすいんじゃないかと思った。
全部いじるやり方はお勧めできない。
もちろん値のリストにもよるが、
全てのパターンのセレクトボックスを全部自分で書いてしまい
(この例のセレクトボックスBなら、<select>~</select>を4回書く。
C, Dはさらに増えるけどまあ仕方がない)、
選択された値によって表示・非表示を切り替える方が
まだやりやすいんじゃないかと思った。
jQuery使ってphpにPOSTした結果を
”順番”にテキストエリアに入れたいんですが、どうしたらいいでしょうか。
・実行中リアルタイムで帰ってきた結果をその都度テキストエリアに入れたい
自分で組んでみたのですが、
順番にならなくて困っています。
”順番”にテキストエリアに入れたいんですが、どうしたらいいでしょうか。
・実行中リアルタイムで帰ってきた結果をその都度テキストエリアに入れたい
自分で組んでみたのですが、
順番にならなくて困っています。
>>184
どういうコード書いたの?
どういうコード書いたの?
>>187
何か質問とコードが曖昧でどういう結果が欲しいのかわからんな。
textareaに改行付きのどういうコード組んだら、どういう風に表示されるのが正解なの?
そもそも200行から300行あるなら、それをblahで繋げて1回だけphpに処理させた方が良くない?
何か質問とコードが曖昧でどういう結果が欲しいのかわからんな。
textareaに改行付きのどういうコード組んだら、どういう風に表示されるのが正解なの?
そもそも200行から300行あるなら、それをblahで繋げて1回だけphpに処理させた方が良くない?
>>191
それなら、
data: "blah=" + blahs[i],
でなく、
data: "blah_" + i + "=" + blahs[i],
みたいにしてphpに渡し、phpのレスポンスをもらった番号付きで返す方が間違いがないんじゃね?
それなら返ってくる順番が違っても復元できる
{1:6}
{0:4}
{3:4}
{4:6}
{2:2}
みたいに返ってくるから、レスポンス用の配列一つ用意しておいて返ってきたハッシュの番号のところにデータを入れてく
$("#resultForm textarea").val()には配列を改行でjoin展開したものを毎回渡すだけ。
つか、毎回$()でテキストエリアの要素とって、そのval()取得して連結って効率悪いだろ
それなら、
data: "blah=" + blahs[i],
でなく、
data: "blah_" + i + "=" + blahs[i],
みたいにしてphpに渡し、phpのレスポンスをもらった番号付きで返す方が間違いがないんじゃね?
それなら返ってくる順番が違っても復元できる
{1:6}
{0:4}
{3:4}
{4:6}
{2:2}
みたいに返ってくるから、レスポンス用の配列一つ用意しておいて返ってきたハッシュの番号のところにデータを入れてく
$("#resultForm textarea").val()には配列を改行でjoin展開したものを毎回渡すだけ。
つか、毎回$()でテキストエリアの要素とって、そのval()取得して連結って効率悪いだろ
>>198
仕方ないですか・・・。
途中の100個まで処理が終わったけど、何かの理由で止まったとして、
順番に格納されるなら、その100個までは保存できるけど、
全ての処理が終わるまで順番は保障されないなら、
どっちにしろ最後まで待たなきゃいけないので。
async: false;
で想定の処理はできているんだけれど、やっぱり遅いんですよね。。
非同期処理にしたいけど、結果の順番は保証したいっていうのは、
矛盾しているのかな
仕方ないですか・・・。
途中の100個まで処理が終わったけど、何かの理由で止まったとして、
順番に格納されるなら、その100個までは保存できるけど、
全ての処理が終わるまで順番は保障されないなら、
どっちにしろ最後まで待たなきゃいけないので。
async: false;
で想定の処理はできているんだけれど、やっぱり遅いんですよね。。
非同期処理にしたいけど、結果の順番は保証したいっていうのは、
矛盾しているのかな
>>199
例えば冗長化された2台のwebサーバでphpの処理をしていたとして、
「1台は超重い」「もう1台は超軽い」って言う状態があった場合に、
奇数番目のリクエストが1台め、偶数番目のリクエストが2台めって言っちゃうと、
多分初めの一つ目のリクエストがなかなか返ってこないよね。
その時にとりあえず偶数番目だけは表示したいってのなら非同期でいいけど、
1番目のレスポンスが返ってこない限り2番目以降は表示しないってのならそもそもphpに1回だけリクエスト投げた方がいい
例えば冗長化された2台のwebサーバでphpの処理をしていたとして、
「1台は超重い」「もう1台は超軽い」って言う状態があった場合に、
奇数番目のリクエストが1台め、偶数番目のリクエストが2台めって言っちゃうと、
多分初めの一つ目のリクエストがなかなか返ってこないよね。
その時にとりあえず偶数番目だけは表示したいってのなら非同期でいいけど、
1番目のレスポンスが返ってこない限り2番目以降は表示しないってのならそもそもphpに1回だけリクエスト投げた方がいい
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.74 + (1001) - [97%] - 2009/12/1 6:08 ○
- + JavaScript の質問用スレッド vol.75 + (1001) - [97%] - 2010/1/23 1:07 ○
- + JavaScript の質問用スレッド vol.76 + (1001) - [97%] - 2010/3/10 4:02
- + JavaScript の質問用スレッド vol.77 + (1001) - [97%] - 2010/5/8 19:06
- + JavaScript の質問用スレッド vol.79 + (1001) - [97%] - 2010/9/11 6:50
- + JavaScript の質問用スレッド vol.88 + (1001) - [97%] - 2011/7/20 7:03
- + JavaScript の質問用スレッド vol.98 + (1001) - [97%] - 2012/4/9 14:46
- + JavaScript の質問用スレッド vol.138 + (1004) - [95%] - 2019/4/20 23:45
- + JavaScript の質問用スレッド vol.128 + (1001) - [95%] - 2016/2/26 6:45
- + JavaScript の質問用スレッド vol.108 + (1001) - [95%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.118 + (1002) - [95%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.94 + (1001) - [95%] - 2012/1/8 15:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [95%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.96 + (1001) - [95%] - 2012/1/28 23:01
- + JavaScript の質問用スレッド vol.95 + (1001) - [95%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.97 + (1001) - [95%] - 2012/3/1 3:31
- + JavaScript の質問用スレッド vol.99 + (1001) - [95%] - 2012/5/7 4:32
トップメニューへ / →のくす牧場書庫について