製作段階で関数1行にまとめようとする意味がわかんね

スレに貼るサンプルとしてなら、
>>245や>>249程度の関数なら1行にしちゃってくれてるほうが見やすい

>>249
<script type="text/javascript" src="jquery-1.10.0.min.js"></script>
<script type="text/javascript">
$(document).on("click",":button",function(){$("#target").val(this.value);});
</script>
<input type="button" value="あああ">
<input type="button" value="いいい">
<input type="text" id="target">

>>249
name属性じゃなくてid付けたほうがいいよ。
以下、同名のidに書き換えたと仮定し、
ボタンのonclickを削除してスクリプトを以下のようにする。

var form = document.getElementByID("frm");
var target = document.getElementById('target');

form.addEventListener('click', function(event){
if(event.target.getAttribute('type') !== 'button') return;
target.value = event.target.value;
}, false);

[´・ω・｀] i114-186-109-209.s41.a013.ap.plala.or.jp ：2013/06/18(火) 19:32:52.04 ID:JeUARK/o


よろしくお願いいたします。

【名前欄】
【メール欄】 sage
【本文】↓
>>249
name属性じゃなくてid付けたほうがいいよ。
以下、同名のidに書き換えたと仮定し、
ボタンのonclickを削除してスクリプトを以下のようにする。

なにやってんすか

JavaScriptでオブジェクト指向プログラミングを始めました
今まで上から下の処理と関数というシンプルな構造に慣れていたので非常にとっつきにくいです
オブジェクト指向プログラミングをJavaScriptで学ぶ上で良いサイトがあれば教えてください

>>249
「あああ」とかの文字列をhtml側から得たいという意図なら、

function aaa(o){document.frm.target.value = o.value;}
　(略)
<input type="button" value="あああ" onclick="aaa(this)" />
<input type="button" value="いいい" onclick="aaa(this)" />

こんな感じだな。

懐かしい書き方だけど、
まずはここからかな。

>>247
fd.collect().
...
fd.logging();

したいときもあるんだ。
setTimeoutやﾋﾞｰｼﾞｰﾙｰﾌﾟでWaitもどき作ったりするのも現実的じゃないので
シンプルに書く方法はCallback関数しか無いみたいだね。

