私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.83 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>>739
1年も前だったかw
次スレも近いんで、>>743の意見を反映してちょっとリライト
【質問を書く上で】
1)「何を、いつ、誰が、どこに、なぜ、どのように」動作させたいのかを
簡潔に説明してください。ただ「動きません」ではわかりません。
脳内おれおれ用語は混乱のもと。一般的な用語を使うようにしてください。
2)調べたこと・試したことを書いてください。
OS、ブラウザ、バージョンを必ず明記しましょう。
質問箇所(行数、エラー内容)を簡潔に。
何のエラーかわからなければ、エラーメセージをコピペ。
各ブラウザのJSコンソールを活用しよう。
3)質問は、あなたが思っているほどうまく説明できていないことが多いです!
要点を整理してソースを貼ってください(エラーは再現できるように)。
1レスで収まらない場合は、アップロードしてください。
http://jsbin.com/ やhttp://jsdo.it/ なども活用してください。
4)閲覧者の迷惑になる質問は回答されません。
別窓を多数開く、閉じる・戻る・クリックを妨害、画面占有、など。
「分かんねえの?」と煽っても無駄です。
5)「初心者なので」「初心者だから」「初心者ですみません」とか
書かない方が無難です。
知らない、できない、わからない、まちがい、は誰にでもありますから。
1年も前だったかw
次スレも近いんで、>>743の意見を反映してちょっとリライト
【質問を書く上で】
1)「何を、いつ、誰が、どこに、なぜ、どのように」動作させたいのかを
簡潔に説明してください。ただ「動きません」ではわかりません。
脳内おれおれ用語は混乱のもと。一般的な用語を使うようにしてください。
2)調べたこと・試したことを書いてください。
OS、ブラウザ、バージョンを必ず明記しましょう。
質問箇所(行数、エラー内容)を簡潔に。
何のエラーかわからなければ、エラーメセージをコピペ。
各ブラウザのJSコンソールを活用しよう。
3)質問は、あなたが思っているほどうまく説明できていないことが多いです!
要点を整理してソースを貼ってください(エラーは再現できるように)。
1レスで収まらない場合は、アップロードしてください。
http://jsbin.com/ やhttp://jsdo.it/ なども活用してください。
4)閲覧者の迷惑になる質問は回答されません。
別窓を多数開く、閉じる・戻る・クリックを妨害、画面占有、など。
「分かんねえの?」と煽っても無駄です。
5)「初心者なので」「初心者だから」「初心者ですみません」とか
書かない方が無難です。
知らない、できない、わからない、まちがい、は誰にでもありますから。
>>803
拡張してないじゃん
拡張してないじゃん
3)うまく説明できない時は、ソースを貼ると回答されやすいです。
要点を整理して、エラーが再現するソースを貼ってください。
1レスで収まらない場合は、アップロードしてください。
http://jsbin.com/ やhttp://jsdo.it/ なども活用してください。
res739.replace(/(?=セージ)/, 'ッ')
要点を整理して、エラーが再現するソースを貼ってください。
1レスで収まらない場合は、アップロードしてください。
http://jsbin.com/ やhttp://jsdo.it/ なども活用してください。
res739.replace(/(?=セージ)/, 'ッ')
function myArray() {
var self = Array.apply(null, arguments);
self.__proto__ = myArray.prototype;
return self;
}
myArray.prototype = {
constructor: myArray,
last: function last() { return this[this.length - 1]; }
};
var a = new myArray(1, 2, 3);
alert(a.last());
var self = Array.apply(null, arguments);
self.__proto__ = myArray.prototype;
return self;
}
myArray.prototype = {
constructor: myArray,
last: function last() { return this[this.length - 1]; }
};
var a = new myArray(1, 2, 3);
alert(a.last());
1コ忘れてた。
function myArray() {
var self = Array.apply(null, arguments);
self.__proto__ = myArray.prototype;
return self;
}
myArray.prototype = {
__proto__: Array.prototype,
constructor: myArray,
last: function last() { return this[this.length - 1]; }
};
var a = new myArray(1, 2, 3);
alert(a.last());
alert(a.reverse());
alert(a.last());
function myArray() {
var self = Array.apply(null, arguments);
self.__proto__ = myArray.prototype;
return self;
}
myArray.prototype = {
__proto__: Array.prototype,
constructor: myArray,
last: function last() { return this[this.length - 1]; }
};
var a = new myArray(1, 2, 3);
alert(a.last());
alert(a.reverse());
alert(a.last());
JavaScriptライブラリで継承できるようにしてるのあるから
そのソース見てみればいいのでは?
でもC言語ってことは継承の話でないのかな?
そのソース見てみればいいのでは?
でもC言語ってことは継承の話でないのかな?
これか
Proxy - MDC Doc Center
http://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Proxy
Proxy - MDC Doc Center
http://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Proxy
書いた当時に人に聞いて教えてもらったのをもとにして
そこに俺のへっぽこぶりが重なって、ちょっと変だなあ
そこに俺のへっぽこぶりが重なって、ちょっと変だなあ
document.allの有無でIEとそれ以外を振り分けるやり方は
フィーチャーディテクション以前の古いやり方ですか?
今でもフィーチャーディテクションが使いにくい場合によく使われる手法ですか?
フィーチャーディテクション以前の古いやり方ですか?
今でもフィーチャーディテクションが使いにくい場合によく使われる手法ですか?
>>824
今では使われない。
今では使われない。
どうもありがとうございますm(_ _)m
document.all の判定は
if (document.all) { ; } else { ; }
と
if ('all' in document) { ; } else { ; }
で全く違う。
if (document.all) { ; } else { ; }
と
if ('all' in document) { ; } else { ; }
で全く違う。
JavaScript初心者です。
オブジェクト指向で書くことを勉強中です。
ロールオーバーのスクリプトをいろんなサイトや書籍を参考に書いてみました。
http://jsdo.it/bla1/7qJx/read
諸先輩方のご意見伺えると幸いです。
よろしくお願いします。
オブジェクト指向で書くことを勉強中です。
ロールオーバーのスクリプトをいろんなサイトや書籍を参考に書いてみました。
http://jsdo.it/bla1/7qJx/read
諸先輩方のご意見伺えると幸いです。
よろしくお願いします。
プログラミング言語にレベルってないの?
ゲームみたいにあったらいいのに
Perlレベル10までしかないし
あれよりいいの考えようぜ Maxレベル75くらいね
Perl忍者lvl50 みたいなかっこいい
ゲームみたいにあったらいいのに
Perlレベル10までしかないし
あれよりいいの考えようぜ Maxレベル75くらいね
Perl忍者lvl50 みたいなかっこいい
今日から、人の質問に答えるごとにlvl1ずつあがりますね
経験値は2乗ずつになってくかんじです
マゾい仕様です
暴言をはくとカルマがさがりますね
悪ってつきます
いまはニュートラルです
がんばります
>>828
JSでロールオーバーの是非とか実装はともかく、普通はこうじゃないか
function RolloverItem($elem) {
this.$elem = $elem;
};
RolloverItem.prototype = {
setEvent: function() {
var that = this;
this.$elem.bind('mouseover focus', function() {
that.over();
}).bind('mouseout blur', function() {
that.off();
});
},
over : function() {
this.$elem.attr('src', this.$elem.attr('src').replace(state.off, state.on));
},
off : function() {
this.$elem.attr('src', this.$elem.attr('src').replace(state.on, state.off));
},
preload : function() {
$('<img>').attr('src', this.$elem.attr('src').replace(state.off, state.on));
}
};
$('a img[src*="_off."]').each(function() {
var ins = new RolloverItem($(this));
ins.preload();
ins.setEvent();
});
JSでロールオーバーの是非とか実装はともかく、普通はこうじゃないか
function RolloverItem($elem) {
this.$elem = $elem;
};
RolloverItem.prototype = {
setEvent: function() {
var that = this;
this.$elem.bind('mouseover focus', function() {
that.over();
}).bind('mouseout blur', function() {
that.off();
});
},
over : function() {
this.$elem.attr('src', this.$elem.attr('src').replace(state.off, state.on));
},
off : function() {
this.$elem.attr('src', this.$elem.attr('src').replace(state.on, state.off));
},
preload : function() {
$('<img>').attr('src', this.$elem.attr('src').replace(state.off, state.on));
}
};
$('a img[src*="_off."]').each(function() {
var ins = new RolloverItem($(this));
ins.preload();
ins.setEvent();
});
>>833
レスありがとうございます。
はじめは示してもらったコードで書いていたのですが
ーJavaScriptのnewって本当にいらない子?ー
http://d.hatena.ne.jp/jdg/20090706/1246840565
この辺の話も気になって変則的になってしまいました。
thisを多用するのが何となく見た目がスマートじゃない感じがしたので
このようにしました。
機能的な面で違いがでますでしょうか?
レスありがとうございます。
はじめは示してもらったコードで書いていたのですが
ーJavaScriptのnewって本当にいらない子?ー
http://d.hatena.ne.jp/jdg/20090706/1246840565
この辺の話も気になって変則的になってしまいました。
thisを多用するのが何となく見た目がスマートじゃない感じがしたので
このようにしました。
機能的な面で違いがでますでしょうか?
ちょっとすれ違いかもしれないですが、すいません。
動的にDIV要素を作成して、画面上に出現させてるんですが、
スクロールした際にその要素を画面上に固定させることできますか。
スクロール量を足して移動するのではなくて、
背景画像をfixedにしてるような感じの状態にしたいのです。
動的にDIV要素を作成して、画面上に出現させてるんですが、
スクロールした際にその要素を画面上に固定させることできますか。
スクロール量を足して移動するのではなくて、
背景画像をfixedにしてるような感じの状態にしたいのです。
>>836
CSSの機能にposition: fixedというのがあるから。ただし古いIEは非対応。
CSSの機能にposition: fixedというのがあるから。ただし古いIEは非対応。
>>837
できました。ありがとうございました!
できました。ありがとうございました!
F()の中でthisがglobal objectかどうか調べて
global objectなら警告だけ出して何もしないとか
どうだろうか。オブジェクトを作るところにnewが
使われているというのはコードを読むという点からは
好ましいことだと思う。
global objectなら警告だけ出して何もしないとか
どうだろうか。オブジェクトを作るところにnewが
使われているというのはコードを読むという点からは
好ましいことだと思う。
>>841
ありがとうございます。
オブジェクト指向というかコンストラクタからインスタンスをつくり、
プロパティやメソッドを継承させる方法に悩んでいます。
普通に
var Constructor = function(){
this.hoge = XXX;
this.huga = YYY;
}
Constructor.prototype = {
ZZZ : function(){ ・・・ }
}
var instance = new Constructor();
のほうがいいのでしょうか?
今回はたまたま簡単なロールオーバーなのですが、
例えば膨大なデータを扱うアプリケーションだったりした場合には
どういったロジックで組み立てていけばいいのか苦慮しています。
$(function(){
$("img.rollover").mouseover(function(){
$(this).attr("src",$(this).attr("src").replace(state.off, state.on))
}).mouseout(function(){
$(this).attr("src",$(this).attr("src").replace(state.on, state.off));
}).each(function(){
$("<img>").attr("src",$(this).attr("src").replace(state.off, state.on))
})
});
ロールオーバー程度ならこれだけですむのはわかるのですが、
結局は大規模開発以外、オブジェクト指向の組み立て方は必要ないのでしょうか?
ありがとうございます。
オブジェクト指向というかコンストラクタからインスタンスをつくり、
プロパティやメソッドを継承させる方法に悩んでいます。
普通に
var Constructor = function(){
this.hoge = XXX;
this.huga = YYY;
}
Constructor.prototype = {
ZZZ : function(){ ・・・ }
}
var instance = new Constructor();
のほうがいいのでしょうか?
今回はたまたま簡単なロールオーバーなのですが、
例えば膨大なデータを扱うアプリケーションだったりした場合には
どういったロジックで組み立てていけばいいのか苦慮しています。
$(function(){
$("img.rollover").mouseover(function(){
$(this).attr("src",$(this).attr("src").replace(state.off, state.on))
}).mouseout(function(){
$(this).attr("src",$(this).attr("src").replace(state.on, state.off));
}).each(function(){
$("<img>").attr("src",$(this).attr("src").replace(state.off, state.on))
})
});
ロールオーバー程度ならこれだけですむのはわかるのですが、
結局は大規模開発以外、オブジェクト指向の組み立て方は必要ないのでしょうか?
>>846
ありがとうございます。
アプリケーション開発時に、
・扱うデータの量や行う処理
・処理速度やメモリ効率
・のちに拡張していきやすいか
・バグやエラーをフィックスしやすいか
を勘案し、継承のさせ方も判断しなさいということでいいでしょうか?
ありがとうございます。
アプリケーション開発時に、
・扱うデータの量や行う処理
・処理速度やメモリ効率
・のちに拡張していきやすいか
・バグやエラーをフィックスしやすいか
を勘案し、継承のさせ方も判断しなさいということでいいでしょうか?
<div id="test1" style="height:3000px; overflow:auto;">
<div id="test2" style="height:4000px; border:2px solid black;">
aaa
</div>
</div>
<script type="text/javascript">
document.getElementById("test1").focus();
document.getElementById("test2").focus();
//--></script>
「↓↑」キーでbodyのスクロールバーじゃなくてtest1のスクロールバーが動くようにしたいです。
このソースのscriptでどうにかならないかなと思ったんですが、無理でした。
マウスホイールでスクロールしたり、内側を一回クリックすれば、内側が先に動くんですが、キーボードだけで動かすことは可能でしょうか?
onkeydownで↓↑を検知して移動じゃなくて、”内側を一回クリック”と同じことをjsでやりたいです。
<div id="test2" style="height:4000px; border:2px solid black;">
aaa
</div>
</div>
<script type="text/javascript">
document.getElementById("test1").focus();
document.getElementById("test2").focus();
//--></script>
「↓↑」キーでbodyのスクロールバーじゃなくてtest1のスクロールバーが動くようにしたいです。
このソースのscriptでどうにかならないかなと思ったんですが、無理でした。
マウスホイールでスクロールしたり、内側を一回クリックすれば、内側が先に動くんですが、キーボードだけで動かすことは可能でしょうか?
onkeydownで↓↑を検知して移動じゃなくて、”内側を一回クリック”と同じことをjsでやりたいです。
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.88 + (1001) - [97%] - 2011/7/20 7:03
- + JavaScript の質問用スレッド vol.86 + (1001) - [97%] - 2011/5/27 21:50
- + JavaScript の質問用スレッド vol.80 + (1001) - [97%] - 2010/11/9 2:17
- + JavaScript の質問用スレッド vol.82 + (1001) - [97%] - 2011/1/19 7:54
- + JavaScript の質問用スレッド vol.84 + (1001) - [97%] - 2011/3/30 7:32
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2012/1/1 4:46
- + JavaScript の質問用スレッド vol.93 + (1001) - [97%] - 2011/12/10 18:31
- + JavaScript の質問用スレッド vol.85 + (1001) - [97%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.89 + (1001) - [97%] - 2011/9/4 4:17
- + JavaScript の質問用スレッド vol.81 + (1001) - [97%] - 2010/12/10 20:01
- + JavaScript の質問用スレッド vol.87 + (1001) - [97%] - 2011/6/21 6:33
- + JavaScript の質問用スレッド vol.113 + (1001) - [95%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.131 + (1000) - [95%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.130 + (974) - [95%] - 2016/10/26 14:18
- + JavaScript の質問用スレッド vol.123 + (1002) - [95%] - 2015/4/27 23:30
- + JavaScript の質問用スレッド vol.123 + (966) - [95%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [95%] - 2012/11/9 15:30
トップメニューへ / →のくす牧場書庫について