90(2): デフォルトの名無しさん [sage] 2014/08/09(土) 22:51:37.43 ID:+K2FtsXR(1) AAS
>this.foo2();//hello

これ嘘だろ、ちゃんと精査してから書けよ

110(2): 94 [] 2014/08/10(日) 03:11:32.98 ID:TNaWGn4J(10/16) AAS
結局やりたいことはというと
「ボタンを押したら下部のテーブルに文字が出る。
もともと出ていたトップページの文字は消える」
ということをやりたいのです。
ひどいコードとのことでしたが、
もっとシンプルなコード、もっとちゃんとしたコードを
内容全部とは言わないのでヒント(使う機能など)だけでも教えて頂けると非常に助かります。

116(1): 94 [] 2014/08/10(日) 03:36:41.21 ID:TNaWGn4J(12/16) AAS
>>112さん
はい、このコードは捨てることにします。
数時間ググり続けてるんですけどね…
デバッグも、特に異常は表示されません。
表示したい機能を考えた上で、一から作り直そうと思います。

>>113さん
やはりそうですか…しかしjQueryを使っていないので、
このままこのコードを使うことはできないみたいです。
諦めて一から作り直します。

みなさん、ご指導本当にありがとうございました。
これからJavascriptの勉強、１から頑張っていきます。

119(1): 94 [] 2014/08/10(日) 03:47:50.65 ID:TNaWGn4J(13/16) AAS
>>117、118さん
コード自体はググってないです。
デバッグや他の手段をググったり本を読んで探したりしていました。

jQueryを使った方が楽なのでしょうか？
もしそうなら、早めに覚えておきたいとも思うのですが、
普通の方法でスクリプトが書けるようになるのも大事だと思うので、
悩みます。

123(2): デフォルトの名無しさん [sage] 2014/08/10(日) 04:02:35.77 ID:u1URIHVh(6/7) AAS
お、おうｗ

el[i].className = el[i].className + '' + className;
の''の間に半角スペース入れると動かん？

129(1): デフォルトの名無しさん [sage] 2014/08/10(日) 04:43:57.91 ID:xdwi6sFr(9/13) AAS
>>122をjQueryを使うとこうなる。

document.getElementById('sample').addEventListener('click', function (event) {
　var input = event.target;

　if (input.tagName === 'INPUT' && input.type === 'button') {
　　input.ownerDocument.getElementById('output').firstChild.data = input.value;
　　event.preventDefault();
　}
}, false);

　　　↓

外部ﾘﾝｸ:jsfiddle.net

$('#sample').on('click', 'input[type=button]', function (event) {
　$('#output').text(this.value);
　event.preventDefault();
});

130(1): デフォルトの名無しさん [sage] 2014/08/10(日) 04:54:18.13 ID:xdwi6sFr(10/13) AAS
>>127
> 基本は何もボタンを用意せず、JavaScriptで必要なフォームボタンを生成してやるのが一番いいだろうな

いやこれは本質的にはradioボタンの動きなので、
radioを使ってCSSだけで実装するのがいいだろう。

132(1): デフォルトの名無しさん [sage] 2014/08/10(日) 05:01:17.73 ID:xdwi6sFr(11/13) AAS
> jQuery を使ったほうが楽だろうが、初めからjQueryを使うと変な癖が付くのでお勧めしない

jQuieryを使ってつく、変な癖っていうのがよくわからないな。
jQueryはただのJavaScriptのライブラリだぞ。

むしろjQueryを使わないほうが、ブラウザ固有の問題。
たとえばclassListで書いたら動かない。
いろいろ調べたらclassListが動くのはIE10以上で〜
みたいな問題にハマるから初心者こそjQueryを使った方がいい。

134(1): デフォルトの名無しさん [sage] 2014/08/10(日) 05:04:57.88 ID:xdwi6sFr(12/13) AAS
>>133
ん？ もしかしてthisがよくわかってない？

無理やり難癖をつけてjQueryを嫌おうとする人が
一部にいるみたいだが、どうにかならんもんかねｗ

139(1): デフォルトの名無しさん [sage] 2014/08/10(日) 05:25:34.22 ID:Jkr9svTU(2/7) AAS
> この場合の event.currentTarget は #sample になるので、event.currentTarget で参照可能なのは本質的におかしい

これは単にjQueryを知らないだけだねｗ

this値は event.currentTarget と同義ってのは間違い。

thisってのは呼び出し元が自由に決められるもの。
だからこの場合のthisは、jQueryの仕様で決まる。
それを知らないだけ。

141(1): デフォルトの名無しさん [sage] 2014/08/10(日) 05:57:58.06 ID:Jkr9svTU(3/7) AAS
OK、OK、君はDOMに準拠してないのが嫌い。

俺は、ブラウザ間での互換性など
ハマる部分があるから、初心者にこそ
jQueryを使うのをおすすめする。

こういうことだね？

144(1): デフォルトの名無しさん [sage] 2014/08/10(日) 06:53:48.66 ID:Jkr9svTU(4/7) AAS
>>142
別に話し続けなくていいよ。っていうか
これ以上レスしないなら俺が助かる。

で、jQueryは初心者こそ使うべきもの。
DOMの面倒な部分、複数の要素に一括で属性や
イベントを割り当てることや、各ブラウザの違いによる問題に
はまらなくて済むから。

実際に>>122が動かないコードであることを証明している。
最初から一部のブラウザで対応で書くのが大変なことを意味している。