fd.setOnCollectCallback(function(entries){...

みたいな感じかねえ。
せめてHTML5が全てのブラウザで対応していれば解決してるとどこぞに書いてあってげんなり。
それはそうとありがとうございました。

>>260
Defferedを理解できてないね

var p = fd.collect();
...
p.then(function(){fd.logging();});

>>261
理解してないんじゃなくて、一連の非同期処理とDefferedは隠蔽したい。
Collect関数内で複数Feedを取得することも考えることになるとCollect関数内でDeffered使って$.when().then()した方が楽だし、
Collect関数がDefferred.promise返すのも処理として気持ち悪い。
>>261な実装にすると、他の人が.thenしないで実装をしてしまったときに目も当てられないこともある。

p.then(function(){
fd.logging1();
fd.logging2();
fd.logging3();
});
こうなるより、コールバックに閉じ込めた方がいい気がするよ。
あ、手法としては否定してないよ。
自分が使う場合はそっちの方が楽な場合もあるし。

>>262
考え方が古いね
コールバック登録インターフェースなんてものを追加するより
Promiseの方がシンプルだよ
jQueryなんかはその方向

プロトタイプ大好き人間w

p.thenを外に書くか中に書くかしか違いがないという･･･

外に出せば共通的なPromiseのインターフェースをそのまま使える
中に書くとそれへアクセスするための独自インターフェースの実装と、
使用者もその独自インターフェースにつきあう必要がある

あ, い, う,

という文字列があり、区切り文字は「, 」で固定です。

ここから最後の「, 」を取り除いた「あ, い, う」という文字列を得るにはどうすればいいのでしょうか。

var a = "あ, い, う, "
var b = ", "
a.slice(b.length, ???);


とかで???の引数を変えてみても無理でした。

b.lengthって何かわかってんの？

つーかその場合使うのはsliceじゃなくてsplit

replaceでカンマをとれば？

replaceにしました
ありがとうございました。

人のtwitterしばらく放っておくと「xx件の新しいツイート」ってボタン出てきますがどういう仕組みで受け取ってるんでしょうか？

定期的にajaxで通信しとるんじゃろ

websocketの可能性は

30秒間隔でhttps://twitter.com/i/timelineに引数だらだらつけて読みに行っとるな

position:fixed;にしておきながら本来position:static;であった場所に透明な空間を確保するのに軽い方法は何でしょう？
今考えてるのはouterHeightを算出して大きさの等しい空の<div>を挿入するか
後続要素のmargin-topに足し込むことです

オブジェクト指向難しいです
メインの処理があって、ifで分岐し、forで繰り返し、何度も行う処理は関数で独立させる。
これがずっとJavaScriptの基本的な書き方だと思っていたのですが
オブジェクト指向を上手く使えるようになるとifもforも要らなくなると読みました。一体、どういう事でしょうか

なんというか、オブジェクト指向のJavaScriptの全体像がつかみにくいです
クラスやインスタンスやコンストラクタなどのプログラマ向けの説明でなく
スクリプト視点でオブジェクト指向を解説しているサイトはないのでしょうか

JSでオブジェクト指向できるのか。

クラスの継承とか、関数のオーバーライドとか、仮想関数とか知ってれば、何ら難しい話ではないと思うが。
普段、C++とかC#使ってるから、当たり前にオブジェクト指向してるが、JavaScript でも同じことが出来るのか。

JavaScriptにはクラスはありません。プロトタイプ方式のオブジェクト指向言語。
だから「同じこと」といっても程度によるね。

C++とC#一緒くたにすんなよ

無理にifやforを排除する必要などない

>>266
コールバック一個につきあうも糞もねえ。
てーかJQUERYのAJAX系もコールバック関数多様しまくりじゃん。
俺はJQUERY準拠で行くよ

まあ最初はそれでいいんじゃね。

>>283
jQueryのAjax関係は今ではPromiseを返すようになってるよ
互換のためにコールバック指定のインターフェースも残ってるけど

.load()だけは対応してないけどね。jQueryオブジェクトを返すから仕方がないけど。

indexedDBの勉強を始めたのですが、
サンプルを見ていると、dbをopenした後にイベントハンドラをセットしているように見えます
たとえばこれ
http://www.html5rocks.com/ja/tutorials/indexeddb/todo/
openしたら、既にイベントが起こってるのでは？
イベントが起きた後にハンドラをセットしているように見えます
どういうことでしょうか？

>>287
openの完了ハンドラの呼び出しが行われるのは、
openの呼び出しを含むコードを終わりまで実行した後
なんじゃないかな？

オライリーの
『JavaScriptパターン　優れたアプリケーションのための作法』
読んでるけど、かなり難しいね、この本。
ぱっと見薄いんだけど、中身がギュッと詰まってる。

フォントを大きくしろよ。

Webソースのテキスト要素のみにspanタグを入れることは可能でしょうか?

？

span作ってテキストノードを突っ込めばいい

iPhoneアプリで英語サイトの英単語をタップすると、その単語をハイライトするやつがあるのですがJavaScriptでそうゆうことは可能でしょうか

>>295
できると思うよ。
ハイライトってのは、同じページの中の特定の単語をハイライトさせるってことかな？
でもどうやるんだろう。
最初に全単語の一個一個にspanタグをつけるとか？
そしたら簡単かも。

<script type="text/javascript">
function fruit(){
var f=getElementsByName('frm').fruit.options;
if(f=1){frm1.firValue.value=100;
frm1.secValue.value=80;
frm1.thiValue.value=90;}
if(f=2){frm1.firValue.value=80;
frm1.secValue.value=90;
frm1.thiValue.value=100;}
if(f=3){frm1.firValue.value=90;
frm1.secValue.value=100;
frm1.thiValue.value=80;}
}
</script>
<form name="frm">
A店<input type="text" name="firValue" size="4" value=>円
B店<input type="text" name="secValue" size="4" value=>円
C店<input type="text" name="thiValue" size="4" value=>円
<select name="fruit" onchange="fruit();">
<option>-</option><option value="1">りんご</option><option value="2">みかん</option><option value="3">めろん</option>
</select>
</form>
こんな感じで選択した物によって数字を変える感じのフォームを作りたいのですが
うまくいきません
どうしたらいいか教えてください
お願いします

>>297
JavaScriptででしょ？
このスクリプトにはまったくイベントハンドラがでてこないけど？
onClickとか使おうよ。

>>297
inputつかわなくても、対応するspanの中身を変えたら？
inputは見栄え悪いよ。

<INPUT type="button" name="buttoncalc" onClick="fruit()" value="決定">
こういう風にですか？
やってみましたがやっぱり動きません・・・