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

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。

■質問を書く上で
(1) 質問にならない投稿はご遠慮ください。(煽り、コード制作依頼など)
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■前スレ
+ JavaScript の質問用スレッド vol.90 + (名前間違い:本来はvol.92)
http://hibari.2ch.net/test/read.cgi/hp/1319633963/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
http://wing2.jp/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■関連スレ
ECMAScript デス 3
http://hibari.2ch.net/test/read.cgi/tech/1190160481/
Ajaxでも語りませんか Rigel4
http://hibari.2ch.net/test/read.cgi/php/1166751613/
【誰か】jQueryのここがわからない【助けて】
http://hibari.2ch.net/test/read.cgi/tech/1229881548/
1行javascriptプログラミング
http://hibari.2ch.net/test/read.cgi/hp/1066750037/
WSH(・∀・)ｽﾚｯﾄﾞ! Part 4
http://hibari.2ch.net/test/read.cgi/tech/1243095768/
Webサイト制作初心者用質問スレ part226
http://hibari.2ch.net/test/read.cgi/hp/1317832246/
CSS初心者スレッド＝10th＝
http://hibari.2ch.net/test/read.cgi/hp/1306489752/
役に立つ書籍は？　4冊目
http://hibari.2ch.net/test/read.cgi/hp/1172823674/

■主要FAQ (全部は http://fiddle.jshell.net/vSqKr/26/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
　　DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
　 JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　 グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　　「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
　　「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか。

■各種仕様
Standard ECMA-262
http://www.ecma-international.org/publications/standards/ECMA-262.HTM
ECMAScript 3
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)
ECMAScript 5.1
http://es5.github.com/
W3C Document Object Model Technical Reports
http://www.w3.org/DOM/DOMTR
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide (和訳)
http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference (和訳)
JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
http://jsgt.org/ajax/ref/test/json/test1.htm
Mozilla Gecko DOM Reference, Netscape devedge
http://developer.mozilla.org/ja/docs/Gecko_DOM_Reference (和訳)
http://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript / DHTML (現在日本語版は古杉)
http://msdn.microsoft.com/ja-jp/library/z688wt03%28VS.80%29.aspx
http://msdn.microsoft.com/ja-jp/library/cc409720.aspx

このスレは93ではなく、本来なら92です。
次スレが93です。

げげっ! 番号間違えましたか。すみません。すみません。すみません。
前スレが91だったの?

あやまってもゆるさない

92で立てるスレが90として立ったから93で問題ない

前スレは91予定が90として立ったんだよ

http://hibari.2ch.net/test/read.cgi/hp/1319633963/n5
これの解釈次第

93スレ目だからこのままでいい
いちいち騒ぐことかねぇ

解釈というか前スレより前までは正しいナンバリングだったみたいだから
だとするとこのスレは92

92と思う人が立て直せばいいんじゃない？

誰も立て直せとは言ってなくね
次のためにこのスレは本来は何番なのか確定しておきたいだけで

次も間違える予感

javascript:document.body.appendChild(document.createTextNode(document.title))

↑これは動くんですが
↓これが動きません。

javascript:document.body.prependChild(document.createTextNode(document.title))

先頭に追加するにはどうすればできるのか教えて下さい。

insertBefore つかえばいいんじゃね。

document.body.insertBefore(document.createTextNode(document.title),document.body.firstChild);

できました。どうも。

twitterからjsonを取得したいのですがstatusが0になって取得できません。ローカルのファイルは取得できます。twitterからjsonする方法をご指導お願いします
var xhr;
if (XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
try {
xhr = new ActiveXObject('MSXML2.XMLHTTP.6.0');
} catch (e) {
try {
xhr = new ActiveXObject('MSXML2.XMLHTTP.3.0');
} catch (e) {
try {
xhr = new ActiveXObject('MSXML2.XMLHTTP');
} catch (e) {
alert("ActiveXを有効にしてください");
}
}
}
}

xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
alert(xhr.responseText);
} else {
alert("status = " + xhr.status);
}
}
}
xhr.open("GET","http://search.twitter.com/search.json?q=%40%E3%83%86%E3%83%AC%E3%83%93&callback=?",true);
xhr.send();

あきらメロン

>>19
クロスドメイン？

はてなブックマークボタンについて質問があります。
あれってURLとタイトルを指定せずにボタン作成した場合って、
ツイッターとかみたいに、そのページのURLとタイトルを登録する仕様になってますか？

(ﾟДﾟ；≡；ﾟдﾟ)え？ｺｺﾊﾄﾞｺ？

>>19
XHRじゃなくJSONPでやった方が楽だと思う

XDomainRequest

scriptタグを使うやり方で解決しました
>>24
JSONPでやる方法というのはどういうのですか？
XDomainRequestはChromeで動きませんでした。

XDomainRequestはIEのXHRの不備を補うもので、勝手にクロスドメインリクエストできるオブジェクトじゃないよ

>>26
その解決したっていうscriptタグでやる方法がJSONPと呼ばれるもの
callbackに何かしら指定したんでしょ？

Chrome なら XML HttpRequest Level 2 を使えるはず

XMLHttpRequest Level 2やXDomainRequestでドメインを跨いだリクエストを投げることはできるけど、
レスポンスを受け取るにはレスポンスを返す側(この場合だとTwitter)がAccess-Control-Allow-Originってヘッダを
適切に指定していないと無理。
よくわからないのに適当に答えてるのかね

前スレ>>999
>$記号だけ除外された経緯
ES2で機械生成識別子の目印という意味を与えられた
RegExp.$1みたいに自動変更されるから勝手に触んなっての
ぐぐるのコンプレッサはドットを$に変換して速度を稼いでたな

しかしドシロウトどもが嬉々として$を使いはじめて収拾つかなくなった
いまどきRegExp.$1を使うアホもいないだろうってんでES5で$は自由になった

だがな、"use strict"なんてバカみたいな文字列より
$use_strict=trueのように$をエンジン制御変数に使えたほうがよかった
どうせそのうち、@だの似たような文字を導入すんだろうから
$をそのまま使えりゃよかったんだ

RegExp.$1使ってるけどJQueryと一緒に使うとまずいの?

いっそ変数をわかりやすくするためphpみたいに先頭に$つけて使えば便利じゃね

>>32
非推奨になったんだよ、それ
https://developer.mozilla.org/ja/JavaScript/Reference/Deprecated_Features

RegExp.prototype.execかString.prototype.match使えってこと
execとmatchはgオプションが有効なときの挙動が違うのに注意な

$は機械的に生成されるコードにのみ許される文字だったはず(ES3)
ES3からES5への変遷で仕様が変わったのは上の人のいう通り
jQueryやprototype.jsの影響か人が書くコードにも許されるようになったが、本来は後でそれが上書きされてもいい変数として定義される

select()で選択されたtextareaやinput type=textが選択されているか調べる方法がわかりません
Rangeなどを使った方法はあるようですが、選択に比べてやけに難しいような・・・

JSONPでコールバックで帰ってきたときのイベントをaddEventListenerで取得する方法はないですか？

>>36
onfocus

質問です
ローカルストレージにkeyが数字だったり文字だったりする多重配列を記憶及び取り出しする方法を教えてください。
どうやらブラウザ毎で挙動がちがうようなので、共通でできる方法を教えてください。お願いします。

>>39
http://dev.screw-axis.com/doc/chrome_extensions/tips/localstorage/

JSON使うのはいいんだけど、Prototype.jsの1.6？が使われてて
かつfirefoxのバージョンが3.6とかだと悲惨な事になるはず・・・
Operaとかでも発生したような気がするが忘れた

>>34
さんくす!

同僚「休日なにしてた？」
オレ「JS(Javascritpt)の勉強してた」
同僚「女子小学生(JS)の勉強とかロリコンかよwwwキメーwww」

こんな感じの同僚はおまいらの周りにいる？

同僚「休日なにしてた？」
オレ「ES(ECMAScritpt)の勉強してた」
同僚「ES細胞の勉強とかロリコンかよwwwキメーwww」

JSはまだしもESとは言わんだろ・・・

就活でJavascritptをがんばって勉強したアピールしたいのですが
どういえば言えばいいですか？

自分で作った作品持っていけ

カヤックのHTMLテスト受けて点数これぐらいでましたもありかもしれん（Web屋限定でｗ

拡張子がesだから言うんでない？

今時javascriptだけアピールされてもねｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

<div>
<span><b>１</b></span>
<span><b>２</b></span>
<span><b>３</b></span>
</div>

htmlの中にこういう構造のタグがあるとします
spanに挟まっているbタグを全てobjに格納したいのですが
var obj = document.getElementsByTagName('span').getElementsByTagName('b');
alert(obj.length); // 3って表示して欲しいのにエラーになります

求めたいことは仮にhtmlが上のだけだとして
var obj = document.getElementsByTagName('b');
alert(obj);// 3
の結果です
htmlはいじれません
どのようにしてオブジェクトをとることができますか？

getElementsByTagNameは配列を返すからとかじゃね

querySelectorAllでも使えば

>>51
<div>
<span><b>hoge</b></span>
<span><b>fuga</b></span>
<span><b>piyo</b></span>
</div>

<script>
window.onload = function() {
var obj = document.getElementsByTagName('span')[0].getElementsByTagName('b');
alert(obj.length); // 1
alert(obj[0].innerHTML); // hoge

var obj2 = document.querySelectorAll('span > b');
alert(obj2.length); // 3
alert(obj2[0].innerHTML); // hoge
alert(obj2[1].innerHTML); // fuga
alert(obj2[2].innerHTML); // piyo
};
</script>

>>51
forループ使ってb要素を集めるとか

>>51
オレも考えたぜ

<body>

<div>
<span><b>1</b></span>
<span><b>2</b></span>
<span><b>3</b></span>
<span><b>4</b></span>
</div>

<script type="text/javascript">
var obj=document.getElementsByTagName('span'),t=0;
for(var i=0;i<obj.length;i++){
for(var s=0;s<obj.length;s++){
if(obj[i].childNodes[s]){t++;}
}
}
alert("<b>タブの数="+t);//t=4となる
</script>
</body>

しかし、何でかalert(obj.childNodes.length);でエラーなんだよな
何でなんだ？

>>56
getElementsByTagNameで返されるのはNodeListだから。
childNodesはNodeに属するプロパティ。
childNodesはNodeListとして構成される。
なのでobj.lengthは通る。

こういった場合の解決方法は>>53-54で使われているquerySelectorAllか
document.evaluateを使ったXPathを使った方法かになるんじゃないかな。

どのバージョンまでサポートされてるかは忘れたけど、
document.evaluateはIEでの対応が微妙だったはず。

>>57
なんかオレの知らない方法だな、イジッテたら分かったが、
obj[0].childNodes.lengthで1個目のspanの子ノードの数が取得
できるって分かったから、obj[i].childNodes.lengthで
iを0からobj.lengthの値までforで回すと子ノード<b>タブの数
が計算できるな、二重にforを使う必要がなかったな。

<body>
<div>
<span><b>1</b><b>1</b</span>
<span><b>2</b></span>
<span><b>3</b></span>
<span><b>4</b></span>
</div>
<script type="text/javascript">
var obj=document.getElementsByTagName('span'),t=0;
for(var i=0;i<obj.length;i++){
t=t+obj[i].childNodes.length;
}
alert("<b>タブの数="+t);//t=5と出る
</script>

</body>

こんな偉そうな初心者も珍しいで

>>58
それはspanの中にb以外が入った時に間違った結果になるでしょ

っていうか、>>51が欲しいのはbタグの数じゃなくて、bタグの要素のリストだぞ。
3って表示して欲しいのに　とは書いてあるが。

Ajaxで書き換えた後の中に記述してあるjavascriptが動作しないのは仕様ですか？

いいえ

>>63
Ajaxで書き換えた後の中にある
<a href="javascript:document.form.submit()">
の部分をクリックすると
document.form.submit is not a function
と出てきます。
フォームの中にsubmitの単語が他に含まれていた場合もこうなるみたいですが今回はそのエラーではありません。
ちなみにAjaxの書き換えに使用するphpファイルは
直接開いてみたところエラーが出ずにちゃんと飛んだのでAjaxに使用した場合うまく動作しません。

javascriptスキーマとかどこの原始人だよ

document.formってなんだよ
document.getElementById('form')のこと？

アコーディオンメニューをjQueryのslideDownとslideUpを使って
作成したのですが、slideDownで下がりslideUpで上がるアニメーション
のときにアコーディオンメニューとアコーディオンメニューの下に書いた
文字がブレるような挙動をするのですが、仕様なんですか？

jQueryの記述に変えたところなんとかできました。

>>65
ダメなの？ｗ

>>68
せめて document.forms['form'].submit(); にして

> ダメなの？ｗ
リンクではないからa要素である必要性はないでしょ？
http://www.yomotsu.net/wp/?p=591

>>64
IEだとDOMで動的に生成した要素にonclick=javascript:〜などは使えないです。

>>70
いやいや、onclick="javascript:*" は全然意味が違うでしょう
ラベルじゃないですか

>>71
a href=〜でも同じだったとおもう。
回避策はあったけど今すぐは思い出せない。

>>72
IE8 で再現できません
http://jsfiddle.net/u8ygk/
setAttribute のバグを混同して記憶しているのでは？
http://www.tagindex.com/kakolog/q4bbs/2201/2582.html

回避策ですが・・・
送信するform要素に id="form"、追加されるa要素に id="formLink"
を設定しているとして、以下のコード書いたらいけるとおもうよ。

var fromSubmit = function(){
document.getElementById( 'form' ).submit();
}
var formSubmitLink = document.getElementById( 'formLink' );
formSubmitLink.onclick = fromSubmit;


>>73
はまったのは、IE6-7だったかも。

>>74
情報を小出しにしないでください
setAttribute のバグなら IE8 で解消されたことは理解してますし、>>73は IE6-7 でも動作するように書いています(環境がないので試してませんが)
http://fiddle.jshell.net/vSqKr/26/show/#Q13
あなたの環境では動作しないのでしょうか？

onclickにjavascriptラベルを適用する意味は全くありません
私の知る限りでは、element.onclick なり attachEvent なりを使えば IE6-7 でも適用できるはずです

>>75
すみませんね、引っ込みますよ。

> >>73は IE6-7 でも動作するように書いています(環境がないので試してませんが)
失礼。コンソールが使えないのでアドオンなしの IE6-7 ではエラーになりますね。
alert() に変更しました。
http://jsfiddle.net/u8ygk/1/

別に引っ込まなくてもよかったんじゃないの
IEで動作するか確かめるだけだし

今回のバグとは関係ないだろうけど、<a onclick="javascript:alert(true)"> とラベルの件は過去ログでも話題になってた気がする

var a = document.createElement('a');
a.setAttribute('onclick', 'javascript:alert(true)'); // 結局、こういうことだったの？

jqueryかその他のじjavascriptで以下のことをできるソースを探しています。
ご存知のかたがいましたら教えていただけないでしょうか？

formで画像のサブネームを選択したかを判定したいのですが、formのチェックボックスをつけるのではなく、画像をクリックしたときに、
画像の色を変えるもしくは、画像に枠線などをつけてON/OFFを判定するような感じにしたいです。

>>81
画像ごとに<input type="hidden">つくって、それをいじるようにするのは？
または、imgのON/OFFでクラス使うなら、クラスで判定してもいいだろうし

>>81
<img src="sample.jpg" aria-selected="true">

>>82,83
ありがとうございます。
なるほど、チェックボックスかくして、自作したほうが簡単そうですね（＾＾　

Twitterのページを開きっぱなしにすると新しいツイートを自動で確認してくれますが
あれはどうやってるのですか？
確認するたびにJSONPでscriptタグを作ってるのですか？

>>85
setIntervalとかじゃね？

>>85
定期的に ttp://api.twitter.com/1/statuses/home_timeline.json をXHRで読み込んでいる

>>86-87
ありがとうございます

<text:sample>
<string>サンプル</string>
</text:sample>

上記のようなコロンを含む要素をRSSやXMLで見かけますが
:sampleがついたtext要素を取得する場合は何を使えば良いのですか？

:sampleがついたtext要素じゃなくてtext:がついたsample要素じゃないのかい

getElementsByTagNameNS

え？
textが要素で
:sampleは名前空間じゃありませんでしたか？

<text:sample>サンプル</text:sample>と書き換えてて

var obj = document.getElementsByTagNameNS('sample', 'text');
alert(obj.innerHTML);
としてみましたがundefinedになりました

getElementsByTagNameNS(text:に結び付けられているURI, 'sample')

アプリ共通のスクリプトとして以下のように書くことが多かったんですが

var fooNode = document.getElementById("foo");
if (fooNode) { ... }

jqueryではどう書きますか？
var fooNode = $("#foo");
とすると要素がない場合には空配列が返るので
if (fooNode.length) { ... }
と書けますが、なんか変な感じでしっくりきません。
いいのかな？

>>95
問題ありません。
length はjQueryオブジェクトの数をあらわします。
http://api.jquery.com/length/

>>96
ありがとうございます！

jqueryは $(セレクタ.操作1().操作2()… って書けるのが醍醐味だからね。
選択できなかったからってnullなどを返すのはまずいわけだな。
0個の選択という状態にしておいて、操作の所ではなにもしないって感じになっている。

.isEmpty()ぐらいあっても良かったかもしれんが…
$.fn.isEmpty = function() {
return this.length <= 0;
};
拡張するならこうか。

querySelectorAllみたいなもんだからあれでいいんだよ

本職、趣味、学生問わず
IDE or エディタって何を使ってます？

Eclipse

Eclipse単体でJavaScriptって対応している？
なんかプラグイン入れている？

多分出てくるであろうものを先に列挙しておく
秀丸、Emeditor、terapad、Vim、Emacs

BBEDIT

EclipseではWSTから独立したJSDTというパッケージがある

>>102
”素”のＥｃｌｉｐｓｅは追加でプラグインがいるはず
mergedocのはどれ選んでも入ってた

単語をしっかり覚えてないからエディタじゃ、開発速度が数十倍遅くなるかもしれんｗ

最近はNetbeansも使いやすくなってきた

Aptana Studioを使っている

Mery使ってる

echo使ってる
echo '<script type="text/javascript">' >> index.html

notepad.exe使ってる

>>100
学生です。html、css、Javascript、C言語はTeraPadを使い、
phpはPeggy padを使ってます。
TeraPadっていう、テラっていう厨二のような名前がお気に入りです。

JavaScriptってメモリの破棄のタイミングが不明なんだが
どんどん動画のオブジェクト作って上書きしていって大丈夫なのだろうか

vimいないのか・・・

いないことはないよ

俺はvim使ってるがな

Df

>>114
モダンブラウザならeajax.gc()でGC呼べる

>>119
Firefox,Opera,Google Chrome で "ReferenceError: eajax is not defined" になった

$()関数って何て読むのですか？
$はjQueryと同じ意味なので、jQuery関数ですか？

http://scan.netsecurity.ne.jp/article/img/2011/11/13/27625/93.html
tokuhirom、ma.la？っていう人の話だけ聞きたい
色々なスレで見かけるけどWEB業界で有名らしいね
動画ありませんか？

>>122
質問するスレを間違ってませんか？

>>121
俺は「だらーかんすう」と読んでる。

場合による

document.getElementById("msg").innerHTML =("あああ"++"<br>");
document.getElementById("msg").innerHTML +=("いいい"++"<br>");で
あああ
いいい
と出力されますが、jqueryでは
$("#msg").html("あああ");
$("#msg").html("いいい");とするとあああが上書きされていいいになります。
$("#msg").html+("いいい")とするとエラーが出ます。
どうすればいいのですか？

>>126
その「html+」っていうのはあんたの創作でしょ。
創作を楽しむのならここで質問されてもねえ。
創作でなく真面目にJQuery使うのなら真面目にJQueryのドキュメント
にひととおり目通すべきなんじゃないでしょか。

>>126
その発想はなかったｗ
こーゆー初心は忘れちゃいかんな

いいこと言うなあ
日本語リファレンスでもいいから見るべきだね
間違っていたり最新じゃないかもしれないけど勝手に想像するよりはいい

>>126
全部(書き換え/取得)したいならhtml
追加したいならappend等色々
詳細はまぬあるみろ

質問者の意思を尊重して
$("#msg").html("あああ");
$("#msg").html($("#msg").html() + "いいい");
こう
$("#msg")はあえて変数に入れない

すいません。一応javascriptの機能だとおもってきいてるんですが
ttp://moe2.homelinux.net/src/201110/20111026143889.png
のように、画像を虫めがねで拡大するやり方がどうしても分かりません。
何を使えば、画像を虫めがねで拡大縮小できるのですか？

>>132
あの・・・画像のURL送られてきても・・・

>>132
あえて見ないで想像だけで書くけど、予め元画像全部を拡大した
ものを用意し、虫めがねに相当する幅と大きさを指定した絶対位置指定
のdivの中に貼る。そしてdivの位置をマウスで移動可能にして、
その位置に応じて内側の画像の位置も調節する。というのでどうかな。

イカ娘の局部アップか…

>>132
「jQuery 虫めがね」でググればたくさん出てくる

>>132
多分それブラウザの機能

>>137
すいません、教えれくれませんか？
普通にimgのタグで貼っただけではあんな虫めがねでないです。

>>138
だから、再現できるURLがあるなら、それ貼れってｗ

あ、Chromeで大きなサイズの画像を開いたときに
自動調整される機能のことをJSでやってると思ってるのか？？？

>>132
http://jsfiddle.net/64yfD/

jqueryでajaxのオプションでJSONPに設定して使うときって
scriptタグを生成するやり方を利用しているのですか？

var scope = "global";
function checkScope() {
alert(scope); // "global" ではなく undefined
var scope = "local";
alert(scope); // "local"
}
checkScope();

> alert(scope); // "global" ではなく undefined
この部分てさ、ローカル内の変数が優先されてるけど
まだ定義されてないからundefinedになってるん？？

>>143
そう。スコープ自体は関数スコープなのでそうなる。

functionの先頭で var scope; してることになっちゃうんだよ。

関数内で使う変数は関数内の最初に宣言しておいたほうがハマらない
ってことですか

https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Core_Language_Features#Variable_Scope
ここの Example 2 ね。

この部分は翻訳されてないな。

１１月１９日１８：００ニコ生緊急公式生放送！！！！　ひろゆきもゲリラ出演？！
人気生主が４時間大討論緊急生放送！！ゲームから政治まで幅広いジャンルの人気ニコ生主が多数登場！！　

☆出演まきの　ウナちゃんマンみずにゃん横山緑　石川典之ひろゆきほか多数！！

ニコ生放送アドレス
http://live.nicovideo.jp/gate/lv71419819
タイトルがまったく変ですが心配しないでください

>>146
関数冒頭で変数宣言すべき、といわれる理由がそれ
一般に巻き上げ(hoisting)と呼ばれる

なるほどありがとう

>>143
var scope = "global";
function checkScope() {
alert(this.scope); // "global"
var scope = "local";
alert(scope); // "local"
}
checkScope();

スコープ調べたいのに、this を付けたら駄目ですの

つか、undefined がかえるよね。
window.scope は undefinedだし。

えっ

あ、そか。
jsfiddleにそのまま流しこんでテストしてた。
全部が関数に囲まれてました。

テンプレの関連サイトというかリンク先に
ttp://bonsaiden.github.com/JavaScript-Garden/ja/
これ入れない？

 

>>156
加えた
http://fiddle.jshell.net/vSqKr/27/show/

>>139
ttp://simapan.info/pics/ikamusume/350905879637.jpg
貼りました。どうやったらこんな拡大縮小が再現できるんですか？

>>159
ただの絵じゃん。
拡大縮小を実現してるURLはよ。

>>132
指定したサイズの要素を作り、sytleのwidth,heightを大きくした画像をそこに置く
んでposiotionで表示する場所を限定して拡大しているように見せる技術

http://bonsaiden.github.com/JavaScript-Garden/ja/#object.prototype
にprototypeの拡張は非推奨みたいなことかいてありますが
変わりにどうかくのがいいのですか？
メンテナンスしやすいようにオブジェクト指向でコードは書きたいです

>>159
ブラウザの機能のことを言ってるなら、F12でCSS見るなりすれば

>>159
確認してるブラウザはなんだ？
結局>>140,163だとおもうけどｗ

質問です
formのsubmitやdocument.submit()を使うと画面が更新されますが
phpファイルにPOSTしても画面が切り替わらないでちゃんとPOSTされ計算結果が帰ってきたりするのがあります
ああいうのってAjaxやjQuery見たいなのを使った新技術なのでしょうか？

そしてライブラリとか必要なんでしょうか？
使ってみたいのですが、どう検索したらいいのかわからずです

>>162
どこに書いてる？
避けるべきとして書かれてるのは
組み込みされてるオブジェクトを
無闇に拡張するなって事ぐらいだと思うんだけど

>>166
避けるべきという事は推奨してないという事ではないですか？

こんな風に既存のオブジェクトを拡張すんなってことでしょ。
自分で設計したオブジェクトなら構わんでしょう。

Number.prototype.add = function(n) {
　return this + n;
};

alert((3).add(4));

組み込みオブジェクトの拡張を、どう書き換えるのがスマートかって聞きたいんじゃない　もしかして

>>165
Ajaxについて調べろ

pjaxとかなんとかいう奴じゃないのか

pjaxってどうやるの？

>>165
http://www.google.co.jp/search?hl=ja&gl=jp&q=XMLHttpRequest

>>170>>173
ありがとうございます！
なんだか夢が広がります！

>>167
組み込みオブジェクト拡張は推奨してない

<html>
<head>
<title>test</title>
<script type="text/javascript">
function OnInit()
{
document.body.style.cursor = 'crosshair';
}
</script>
</head>
<body onload="OnInit()">
</body>
</html>

bodyのカーソルを変更したいのですが、FireFox8では変わりません。
どうすればよいでしょうか？
ちなみにGoogle Chrome, IE8では変わります。

>>172
pushStateと通常のajaxを組み合わせた物だけど結構取り回しが面倒

本家のpjaxのサンプルサイトを丸コピペしたのにpjaxになりません
これってサーバサイドで何かする必要あるのですか？

データスキームでファイルの生成してるんだけどFireFoxだと動くのにChromeだと約1MB超えると動かんでクラッシュする
何か制約でもあるんでしょうか？
contentにbase64のデータが入ってzipファイルが生成される感じ
location.href='data:application/zip;base64,'+content;

pjax難しすぎ

そういうサイズ制限みたいなのはブラウザ依存でしょ
クッキーとかでもそうだし

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 1</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー1</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">あああああああああああああああああああああああ</div>
</body>
</html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 2</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー2</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">あああああああああああああああああああああああ</div>
</body>
</html>

サーバで確認したヘッダは以下の９つです
'Host'
'Connection'
'User-Agent'
'Accept'
'Referer'
'Accept-Encoding'
'Accept-Language'
'Accept-Charset'
'Cookie'

ヘッダに X-PJAX がどうしても含まれません
先生方のお知恵を拝借させていただきどうか私にpjaxを体験させてください

>>179
つか、エラーにならずにクラッシュするんだったら、報告しておいたほうがいいんじゃないか?

ブラクラつくっちゃったか…

やっぱpjaxって解答付かないぐらい難しいんですね
素人が手を出すものじゃなかったみたいです

>>186
へぇーpjaxって初めて知った
でも、$.ajaxで十分じゃない？

pjaxって何？と思って調べたら普通に使ってたわ、あれに名称あったのか

見栄春ばっかりｗｗｗｗｗｗｗｗｗｗｗｗ

もしかして：見栄晴

見栄貼る

location.hrefを書き換える時点でその書き換えたurlにアクセスしてしまうのですが
アクセスしないで書き換える方法はありませんか？
同一ドメインなので
http://ドメイン/から後の部分だけ書き換えられればいいです

>>192
pushState
>>182がなんか失敗してるみたいだけどpjax使ってみれば良い
https://github.com/defunkt/jquery-pjax

レスポンスに <html を含んでると直接飛ぶみたいだぞ
えらいアバウトだなしかしｗ
      if ( !$.trim(data) || /<html/i.test(data) )
        return window.location = options.url

>>189
hash見てコンテンツの内容変えるだけなのに見栄とか意味わからんね

>>188
総称じゃなくて固有名称じゃろ
gitのサイトで使ってたのをプロジェクト化した際の

記述自体はあってますか？

あってるとおもう
php側が記述されてないのでどうとも
あとpjaxのバージョン等も記入されてないし

至急用意しますのでお待ちください

PHPを埋め込んだバージョンです
pjaxとjaqueryはhttp://pjax.heroku.com/で使われているものを保存しました
<?php
$headers = apache_request_headers();
?><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 1</title>
<script type="text/javascript" src="jquery.1.5.1.js"></script>
<script type="text/javascript" src="jquery.pjax.js"></script>
<script type="text/javascript">
$(function() {
$('a[data-pjax]').pjax();
});
</script>
</head>
<body>
<div id="header"><h1>ヘッダー1</h1></div>
<div id="navi">
<a href="page1.php" data-pjax='#main'>page1</a>
<a href="page2.php" data-pjax='#main'>page2</a>
</div>
<div id="main">
<p><?php if ($headers['X-PJAX']) echo 1pageのテキスト'; var_dump($headers); ?></p>
<p>あああああああああああああああああああああああ</p>
</div>
</body>
</html>

<SCRIPT language="JavaScript">
<!--
var MAX_NUM = 5;
var alreadyGet = new Array();
var urls = new Array(MAX_NUM+1);
urls[1] = "http://www.yahoo.co.jp/";
urls[2] = "http://www.infoseek.co.jp/";
urls[3] = "http://my.yahoo.co.jp/";
urls[4] = "http://www.google.co.jp/";
urls[5] = "http://www.goo.ne.jp/":

function getNumber() {
if ( alreadyGet.length >= MAX_NUM ) {
location.href = "http://www.2ch.net/";
return -1;
}
while ( true ) {
num = Math.floor( Math.random() * ( MAX_NUM ) ) + 1;
for ( i = 0; i < alreadyGet.length; i++ ) {
if ( alreadyGet[i] == num ) break;
}
if ( i == alreadyGet.length ) break;
}
location.href = urls[num]
//-->
</SCRIPT>
更新するとランダムかつ順番にURLにジャンプするようにしたいのですが
全くジャンプすることなく固まっています。どのように直せばいいか教えて頂けませんか？

> urls[5] = "http://www.goo.ne.jp/":
の行末の「:」は「;」では？
> function getNumber() {
を閉じる「}」は？「getNumber()」は呼び出してるの？
あと「ランダムかつ順番に」ってどういう動作？

突っ込みどころが多すぎ

>>186
これ単なるjQueryプラグインだからべつに難しい事もないけど
素人さんがそんな急いで飛びつかなきゃならんような機能でもないでしょ

>>204
コードを晒したので見ていただけますか？

>>202
レスありがとうございます。
http://oshiete.goo.ne.jp/qa/2196321.html
ここにのっているビンゴゲームのHP番を作ろうとしていたのです。

「ランダムかつ順番に」
重複せずにランダムの順番で表示する動きをイメージしました。

function getNumber() { を閉じることで一応動きはしましたが
最初に開いたページから更新しても変化なしでした。

>>203
仰る通り知識無い状態でコピペでどうにかしようとしたのでは根本的にダメみたいです。

>>205
どんな挙動を期待していて、
どこがどう動かないのか理解をまずしてみようよ
それくらい分からないと、１から教えなきゃいかんコッチの身にもなってくれ

分らないなら黙ってろのパターン発動ｗ

>>194を読んで意味がわからないのなら諦めてくらはい

的外れ

>>205
プラグインだから難しい事もないならお前がコード修正してあげればいいだけ
旗から見ればお主はpjax自体知らなくてただ煽りたいだけにしか見えない

アンカーミス
×　>>205
○　>>204宛て

せめてガチな質問者くらいはIDださね？

>>213
それならID出さない質問は冷やかしの可能性もあるから答えなくても良い
という流れになりそうだからだめじゃないかなー

たいていは質の悪い回答？にもなってない一部の人間の態度がこのスレは悪いね

>>213だけど、このレスは質問者なのか？どれに対してどう言ってんのか？
って分かりづらい時があるからさ

ま、チラ裏に近いな。スレチすまん

Javscriptの質問とはちょっと違うかもしれませんが
海外のFacebookやtwitterは画面更新しないでも処理される便利なものが多いですが
ナゼ日本のmixiとかはそういった機能が無く単純にCGIにPOSTして画面が切り替わるだけのようなサイトが多いのでしょうか？

>>217
PV＝広告効果の概念が未だに強いから

IDか名前欄にレス番入れとけばどっちだっていいよ

外部スクリプトが普通にheadに書かれていたらloadイベントで初期化
読み込みが完了したドキュメントでscriptエレメントで追加された場合はすぐに初期化
というような挙動にしたいのですが、window.loadedが分からないため分岐処理ができません
この場合はどのようにするのが通例なのでしょうか？

まずそんな分岐が要らん様に設計するのが先の様な気がする。

var t = setInterval(〜)

現在setIntervalが動作しているか調べる方法はありませんか？

tに値が入ってるんじゃないの

>>211
ゴメンよ
環境もエラーの有無も書いてない
ソース複数個貼ってファイル名は書いてない。>>194の問題に関するコメントもない。
解決までの長そうな道のりに付き合うよりもつい率直な感想が先に出てしまった

>>222
フラグ変数に現在時刻を入れておく

javascriptを複数のファイルに分ける意味がイマイチ納得できません
読み込むときエラーとかが出る可能性が出るのでhtmlにまとめるのがいいのでは？

>>226
アクセス量低減

>>226
キャッシュ

HTMLの見通しが悪くなるし、SEO対策に不利らしい
だからスクリプトは別ファイルにして読み込む方がいい。らしい。

そのページでしか使わないのならページに組み込んだほうがリクエスト数が減らせていいんですよね？

>>230
そんなギリギリの戦いしてるの？

>>224
多分、君は静かにするほうがこのスレとしては助かる

>>230
そうです

>>227>>228
なるほど、そういう問題もあるのですかありがとうです

>>232
┐(´―｀；)┌

var A = function(){
var test1 = "test 1 in A!";
var test2 = "test 2 in A!";
this.test3 = "test3 in A!";
this.echo = function(){alert(test1);}
var B = function(){}
B.prototype.echo = function(){alert(test2);}
this.b = new B();
};

var a = new A();
a.echo();
a.b.echo();

自身の中に関数スコープのような名前空間を持つインスタンスを作成したいです。

上のコードのようにa.echoとa.b.echo()で違う出力が行えるようにして、名前空間を分けることと
クロージャを使って b から a の変数(test1)にもアクセスできるようにすることはできましたが、
bからa.test3を参照するにはどうしたらいいでしょうか？

また、クロージャのためにAの中でBのprototypeを設定していますが、インスタンスの生成毎にB.prototypeができてしまうので
prototypeの意味がなくなってしまいました。
どうしたら動作を変えずにB.prototypeをAの外側に出してprototypeの恩恵が受けられるようになるでしょうか？

>>236
var A = function(){
　var that = this,
　　　　test1 = "test 1 in A!",
　　　　test2 = "test 2 in A!",
　　　　B = function(){};

　　that.test3 = "test3 in A!";
　　that.echo = function(){console.log(test1);};

B.prototype.echo = function(){console.log(test2);};
B.prototype.echo2 = function(){console.log(that.test3);},
that.b = new B();
};

var a = new A();
a.echo();
a.b.echo();
a.b.echo2();

こんな感じとか？
Bを完全に外に出すのはtest2とかを使いたいのであれば無理。
やるならBの引数をcallback形式にして
クロージャを渡すようにすればある程度はできるだろうけど
どんな事したいのか不明なのでなんとも

初めての質問良いですか？
実はこの前掛け算で遊ぶ様なJavaScriptを見よう見まねで作ったんですが
開いてみると

下にスクリプトやアクティブXコントロールを実行しないよう、Internet Explorer
で制限されています！と出るんですが、スクリプトが実行されないんです
どうすれば良いんでしょうか？Windows7です

ブラウザスレに行ってください

スクリプトのブラウザ対応とかはここでも話するが
さすがにそれはブラウザの話やが

>>238
これテンプレに入ってなかったのか
どこかサーバ借りるなり、ローカルでサーバ立てるなりしないと無理だよ

>>241
初心者をからかって遊ぶのは関心しないな。
自分だって通った道だろう。

>>238
オプションで許可するかもしくはFirefox、Chromeを使いましょう
ただしOperaはダメです

>>243
オプションってどこを開けば良いのですか？
Firefox？Opera？
インターネット繋がらないんですが大丈夫でしょうか…
あいぽんからですみません

document.write('
<link rel="alternate stylesheet" type="text\/css" href="style\/alternate1.css" title="alt1">
<link rel="alternate stylesheet" type="text\/css" href="style\/alternate2.css" title="alt2">
<script src="js\/jquery.min.js"><\/script>
<script src="js\/stylesheetToggle.js"><\/script>
<script>
$(function(){
$.stylesheetInit();$("#toggler").bind("click", function(e){$.stylesheetToggle();return false;});
$(".styleswitch").bind("click", function(e){$.stylesheetSwitch(this.getAttribute("rel"));
return false;
});});
</script>
');

ttp://www.kelvinluck.com/assets/jquery/styleswitch/toggle.htmlにある
スクリプトなのですが、内容を直接描くとFF8,Chorome15,IE9の各最新版で
問題なく動作するものの、上記の（改行除く）外部ファイルを読ませるとIEのみ
動作しません。どんなミスをしているのでしょうか？

説明がおかしい所があるので追記させていただきます。

改行や\を除いた上記内容をHTMLファイルのhead部分に直接書くと
動作するのですが、外部ファイルにして<script src="js\/***.js">
<\/script>のように読み込ませると動作してくれません。

>>244
ツール > インターネットオプション > セキュリティのとこ
iphoneでfirefoxダウンロードしてPCに移せばもっと簡単
http://downloads.sourceforge.net/portableapps/FirefoxPortable_8.0_Japanese.paf.exe?download
Operaはダメです

>>237
やっぱりBを外に出すのは無理ですか…

やりたいこととしてはMVPパターンを使うために、
インスタンスごとにModel,View,Presentorにあたるメソッド・プロパティを持つインスタンスを作ろうと思ってました。
>>236のコードで言えばBがModelまたはViewまたはPresentorにあたり、それらをAでラップするという感じです。

非同期でデータを書き込み・読み込みを行なう掲示板的なものを作るとしたら
掲示板書き込み部分…�@
掲示板データ読み込み部分…�A
とインスタンスは２つになるように範囲を分けて
�@、�Aでの共通部（掲示板書き込み時または読み込み時のDB接続部）などをModel(B.prototype)にいれて
コード量、というかメモリ量を少なく済ませたかったのです。

backbone.jsとかのフレームワーク使えばもっとうまくできるだろうという話なんですが、
自分で一からこういう設計してみたかったのです。jsの設計は難しい…

JSで、現在のディレクトリパスを取得する（現在のURLからファイル名を消去する）処理を書くには
どのようなコードが最適でしょうか？

URL取得→最後のスラッシュで分割→最後のスラッシュ以前を取得
というふうに考えましたが、最後のスラッシュで分割するのがJSでは面倒くさそうな感じに思いました。

動かなかった理由が分かったので締めます

>>249
そのアルゴリズムならsplitで分割してpopしてからjoinで戻せばいいんじゃないかな
別の方法としては正規表現で置換する、lastIndexOf と slice の合わせ技

>>250
どんな理由だったの？

>>250
そうだな。礼儀として理由は言ったほうがいいと思うぞ。
調べてくれた人も少なからずいるだろうし

X-PJAXを送信できるように修正しただけです

ただ、実際に自分が晒したコードでは動きませんでしたが他の方の環境では動いたのかどうかの情報が欲しかったです

JavaScriptの変数には，参照と実体の２種類がありますが
それを説明する短いサンプルコードってどこかにありませんか？

参照と実体の２種類・・・
そうでしたっけ？

はい

基本型とオブジェクトがあって、
オブジェクトは複数の変数から参照されるっていう話？

test

>>248
やろうと思えばできる
prototypeをクラスだと思うな

レベルが低いバカしかいないなここ

>>248はVisitorパタンみたいのにすればいいが
>>262を含め助言できる奴はいないだろうな

>>256
MDNにある

s1 = "2 + 2"; // String プリミティブを生成します
s2 = new String("2 + 2"); // String オブジェクトを生成します
eval(s1); // 数字の 4 を返します
eval(s2); // 文字列の "2 + 2" を返します
eval(s2.valueOf()); // 数字の 4 を返します

こんなのでいいのかな?
まあ、console.dir() してみりゃ違いはわかるとおもうけど。

jqueryと他のライブラリを共存させるときに
(function( $ ){ 〜 })( jQuery )
という風に書きますけど
このコードの意味を教えてください

>>265
http://www2.atpages.jp/mirror/2ch/javascript/read.php?key=1184908688#l897

>>261
未だprototypeの使いどころというのがいまいち分からず
どうやってもクラス的な使い方になってしまいます…
JSwayというかprototypeを生かした書き方だとどうやったら可能でしょうか？

<ul id="ul">
  <li><div><span>foo</span></div></li>
  <li><div><span>bar</span></div></li>
  <!--liが続く-->
</ul>
<script>
var ul = document.getElementById("ul");
ul.addEventListener("mouseout", function(event) {
  if (event.target.toLowerCase() === "li") {
    //li要素（event.target）に対して何らかの処理
  }
}, false);
</script>

みたいなことをしているのですが、
<li>と<div>や<span>の間に隙間がないとき？に
<li>でmouseoutイベントが発生しません
そういうときでもその<div>や<span>の親や祖先の<li>を得るにはどうすればいいですか？

function(event) {
  var target = event.target;
  var li = target.toLowerCase() === "li" ? target :
           target.toLowerCase() === "div" && target.parentNode.toLowerCase() === "li" ? target.parentNode :
           target.toLowerCase() === "span" && target.parentNode.parentNode.toLowerCase() === "li" ? target.parentNode.parentNode :
           null;
  if (li) {
    //li要素に対して何らかの処理
  }
}

みたいな感じしか思いつきませんでした。普通はどうするものなんでしょうか

>>267
識別子名やら結果出力方法やら変えちゃいましたが
こんな感じでどうでしょうか
コード http://jsbin.com/ikaluf/edit
結果 http://jsbin.com/ikaluf

コード中の (function () { で始まって })(); で終わる匿名関数は
スコープ作ってグローバルから隠すためだけにあるので
その2行は一旦無視して読んでもらった方が良いかもですね

>>267
Model.prototype.doSomething = function (controller) {
 return controller.doSomething(this);
};

Controller.prototype.doSomething = function (model) {
 ....;
};

>>268
if (
  ! event.relatedTarget ||
  ! event.relatedTarget.isSameNode(event.currentTarget) &&
    (0 === event.relatedTarget.compareDocumentPosition(event.currentTarget)
        & Node.DOCUMENT_POSITION_CONTAINS)
  )

DOM HTMLでタグ名は大文字で返ると決まっている
XHTMLを捨てる道を選んだのだから無駄なことはするな

言い忘れたが、IEのcontainsがDOM4に入ってるから使ってもいい
isSameNodeを含むので注意

! event.currentTarget.contains(event.relatedTarget)

>>271
それが普通のやり方なんですね
試してみます

>>251
ありがとうございます。
こんなふうに書いてみました。

var url = 'http://example.com/foo/bar/hoge.html';

// 1
arr1 = url.split('/');
arr1.pop();
print(arr1.join('/'));

// 2
arr2 = url.split('/');
print(arr2.slice(0,arr2.length-1).join('/'));

更に質問です。以下のようにすると一行にできそうな感じがするんですが、
メソッドチェーンの途中で、自分自身の length を取得する部分をどうかけばいいのかわかりません。
どなたかご教示お願いします。

str3 = url.split('/').slice(0, (???this???).length-1).join('/');
print(str3);

lastIndexOfを調べてみたら、これでいけました。これが最短ですかね。

print(url.slice(0, url.lastIndexOf('/')));

コードはこれで満足ですが、よかったら>>274の質問の回答も知りたいです。

負の数使えばいいんじゃね

フラグメントついてたら狂うんじゃない

>>274
url = url.replace(/[^/]+$/, '');

>自分自身の length を取得する
ないですね。多分。
まあ仮に this.length とか書けても 変数.length とするのとさして変わらんよね

Javascriptにおいて、「プロトタイプ」というとJSの言語仕様の
プロトタイプのことを指すのでしょうか？
それとも、Prototype.jsのライブラリのことを指すのですか？
この2つはどんな言い方で区別されているのでしょうか？

>>269
丁寧にコメントで解説まで付けていただいてありがとうございます。
やっぱりparentみたいな感じで明示的にAへの参照持たないとAのプロパティ読むのは無理そうですね
this.b.getX = this.getX;
のような柔軟な部分はjsらしい…のかな？

>>279
prototype.jsのことを「プロトタイプ」と呼ぶ人やブログなんかは見たことがないですね。

Prototypeか
prototype.jsとしか呼ばれないね

東京の東村山と武蔵村山があるのに村山と略すみたいなものか

誰がこんなクソ紛らわしい名前付けたんだ

おれのじっちゃ

リアル会話ではやっぱプロトタイプ・ジェーエスとか呼ぶん？

prototype.jsはprototypeを拡張しまくるからだと思ってる

なんか本を読んでもあいまいなので、
言語仕様の方のプロトタイプ、ライブラリのプロトタイプと
勝手に読んでました。
JSではプロトタイプと言うと普通は言語仕様のことをさすのですか。
Prototype.jsでできることってjQueryで全部できるのですか？

>>282
やっぱprototype.jsはRailsと一緒に使わにゃ

あ、なんか変なアンカ入ってもた

>>282
武蔵小杉・武蔵新田・武蔵小山・西小山と一緒か

質問です…
JavaScriptでどんなものが作れる様になるんでしょうか？
それと、JavaScriptはどんなところで使われているんでしょうか？

>>282
どっちかと言えばJavaScriptをJavaって略すみたいなもんやない

>>291
作れるモノは
1.スライド式のメニュー
2.一人対戦オセロゲーム
3.Ajax
4.C言語でやるような数値計算もできる。
フィボナッチ数列求めたり、行列の計算とか。
5.Javascriptはリッチなインターフェースだから、
まぁ、webサイトの装飾だな。

具体例の有名なとこは、
JavascriptはAjaxとして、グーグルマップに
使われてる。グーグルマップはAjax+サーバーサイド
プログラムで組まれてる。

>>291
こんな感じのサイト作ってみたいなぁって思ったら、
それを実現してくれるツール。思ったことの大半は可能だ。

メモリーリークについて教えてください
innerHTMLで追加した要素にattachEventなどでイベントリスナーを付け、再びinnerHTMLで上書き(更新)した場合
メモリーリークしてしまうのでしょうか？

また、よくある
if(document.addEventListener) {
var addEvent = function(node,type,handler) {
node.addEventListener(type,handler,false);
} else {
var addEvent = function(node,type,handler) {
node.attachEvent('on' + type, function(evt){
handler.call(node, evt);
}
}
のようなクロスブラウザ対応のイベントリスナー追加関数はリークパターンでしょうか？

カンマ演算子って何のために存在するの？

関数の引数を区切るため

それはカンマ演算子じゃないだろ

forの中で区切るため

>>295
・する、割と最悪のパタン
・です、使うな

c=0; if (なんか条件) c+=1;
とあるソースコードで上記のコードを見かけたんだけど
これってc=0;の代入じゃなくてc+=1;の加算代入にしてる意味って何かあるの？

上記は誤記した、下記に質問書き直す

c=0; if (なんか条件) c+=1;
とあるソースコードで上記のコードを見かけたんだけど
これってc=1;の代入じゃなくてc+=1;の加算代入にしてる意味って何かあるの？

if文で{}括弧使わずカンマで区切って使ったりすると文字数が減る
if (a==b) {a=10; b=20; c=30;}
if (a==b) a=10, b=20, c=30;

>>302
意味ないね

>>303
な、なるほどこんな使い方が

>>300
やはりリークするのですね、ありがとう
そこで疑問ですが、大きなアプリケーションなどを作る方はどのようにイベントリスナーの追加や削除をしているのですか？
追加するときにいちいちdocument.addEventListener ? ~ : ~;などとやっているのでしょうか
それとも関数を使って必ずdetach/removeするという形にしているのでしょうか

>>304
ありがとうございました
特に意味ないのですね
意図のわからないコードを書く人のコードを読むのは疲れます

通常の式内に混ぜてしまうとか
b = 1, c = 2, g = 3;
a = b + c + (d = 10, e = 12, f = 13) + g; // a = 19

意図不明の具体例っすか

var a = 0;
var b = 0;
を
var a = 0, b = 0;
と書いてコードがババァにならないようにするとか。

いっそif文やwhile文の条件式に使ってみたり
if (a = 1, b = 2, a != b) alert('baka');

>>307
こんな風に並んでたとして
処理順が変わった時にそのまま貼り付けできるようにしてるとかゆー事もあるよ
c=0;
if (なんか条件1) c+=1;
if (なんか条件2) c+=1;
if (なんか条件3) c+=1;

>>310それカンマ演算子ちゃう

function hoge() { alert('hoge'); }

if (a = 1, hoge(), a != b) alert('baka'); //hogeる

var b=1, hoge(); //エラー

>>307
ttp://tenhou.net/2/agari1001.js
具体的にはこれのコードなんですけど
こんな感じでコピペのためとは思えなくって
isMentsu:function(m){
var a=(m&7), b=0, c=0;
if (a==1 || a==4) b=c=1; else if (a==2) b=c=2;
m>>=3, a=(m&7)-b;if (a<0) return false;b=c, c=0;if (a==1 || a==4) b+=1, c+=1; else if (a==2) b+=2, c+=2;
m>>=3, a=(m&7)-b;if (a<0) return false;b=c, c=0;if (a==1 || a==4) b+=1, c+=1; else if (a==2) b+=2, c+=2;
m>>=3, a=(m&7)-b;if (a<0) return false;b=c, c=0;if (a==1 || a==4) b+=1, c+=1; else if (a==2) b+=2, c+=2;
m>>=3, a=(m&7)-b;if (a<0) return false;b=c, c=0;if (a==1 || a==4) b+=1, c+=1; else if (a==2) b+=2, c+=2;
m>>=3, a=(m&7)-b;if (a<0) return false;b=c, c=0;if (a==1 || a==4) b+=1, c+=1; else if (a==2) b+=2, c+=2;
m>>=3, a=(m&7)-b;if (a<0) return false;b=c, c=0;if (a==1 || a==4) b+=1, c+=1; else if (a==2) b+=2, c+=2;
m>>=3, a=(m&7)-b;if (a!=0 && a!=3) return false;
m>>=3, a=(m&7)-c;
return a==0 || a==3;
},

上記はまた誤記、>>307と自分に安価してしまいました>>312さんへのレスです

単に+=2とは違って+=1のところは1を足すというメッセージじゃん。

>>314
可読性のために、宣言時に
その変数が使用する予定の型で初期化するというのは割と僕もやります

b=c, c=0;if (a==1 || a==4) b+=1, c+=1; else if (a==2) b+=2, c+=2;
↓
b=c, c=0;if (a==1 || a==4) b+=1, c=1; else if (a==2) b+=2, c=2;
つまり人がコードを読む上で上記の２つでは何か意味が違うってことですか？

質問を間違えました、意味の違いは何だと思われますか？

>>317
加算代入じゃなくただの代入文だと数値じゃなく文字列として初期化されるってことなのでしょうか？

>>318
あ、そこで0を代入してたのかｗ
すいません>>317は忘れてください

実行結果に変わりがあるわけじゃないんだし好きに書けばいいじゃないか
こんなくだらないことに拘って質問しまくんなよ

ここm>>=3, a=(m&7)-b;やここb=c, c=0;をセミコロンじゃなくカンマで区切ってる意図もわからんな

馬鹿ばっかり

ルリルリたん

実は裏技でね
a = 1; b = 1;　よりも a = 1, b = 1; にしたほうが処理速度が少し向上するの
実は裏技でね
a = 0; a = 1; よりも a = 0; a += 1; のほうが処理速度が少し向上するの

ただの代入にするとメモリの再割り当てが生じるだろ

コンマだと次は必ず式が来るがセミコロンだと次が式とは限らんだろ
コード解析処理に違いがあるだろ

314はfor使わずに同じコードわざわざ羅列してんのは速度重視してんの一目で分かるだろ

ここできくのがいいのかわからないけど質問します。
ブログの最新記事のみに広告表示させたいんですが、
javascriptでできます？

>>330
できます。

>>395,306
原始的な addEvent なら
https://gist.github.com/758906/db5cd03c967c368a50d095854850fb16cf9f95b3
this 値を書き換えたいなら、window unload 時に detachEvent してください。
https://gist.github.com/758906/0e1047fea1f2bf4781811cc3e6d281196448b597
this 値に手を出すなら event まで書き換えておけば面倒がなくて良いと思います。

次スレのテンプレにこれもいれて
http://cou929.nu/data/google_javascript_style_guide/

>>306
コンテキスト共有の必要がない単発イベントならバブリングを使ってdocumentで監視しろ
コンテキスト共有の必要があるならthisにそれを持たせろ
それだけで循環参照はほぼ防げる

コンテキスト共有の必要があり、かつIEを考慮するなら最後にdetachEventしろ
XHRならonreadystatechangeにnullでも突っ込め

クロージャーを使うな
eventとthisだけで必要なものを受け渡せるようにしろ

オブジェクト指向の書き方を教えてください
PHPでいう以下の書き方をprototypeを使わない方法でjavascriptで書くとどう書けますか？

class A
{
private $string;

function _construct($arg)
{
$this->string = $arg;
}

public function echo()
{
return $this->string;
}

public function view()
{
return $this->hidden();
}

private function hidden()
{
return "秘密のあっこちゃん";
}

}

$obj = new A("文字列");
print $obj->echo();
print $obj->view();

>>335
http://ideone.com/EeJ8Y

>>334
> XHRならonreadystatechangeにnullでも突っ込め
これは回避できないパターンだったような

>>337
すまんnew Functionを突っ込めだな
COM由来のは型が一致しないと代入できんから

>>336
それstringがpublicになってる
http://ideone.com/Pe7ar

>>336
>>339
神乙

>>332,334
ありがとうございます
>>332
やはりクロージャを使わないaddEventでthisやeventオブジェクトの違いを関数内で吸収するか
detachEventをするために無名関数は使わず、unloadですべてdettachEventする仕組みを組まなければならないようですね
>>334
なるほど、上書きしたり削除しない親要素で監視するというのは盲点でした　そうします
＞コンテキスト共有の必要があるならthisにそれを持たせろ
これがよくわからないのですが、古いIEではthis = event.srcElementみたいに書くということでしょうか？

イベントハンドラとかリークの話が出ているので便乗して…
http://d.hatena.ne.jp/lesamoureuses/20080416/1208325055
この記事、というかここの過去スレで、メモリリークについての議論がされていますが

function test() {
var elt = document.getElementById('i0');
elt.src = 't2.png';
elt.onclick = function() { location.href = 't2.html'; }
}

このコードってどこが循環参照になっているのかがわかりません。
testのスコープがelmへの参照を保持しているのは分かりますが、
elt.onclickはtestスコープ内の変数を特に参照しているわけでもないので、循環参照にはならないんじゃないのかと思いました。

例えば
function test() {
var elt = document.getElementById('i0');
var link = "t2.html";
elt.onclick = function() { location.href = link; }
}
などとすれば、elt.onclickはlinkという変数のせいでクロージャによってtestスコープを参照し、
testスコープはeltを参照し、eltのプロパティであるelt.onclickはtestスコープを参照し…という感じで
循環参照が起こっているというのがわかるのですが…

そもそも僕が循環参照とクロージャというのがどういうものなのかを勘違いしているのでしょうか？

> function() { location.href = 't2.html'; }

この関数式が評価されスコープチェーンが形成されるとき
実行中の関数（test）が持つスコープチェーンが渡され加えられる。これがクロージャね。

循環参照となるオブジェクトはスコープチェーンの中ってことですよ。

>>341
var listener = {
  draggable: false,
  handleEvent: function(e) {
    switch (e.type) {
    case 'mousedown': this.dragging = true; return;
    case 'mousemove': ...; return;
    case 'mouseup': this.dragging = false; return;
    }
  }
};
document.addEventListener('mousedown', listener);
document.addEventListener('mousemove', listener);
document.addEventListener('mouseup', listener);

Netscapeのversion.6からこう書けた
Safariはversion 3、Operaは忘れたが、DOM4に入った（第三引数の省略も）

コールバックに渡す任意の「引数」としてthisを使えばスコープ依存を断ち切れる
thisの使い方を知らない「らいぶらり」があまりに多すぎる

>>326-329
嘘を書かないでいただきたい
困ります

a = 1;
b = 1;
っていうのは
a = 1, b = 1;て書けるの知りませんでした

a = b = 1;っていう書き方はだめですか？

意味変わらなくね？

>>346
それは両方１だから
a = b = 1
ってできるけど
aが1でbが2の場合どうするのよ
それにObjectだと両方同期しちゃうよ

あと
a = b = 1
だとbはグローバルにおかれるよ
(function () { var a = b = 1; console.log("a" in window,"b" in window)})()
false true
という結果になる

>>348
> aが1でbが2の場合どうするのよ

a=(b=2,1)

a = b = 1;
var a = b = 1;

それと、これは全く意味が異なるから、並列に語れない。
前者は代入式、値が返る。
後者は (変数 a の) 変数宣言、値は返らない。

>>348
var a = b = 1;てやってもbってグローバルになりますか？

サンプルコードまで貼ってくれてるやん

>>343
var linkをelt.onclickの中から参照するように
変数スコープをまたがって参照を行ったときに、クロージャが形成されると思ってました…

function test(){
var eventSource = document.getElementById("btn");
var actionTarget = document.getElementById("divElm");
eventSource.addEventListener("click", function(){actionTarget.innerHTML=""}, false}
}
楽だからという理由でよく以下のようなコードを書いてましたが、
これもaddEventListenerの実行時にイベントハンドラの無名関数が評価されてtestがスコープチェーンに加えられて、
そのtestの中でさらにeventSourceへの参照が起きて…と循環参照になってGCされなくなるのですね…


イベントに関して>>334で
コンテキスト共有の必要ない場合はdocumentで監視しろって言われてるのはどうしてなんでしょうか？
コンテキスト共有の必要がないのなら、循環参照の危険もないし周りくどい方法を使わなくてもいいのでは…

またコンテキスト共有の必要ある場合はthisのみでっていうのは
上のコードで言えば、イベントハンドラ内でactionTargetを参照せずにevent.srcElement.nextSiblingとかで
actionTargetを参照できるようにhtmlを作っておいて、そのように参照しろということでしょうか？

よくJavascriptでオブジェクトっていう話題を聞くようになったんですが
この言語にはクラスと言う物はないって聞いたのですがそれらの書き方を覚えたいのですがなんていう名前で検索したらよいでしょうか？

コンストラクタ
プロトタイプ

ブラウザゲーで通信対戦とかはAjaxで可能ですか？

通信対戦だと無理

phpやcgiをかませば可能じゃね？リアルタイムじゃなくなるけど

node.jsでやれよそういうの

JavaScriptで通信対戦は可能。
WebSocketもあるし、XHRだってロングポーリング等を使えばいける。
P2Pでの対戦も場合によっては可能になるかもしれない。

node.jsってどこの無料ＨＰでも使えるの？

ggrks

JSLintでインクリメント／デクリメント演算子はダメよ扱いになってるけど
理由教えてください

前スレで「変数と関数に使う名前」の話が出てましたが、
確かに$など使ってPHPっぽく変数を作ることは可能ですが、
予約後を除いた、アルファベットとアンダーバーと数字で作成
するのが推奨とJavascriptの本に載ってましたが、皆さんは名前を
どのように作ってますか？

イベントリスナーを削除しないことでリークになるのは循環参照が発生していて自動でメモリーが解放されないからで
循環参照が発生していなければ、イベントリスナーを付けたエレメントをinnerHTMLなどで上書きしても
メモリーリークは発生しないという認識でいいのでしょうか？

>>364
会社や個人やプロダクトごとに様々な書式があるから
コーディングルール、命名規則とかでググってみるといいよ。
JSの場合はアンダーバーを使わずにローワーキャメルケースで書くひとが多いと思う。

JavaScriptP2PのAPIは確か今策定中だろ
俺はそういった機能はまずWindows8ネイティブアプリ上で使われて普及して認められれば
ブラウザ上にも早急に実装されるんじゃないかと思ってる

今時、循環参照程度でメモリリークするようなブラウザはないよ
Gmail、TwitterやFacebookみたいにずっと同じページを表示するような設計ならメモリの開放に気を使うべきだが、
普通にページ遷移するなら循環参照自体は何も問題ない

「循環参照程度」という認識がバカだ
異実装間のGC問題はそれだけで本が何冊も書ける大問題で
それを小さな形で何とか封じ込めてんのが今のブラウザ
だからひょんなことで噴き出す

対策できる人がトレードオフで気にしなくていいだろうと判断するのと
原理が分からない人が人に言われて気にしないのとでは理解に大きな差があると思う

<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">
list = new Array( "a", "b");
function add(){
list.push(document.getElementById("comments").value);
alert(document.getElementById("comments").value);
};
function tmp(){
var j = 0;
while (j < list.length){
document.write(list[j]+"<br>");
j = j+1;
};
};
</script>
</head>
<body>
<script>
hyouji();
</script>
コメント:<input type="text" id="comments">
<button onclick="add()">書き込み</button><br>
</body>
</html>

textに書き込んだ文字をaddに送り、listという配列に追加しtmpという関数を使い表示するようにしたいです.
しかし元から配列に入っている文字は出力されるのに配列に追加した文字が表示されません.
どのようにすれば出力できますか?

>>368
いちど循環参照を意識して依存関係を切り離してみろ
非同期コードがものっそいすっきりするぞ

クロージャーから離れられないやつは
頭の中であんま整理できてないんだと思う

>>371
そのまま試したけど
表示されるよ

document.writeって・・・

入力物をそのまま表示しちゃうとタグ書き込んだら反映されちゃうようにゃ

>>371
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">
list = new Array( "a", "b");
function add(){
list.push(document.getElementById("comments").value);
alert(document.getElementById("comments").value);
tmp();
};
function tmp(){
var t="";
for(j in list) t+=list[j].replace(/</g,'<').replace(/>/g,'>')+'<br>';
document.all.kokoda.innerHTML=t;
};
</script>
</head>
<body>
<span id="kokoda"></span>
<script>
hyouji();
</script>
<form>
コメント:<input type="text" id="comments">
<button onclick="add()">書き込み</button><br>
</form>
</body>
</html>

配列とかで、たまーに
_xxx
_hoge

みたいなのがあるんですが、このアンダーバーから始まるのって何か暗黙のルールがあったりするんでしょうか？

きもちinternalな感じ

俺的に、アンスコはじまりはprivate

>>369
GC問題っていうのは、開放していいメモリと開放できないメモリがあるから起きる問題であって、
ページ自体を読み込み直すときは全部解放するだけだから普通はメモリリークしない(初期のIE6とかはそれをしてたけど)
もちろん再読み込みしないウェブアプリを作るならGCを気にするべき

IEのデバッガは何を使ったらいいでしょうか？
IE7,8,9さえ確認できれば十分なのですが･･･
IE9の開発者ツールではIE8とIE7のエミュレートができるそうですが、
そのエミュレータでちゃんとIE7などの環境がエミュレートできるのでしょうか？

IE9の開発者ツールで十分
でもIE6切るならIE7も切っていいんじゃない

黒ージャーってなんぞや？
と調べてみたけど、これを使うとstatic変数みたいのが使えて便利だな

>>380
IE6での修正後にWebKitが同じ問題にハマったわけだが

Web Workerで現状DOMを受け渡しできないのもメモリリーク絡みと認識している

>>384
GCだけにか

var ClassA = function(){
this.a = 100;
};
var ClassB = function(){
this.b = 200;
this.b1 = new ClassA();
};
var ClassC = function(){
this.c = 400;
this.c1 = new ClassB();
};
var ClassD = function(){
this.d = 1000;
this.d1 = new ClassC();
};

function AAA(){
var DDD = new ClassD();
alert(DD.d1.c1.b1.a);
}

ClassDの中のClassCの中のBの中のAの中のaって物なんですが
もっとスムーズに定義できたりできないのでしょうか？

以下のような組み方をするのにどうすればよいかと考えて、テスト的に上記のようなソースを書いてみました
car.body.sozai
car.seat.sozai
car.taiya.sozai

>>381
ちゃんとはできない

>>382
IE6はもうほとんど使ってる人いないと思うのですが、
IE7はまだ結構いそうなので･･･

>>388
どこら辺がIE9のじゃ不十分なのでしょう？

IE7Proの件があるからなあ
デフォでタブ保存すりゃいいのに

<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input">
<br/>
<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button>
アップロードする画像を選択して、ボタンを押すことなく、関数ajaxFileUpload()を
実行させる方法はありますか？　画像選択したら関数ajaxFileUpload()を実行したいです。

<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input" onchange="return ajaxFileUpload();">

>>389
広告系のおいら的には
IE6は総数としては減ってきてるけど、一箇所にかたまっている感じ、会社とか

アクセス解析結果をみて
「えっ、こんな大手でもそうなの？」って驚くことがある

官公庁とかでIEべったりVBScriptな開発をすることがある自分のところでもIE6（笑）は無いわ

グローバルなら、中国がIE6だから対応しないといけない…
中国でもう、自国のブラウザ開発してくれって思う

この中で2004年頃に、デファクト標準のIEマンセーしてた奴は悔い改めろ

IEはUI変更しないとレンダリングエンジン更新できないのかね

ブラウザ分布でIE6って日本と中国が大半をしめて
残りはWin2kユーザって気がしてきた

趣味でやってるサイトならマイナーブラウザなんて無視すればいいし、
商売でやってるならIE6,7を切ることによる機会損失とコストダウンを天秤にかければいい
業界・業種にもよるが、IE6,7ユーザーはあんまり金にならないから切ったほうが得だろうね
どっちにしても多少見栄えが悪くても利用はできるくらいにはしておく必要はあるけど

JSが動かなくても最低限見れるようにすんのがスジ
その上でIE6での崩れは気にしない

Firefox8でFile APIのreadAsDataURLを使ってみたんだが
どうも読み込むファイルサイズによってはかなりの量のメモリーリークするっぽい
使い方間違ってるのかな・・・

<input type="file" onchange="readImageFile(this);"><br>
<script type="text/javascript">
function readImageFile(elm){
var file = elm.files[0];
if(file.type == 'image/jpeg' || file.type == 'image/png' || file.type == 'image/gif') {
var reader = new FileReader();
reader.onload = function(e){
var img = document.createElement('img');
img.src = e.target.result;
document.body.appendChild(img);
}
reader.readAsDataURL(file);
}
}
</script>

そのリークとやらをどう確認したのか言え
あと思いっきり循環参照なんだから切っとけ

>>402
すいません勘違いだったようです　しばらく待っていたら解放されてました
手順は、新しいタブで開く→上記スクリプトで大きい画像を数枚開く→違うページを開く→タブを消す
の一連の動作をタスクマネージャーで監視しました

循環参照を切るとは、この場合は具体的にどうするのですか？

調べてきました　この2つの方法で循環参照を切れてるでしょうか？

スコープの外に関数を書く
function readImageFile(elm){
var file = elm.files[0];
if(file.type == 'image/jpeg' || file.type == 'image/png' || file.type == 'image/gif'){
var reader = new FileReader();
reader.onload = fileLoaded;
reader.readAsDataURL(file);
}
}
function fileLoaded(e){
var img = document.createElement('img');
img.src = e.target.result;
document.body.appendChild(img);
}

nullを代入して参照を切る
function readImageFile(elm){
var file = elm.files[0];
if(file.type == 'image/jpeg' || file.type == 'image/png' || file.type == 'image/gif'){
var reader = new FileReader();
reader.onload = function(e){
var img = document.createElement('img');
img.src = e.target.result;
document.body.appendChild(img);
reader = null;
}
reader.readAsDataURL(file);
}
}

>>404
createObjectURLを使うことをおすすめする

>>405
createObjectURLはキャッシュを0MBにして何度か使っていたら読み取れなくなりました
もしかしたらこれはキャッシュ的に使うもので自動的にデータが破棄されるのではないでしょうか？

windowsのhtaでローカルファイルを読み込む処理があるのですが、読み込み中はUIがロックされてしまいます。
ロックしないよう裏で読み込む方法はないでしょうか？

【環境】OS：WinXP，Win7　　ブラウザ：主にFirefox3.6.2，GoogleChrome15.0，IE6.0

外部テキストの読み込みで質問です。　
※対象は1kBほどの簡単なもの

ググって方法を調べたところ、有るには有ったのですが主にIE用にActiveXObjectを
使うサンプルコードばかりで汎用的な例が見つかりませんでした。

流れとしては　テキスト（例：abc.txt）　→　読み込み　→　変数（例：var tData）に格納
という感じで現時点では変数に格納出来れば十分です。

文字コードはUnicode(UTF-8)かShift-JISがありますが、今のところUnicode(UTF-8)を
想定しています。

どなたかアドバイス願います。

【サンプルコード】CSVだと　ttp://blog.cles.jp/item/2691

>>408
ajaxでいいんだよね？
IE以外はxmlHttpRequestオブジェクトってのを使えばいいんだよ

Firefox3.6.2はやめろ

MacOS 10.4はFirefox4に見捨てられたからな
当分3.6を使い続けるから、覚悟しやがれ

3.6ならいいけど

ちょっとばかし質問です

ボタンを押すと赤く、もう一度押すと黄色くなるボタンを作りました
オンクリックで動作するのですが
var x=0;
function hoge(){
if(x%2==1){
document.getElementById("fuge").style.backgroundColor="red";
else{
document.getElementById("fuge").style.backgroundColor="yellow";
}
x++;
}

とやっているのですが、オン、オフでもっといいやり方があるのでは？となんとなく思うのですが
もっといいやり方とかあるんでしょうか？

Element.classList.toggle

>>409
ありがとうございます。ttp://allabout.co.jp/gm/gc/24097/#2　を参考にして。
UTF-8とShift-JISを併用し日本語読み込みも出来ました。

しかしながら、IEとFFではOKだったのですが、GoogleChromeではアラートが出るものの
その中にテキストは表示されません。
上記参考サイトの記述の場合、どう改造すれば良いでしょうか？

>>415
クロームでそのページ見てみたけど、普通に動いとるよ？

なにか間違えてるんだろうから、クロームのインスペクタ起動して
エラーなりワーニングなり出てないか確認してみ

それでもわからんかったら>>1にあるコード投稿サイトにコード書いてみて

あ、やっとつながった
落ちてたよね

あ、クロームはインスペクタって言わないんだな
メニューの表示→開発/管理→JavaScriptコンソール、で

で、よく見てみたらちゃんとは動いとらんかったごめんなさい
リクエストが"http://allabout.co.jp/gm/gc/24097/test.txt/"ってなってて404返ってきてる

>>414
ありがとうございます、toggleにこんな使い方があったんですね
返事送れてすみません

>>417
落ちてたというか、今 2ch が…

>>420
FOX強制捜査されてんのか
ざまぁｗｗｗ

下のコードで(1)だと常にset=cntが実行されます。(2)だと正常に判定が行われます。なぜ？

(1)
if( parseFloat( cnt ) > parseFloat( pool[key] ) ){
set = pool[key];
} else {
set = cnt;
}

(2)
if( parseFloat( cnt ) > parseFloat( pool[key] ) ){
set = pool[key];
} else if( parseFloat( cnt ) <= parseFloat( pool[key] ) ){
set = cnt;
}

値も見せろよ

配列の質問
a=new Array(10,4);はa=[10,4];と同じように動きますが、
何か違うのですか？どっちが推奨されてますか？

>>423
keyは、321から338までの数値データ。
pool配列はそれぞれ0〜40000ぐらいの数値をテキストデータでもってる。
setは　var set=0　で初期化。
cntは　1000ぐらいの数値をテキストデータでもってる。

という感じ。

>>424
newは使うな派閥というのがあってだな

>>425
再現できない

var cnt = 1000, pool = [], key = 321;
pool[321] = '100';
console.log(parseFloat(cnt) > parseFloat(pool[key])); // true

>>418　（GoogleChromeでのテキスト読み込みについて）

調べたところ次のようなことが分かりました。

ttp://www.keyton-co.jp/blog/month/2011/04
GoogleChromeではローカルファイルの読み込みに制限がかかっており、他のファイルを読み込むことができません。
この場合、起動オプションに「--allow-file-access-from-files」を付けることで読み込めるように変更できます。

しかし、この通りに起動オプションを変更したのですが、まだ駄目です。

なお、ChromeのJavaScriptコンソールで調べたところ、読み込み時に
　　MLHttpRequest cannot load テキストファイル
　　Cross origin requests are only supported for HTTP.
と出て、アラートボタンでOKを押すと
　　Uncaught Error: NETWORK_ERR: 元コードのhttpoj.send(data);の行を指し、
　　XMLHttpRequest　Exception 101
と出ます。

考えられる原因は何でしょうか？

>>427
だよね。再現可能な最小限コードってのが難しい。
まあ、(2)にするとまともに動くのであきらめるわ。

（自己解決しました）
「--allow-file-access-from-files」は必要だったのですが、対象のHTMLを
右クリックで「プログラムから開く」でやると駄目で、予めChromeウインドウを開いて
おいてそこに対象HTMLをドラッグ＆ドロップすればOKでした。

ちょっとメンドクサイ

>>430
file:/// でテストしているならかなりの確率で実装依存だからローカルにサーバ立てた方がいいと思うよ

JavaScript The Good Partsに名前(アルファベット1文字以上と
_と数字)は演算子として利用可能と載ってたのですが、
演算子は+,=,?:などと認識してます。ここでの「演算子として利用
可能」とはどいった意味なのでしょう？

どこの章のどこの項のどこの行よ
何を語ってるページなのよ

>>415
ようは〜.htmlでcsvファイルを読み込みできたらいいんだろ？
↓これでできる。
<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title></title>
<script type="text/javascript">
function sendRequest(){
var xmlhttp;
try{//ie用
try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.6.0");
getCoDivFromName("hantei").innerHTML=("Msxml2.XMLHTTP.6.0");}
catch(e) {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");}
xmlhttp.onreadystatechange = function(){
(xmlhttp.readyState == 4 && xmlhttp.status== 200)?processRequest(xmlhttp):processRequest2(xmlhttp);
};
}catch(e){//firefox、その他ブラウザ用
xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function(){
(xmlhttp.status== 200)?processRequest(xmlhttp):processRequest2(xmlhttp);
};
}
xmlhttp.open("GET", "001.csv");
xmlhttp.send(null);
}

//434の続き
function processRequest(xmlhttp){
document.getElementById("date").innerHTML=xmlhttp.responseText;}
function processRequest2(xmlhttp){
document.getElementById("date").innerHTML=("Error");}
window.onload=sendRequest;//window.onload=onButtonClick();で動かない
</script>
</head>
<body>
<span id="date">・・・</span><br/>
</body>
</html>
jQueryを使えば簡単にできるらしいが、それは今勉強してるから
他の人に聞いてくれ。
001.csvは001.phpでも001.txtでも読み込み可能。xmlHttpRequesを生成
して通信する。その際xmlHttpReques生成はieとその他ブラウザで分ける。
このでローカルホストにアクセスしたら動く。

>>433
JavaScript The Good Partsの第2章文法の2.2 名前(P9)のとこです。
そこに、「名前は、命令文、変数、引数、プロパティ名、演算子、ラベル
として利用することができる」とあります。

これやこれ　トントン

delete
typeof
void
instanceof
new
 in

new演算子の予約後newは「名前」と解釈するのですか？
名前には予約後が利用できないと書いてありますが、
予約後を名前に含めるということですか。

キミ前にどっかで見た気がするな

>>436
どう考えても識別子の誤植

>>434
HTMLぐらいマトモに書け、後で苦労すっぞ
それだとメモリーリークすっからな

>>436

日> ただし以下の予約語は、いずれも名前として利用することはできない。
英> A name cannot be one of these reserved words:
http://www.google.co.jp/search?tbm=bks&q=good+parts+names+%22A+name+cannot+be+one+of+these+reserved+words%22
（共通 予約語リスト 現行+将来採用され得る 命令文・演算子・修飾子など）

ここはプログラマが何かを命名するときに使えるかどうかの話。
Crockfordの書き方が曖昧かな。


日> 名前は、命令文、変数、引数、プロパティ名、演算子、ラベルとして利用することができる。
英> Names are used for statements, variables, parameters, property names, operators, and labels.
http://www.google.co.jp/search?tbm=bks&q=good+parts+names+%22Names+are+used+for+statements%2C+variables%2C+parameters%2C+property+names%2C+operators%2C+and+labels%22

ここは単純に構文の説明。プログラマができるかどうかの話じゃない。
素直に「として使われる」と訳したほうがよかったんじゃないかと思う。

JavaScriptだけで更新pingを送る事って可能？
出来るなら練習でちょっと挑戦してみようかと。

しつこくメモリーリークするする言う人は何がしたいんだろ
ページ遷移のないウェブアプリを作るときに気にしろってならわかるけど、ちょっとしたツールとかで気にすることじゃないでしょ
昔のIEやWebKitにバグがあったとしても、実際、今はそんな簡単にメモリリークするブラウザはない
起きないバグに怯えてコストをかけるのは無駄だし、効果が不明瞭だからキリがない
初心者に対する嫌がらせにしか思えない

最近自分が知って、ショックから立ち直ってないんじゃねーの？

>>442
実現性の前にそれは意味あるの？
訪問者が閲覧する度に更新してないかもしれないpingを飛ばす意味がわからない

超超初心者です。質問させてください。

フォトショップで、「レイヤー名を変更するスクリプト」というのをネットで
見つけて、使ってみました。以下の文でした。

activeDocument.artLayers[0].name = "PSDレイヤー_0";

これで、一番上にあるレイヤー１つが「PSDレイヤー_0」という名前に変わりました。

このスクリプトの[☆]　☆の部分の数字を《最初から最後まで》に、
更に可能なら、"PSDレイヤー_★";　★の部分の数字を連番に、

このように変えることができないでしょうか？

たくさんコピぺして文を増やして、数字を[1][2]と変えて試してみたのですが、、、

activeDocument.artLayers[0].name = "PSDレイヤー_0";
activeDocument.artLayers[1].name = "PSDレイヤー_1";
activeDocument.artLayers[2].name = "PSDレイヤー_2";
activeDocument.artLayers[3].name = "PSDレイヤー_3";

動作はちゃんとするのですが、レイヤー数が各ファイルによって違っているため、
レイヤー数が２コしか無い場合はエラーになってしまうし、
５コある場合は３までしか変更できないし・・と上手くいかないのでした。

どうか教えていただけないでしょうか。よろしくお願いいたします。

>>446
よくわからないが、それはJavaScriptなのかね？

for (var artLayers = activeDocument.artLayers, i = 0, length = artLayers.length; i < length; ++i) {
　artLayers.name = 'PSDレイヤー_' + i;
}

おそらくこんな形になると思われるが…。仕様がわからないのであたってないかもしれない。

>>447
　artLayers[i].name = 'PSDレイヤー_' + i;
やろ

>>448
そうだった。ありがとう。

俺の頭皮にもレイヤーが欲しいわ

>>450
お前誰や年
なぜ知っている

447さま、448さま、ありがとうございます！
最初から最後までは「i」ということでしょうか。
さっそく作ってやってみたのですが、エラーが出てしまいました・・。

activeDocument.artLayers[i].name = "PSDレイヤー_"+i;

でやってみました。エラーは以下です。
Error 2: i is undefines.
Line:1
-> activeDocument.artLayers[i].name = "PSDレイヤー_"+i;


こちらも試してみました。

for (var artLayers = activeDocument.artLayers, i = 0, length = artLayers.length; i < length; ++i) {
　artLayers.name = 'PSDレイヤー_' + i;

エラーは以下です。
Error 14: No matching closing brace found.
Line:2
-> 　artLayers.name = 'PSDレイヤー_' + i;

続きます・・・（改行が多すぎて書き込みできませんでしたので・・）

もう一つ、この「レイヤー名変更」の前に「全レイヤーを表示する」という
スクリプトをつけてあるのも作ってありまして・・・。

docObj = activeDocument;
for (i=0; i<docObj.layers.length; i++)
{
　docObj.layers[i].visible = true;
}
activeDocument.artLayers[i].name = "PSDレイヤー_";

という内容です。
「レイヤーを全て表示して、名前を全部変更する」としたかったのです。
このスクリプトをすると、レイヤーが全部表示されたあと、エラーが出ます。以下です。

Error 1302:Error #1302
Line:6
-> activeDocument.artLayers[i].name = "PSDレイヤー_"+i;

エラーの数字が違いますが・・何かご存知でしょうか？
わかりにくい文章で申し訳ありません。
どうか、また何か教えてください。よろしくお願いいたします。

これは色々、予想の斜め上ｗ

>>445
訪問者が飛ばす事は想定していないよ。

使っているレンタルのところの更新pingは飛ばせる数が少ないから、自分でコードを書いて飛ばせば好きなだけ飛ばせるかなと。

>>453
ほれ

docObj = activeDocument;
for (i=0; i<docObj.layers.length; i++)
{
　docObj.layers[i].visible = true;
}
for (i=0; i<docObj.artNatures.length; i++)
{
　docObj.artNatures[i].name = "PSDレイヤー_" + i;
}

456さま、ありがとうございました！
最初またエラーが出て、あせったのですが・・読んでみて、
「artNatures」のところを「artLayers」に変えると、
上手くいきました！本当にありがとうございます！！感謝です！！

皆様のおかげで、自分では作れそうにないスクリプトが完成しました！
作業が大幅に効率アップします。本当にありがとうございました！

>>457
良かったねえ

ってかフォトショでそんな簡単にスクリプト動作させられるんだね。
勉強になったわ。

土曜日だからみんな甘甘だったな
これが月曜日なら回答はなかっただろう

AjaxでencodeURIComponentを使用しなくても日本語入力に
おいて文字化けが発生しないのですが、なぜなのでしょう？

>>443
まあデリゲーションは覚えてもらわんと困る
Workerにもあるからな

>>458
Illustratorでもできる。
ちょっと古いが　ttp://www.openspc2.org/book/IllustratorCS/

>>460
たまたま

>>443
問題の本質はメモリリークそのものというより
循環参照を誘発するようなデザインを避けろということ

フォトショでゲーム作れたりすんの？
フィルタ多用して面白いもんができそうだな

はい

>>462

↑ミス。。。

知らんかっただ。
ありがとうー

iframe使えばクロスドメインでのPOSTが可能っぽい。

CSRFでｇｇｒ

メモリリークなんかたまにCookieやストレージに現状態記録して
history.go(0)すればいいがな
netfrontやIEのバグにも使える大技

遷移しても解放されない問題なのに？

RadioNodeListというのは、何のメソッドが返すオブジェクトなのでしょうか

RadioNodeList   HTMLInputElement    [object HTMLInputElement]

>>474
ありがとうございます

早々にすみませんが、改めて調べているうちに自己解決しました
HTMLFormElement.elementsが返すHTMLFormControlsCollectionオブジェクトのメソッドについて
namedItemの返り値が複数になる場合にHTMLElementではなくRadioNodeListが返るんですね

失礼致しました

ECMAScriptはどんどん厳格になり、DOMはどんどん緩くなる
将来に不安を感じるのは俺だけ？

後方互換を考慮して、ブラウザの独自拡張を仕様化したりはされてるけど
緩く？なっているわけではないと思うよ
いらん要素や属性は廃止されてるし

甘い甘い
<input name="submit">があるときform.submit()できないとか
どう考えても仕様のバグでしょ

んな名前つけるほうが悪い

forms[][name]で同じ名前が複数あった時と1つだけの時でコレクションが返ったりそのものが返ってきたりでうざっ統一しろよって思う

そうだな
withもargumentsもeval()も、使う方がバカだからstrictなんていらんよな
ES5は予約語を減らしたのに、DOMではこんなので使えない名前が増えたよな
elements['submit']で参照方法を別にすれば、何の問題もなかったのにな

elements.item("submit")みたいにできればみんな幸せだった

フォトショップのスクリプトについて質問したものです。
みなさまに知恵を貸していただいて、本当に助かりました。
ありがとうございました。
申し訳ないのですが・・m(_ _)m　もう１つだけ質問させてください。

artLayersのところをlayerSetsに変えて、
レイヤーセットのほうも表示させて、名前を変えることが出来ました。

docObj = activeDocument;
for (i=0; i<docObj.layerSets.length; i++)
{
　docObj.layerSets[i].visible = true;
}
for (i=0; i<docObj.layerSets.length; i++)
{
　docObj.layerSets[i].name = "セット" + i;
}

このような文でちゃんと動きました。
しかし、レイヤーセットの中に入っているレイヤーたちは
うまく表示されず、名前も変わりませんでした。

「セットの中のレイヤーも」みたいな文を付け加えて（？）
中身も対象にできないでしょうか？
見当はずれなことを言っていたら、すみません。

どなたかわかる方がいらしたら、教えていただけませんか？
どうかよろしくお願いいたします。

>>482
もっと言やあinput.valueがプロパティではなく
input.get('value', function(value) {...})みたいにバリデーションハンドラを渡せれば良かった
Object#watchが導入されてんだからできないことはなかった
最初のデザインがまずいと将来に禍根を残す

それってNodeWatch.watchSelectorとか言うやつじゃない　よくわからんけど

MutationEventの代わりのって決まったの？
さっさとしてほしいんだけど

>>483
Photoshop なんて買えない (用のない) 僕たちに聞かないで、
同梱されてるリファレンスを参照してください (#｀ε´#)

Photoshop/フォトショップ総合質問スレ 65
http://hibari.2ch.net/test/read.cgi/cg/1320078950/l200

>>484
HTML5でpattern属性が追加されて正規表現でバリデーションができるようになったけど
これぐらい最初からつけておいてほしかったなと思った
<input type="text" name="userid" pattern="^[0-9A-Za-z]+$">

最初からって、いつの時代だ？

SGML

パソ通じゃね？ｗ

>>490
HTML3あたりかな。

ネットの起源、それは遥か神々の居た時代にまでさかのぼる

http://jsfiddle.net/bfPBh/

var req = new XMLHttpRequest();
req.open('GET', '/', true);
req.onload = function(evt){
document.body.textContent = evt;
}
req.send();

Firefox と Google Chrome はオブジェクトが返るのですが
Opera は undefined が返ります
これはどちらの挙動が正しいのでしょうか
evt.target.responseXML と req.responseXML はどちらが適切なのでしょうか

自分はevt.currentTarget.responseTextで取ってきてた

<input name="submit">やら<input name="reset">やら
<input name="method">やら<input name="action">やらは
存在するとJavascriptからメソッドを発動したりプロパティの変更が
出来なくなるからあえて使ったぞｗ

最近Ajaxはやってるけど、この調子でShift_JIS減らないかな
確かUTF-8じゃないと何をするのにもエラーめっちゃ多いんだよね？

Shift_JIS志ねってのは全く同感だが
XMLでUTF-8しか使えないなら技術の敗北を意味するのであるのだ

SJIS原因のバグは多いからなーどんな時でも必要なくてもUTF-8使えと

JSファイルとHTMLファイルの文字コードが違うと読み込めないのな
拾ってきたJSファイル使おうと思ったら使えなくってさ
文字コード変換作業の開始さ

ちゃｒせｔ指定すればいいだろ。

HTML→SJIS
JSファイル→SJIS
テキストファイル→SJIS

でテキストファイルを読み込んでも読み込めないような状況って無かったっけ？

FFFTPでアップロード時に自動文字コード変換とかしてんじゃね

>>487
>>488
不愉快な思いをさせてしまって申し訳ありませんでした。
いろいろ教えていただいて、こちらの皆様に感謝しています。
すみませんでした。
ありがとうございました。

javascript(jquery使用)で、以下のような変数をforループで一気に定義させたいのですが、
どのように記述すればよいのでしょうか。

start1 = 'hoge';
start2 = 'hoge';
start3 = 'hoge';

for (var i = 1; i < 4; i++) {
start(ここがわかりません。) = 'hoge';
}

一気とかそういう事したかったら配列にしろよｗ

そこでevalの登場ですよ

start1 = 'hoge';
start2 = 'hoge';
start3 = 'hoge';

for (var i = 1; i < 4; i++) {
var name = "start" + i;
name = 'hoge';
}

配列が嫌ならeval()で。

>>509

window["name"+i]
グローバル変数なら

>>494
ネットの始まりの日〜
JUNETの木の下で〜

1985年〜2000年頃死んだIT技術者って可哀想だよな
処理が、容量が、転送速度がって言ってた時代、物凄い勢いでこれから進化していくというのに

そんなん、いつだってそうじゃねーか？

科学者っていうのはいつの時代でも長く生きて科学がどこまで進歩するのか見ていきたいものよ

人間って普通に長生きしたいもんですけど

あと1万年くらい生きたいと思ったりするわ
好奇心的な意味で

親しかった人たちがどんどん死んでいって一人ぼっちになっていくのを楽しむのが長生きの真髄

>>514
そういう時代にはそういう時代の楽しみ方ってもんがあるだろ
例えば限られたリソースの中でものすごく軽く素晴らしい処理書くとか
今でも可能だけど昔の方が要件がきついだけに楽しめたと思うぞｗ

うむ
IE6にもしっかり対応しろよ

hoge = function(){
fuge();
$(window).resize(function(){
fuge();
});
function fuge(){
}
}
window.onload=hoge()

この内のfute()をオンクリックで動く
function test(){
fuge();
}
でfuge()のみを動かしたいのですが、解決策とかりますでしょうか？

すみません、読み辛かったので
function hoge(){
　　alert("ohayou");
　　function fuge(){
　　　　alert("hello");
　　}
}

function test(){
}
でtest()を実行した時、helloだけを表示されるtest()関数の中身です

それなら普通に fugeでうごくやん

内部関数っていうのはその関数内で使う関数って意味だから
素直に外部関数使えばいいかと

ものすごい初歩的なことですみませんが
200までのフィボナッチ数列を表示させるソースコードを教えて下さい

宿題ならぜひ自力で。

では一つだけ質問させてほしいのですが
「missing ) after for-loop control」とエラーが出るのですが
forの直後の()はちゃんと両方ありますしこれはなにが足りないと言っているんですか？

知能・・・かな

運動神経も・・・

>>519
オレのひいばあさんは、息子も息子の嫁、つまりオレの祖父と祖母
が死んでるのにまだ生きてるぜ。
自分の子供が死んでも未だに「長生きしたい」って言ってるのが
長生きの真髄だな。

>>528
> ()はちゃんと両方ありますし

うむ
問題はカッコの中にあるんじゃないかな
どうしてもわからんかったら>>1見てコード晒しなさいな

そのfor文近辺を貼ればすぐ解決すると思うよ。なんで貼るのを抵抗するのかわからんね。

$('#div1').animate({width: '0px'},function(){
　　$('#div2').animate({width: '0px'},function(){
　　　　$('#div3').animate({width: '0px'});
　　});
});

とjQueryの動作をdiv1→div2→div3と連続でwidthを0pxにし
var x==1の場合div2の動作を起こさないでdiv1→div3だけの動作にしたいですが
どのように記述すればよいのでしょうか？

当たり前ですがコレでは失敗でした
$('#div1').animate({width: '0px'},function(){
　　if(x==1){
　　$('#div2').animate({width: '0px'},}function(){
　　　　$('#div3').animate({width: '0px'});
　　}if(x==1){);}
});

こうじゃいかんの？

var d1 = $('#div1');
var d2 = $('#div2');
var d3 = $('#div3');

d1.animate({ width : 0 },function(){
    if(x == 1){
        d3.animate({ width : 0 });
    }
    else{
        d2.animate({ width : 0 },function(){
            d3.animate();
        });
    }
});

>>526
フィボナッチ数列って指数的に増えるから第200項まで計算して
表示はJavascritptでは初心者には多分無理だな。
第78項:8944394323791464までなら計算できる。
第100項ですでに354224848179261915075だからな。
第200項目なんてとんでもない数にだろう。

>>536
core i7は伊達じゃない！

>>536
200項じゃなく、数としての200までって話かと思ってた。

プログラミングの授業で教授はフィボナッチ数列を題材に扱っていた
が、ダヴィンチコードがヒットしたからフィボナッチ数列を使ってる
って言われるかもしれないって思って、ダヴィンチコードが公開されて
からはトリボナッチ数列が課題で出題されましたとさ、
めでたしめでたし。

もう思い切ってn項目の素数を求められるような数式を求めよとかやればよくね
今ある最も素数を割り出すのに効率の良い求め方つってもただ割る数最小限にしてるだけだし

>>540
>数式を求めよ

結局算数だよなあ
JSとしての正しい答えは、求めた数式を元に
表を作っておいてAjax、だろうか

そういや、新たに素数発見したら賞金が貰えるんだよな。
おまいら、JSで素数発見して名前残せよ世界に。

素数を求める算数を繰り返すスクリプトはあるが、ピンポイントで求める数式なんて作れたら世紀の大発見

＞ロサンゼルス(AP)カリフォルニア大学ロサンゼルス校(UCLA)の数学者チームが、
＞世界中のコンピューターを活用したプロジェクトを通じて1300万けたの新たな素数を発見した。

＞インターネットの権利保護団体、米電子フロンティア財団から賞金10万ドルを授与される見通しだ。

へー、発見するだけで時期がよければ1000万円貰えんのか
数式発見したら10億とか貰えるんだろうな。ノーベル賞ってレベルじゃねぇぞ

ふぃぼなっちはGoodPartsにいい解き方書いてあった気がするが

科学技術ってのは数学にレベルに完全に依存してるから
1000万桁の素数が見つかるほど数学が発展したら
SF映画の世界みたいに現実になるかもしれん。

私はあらゆる素数を表現する驚くべき式を発見したが
ここに書くには余白が足りない

正規表現を考案したのも Kleene 先生だからな。

ここの住人ってどれくらいできるの？
答えてる奴みて関心することもあるんか？

参考までにテンプレートみたいなのが欲しい
【S級】
これくらいの技術

【A級】
これくらいの技術


こんな感じでD級くらいまでつくってくれんかな
目標になるし、自分の技術の目安にもなるから

>>546
それ数学の発展関係あるん？
計算機の性能だけとちがうん？

>>549
S級
グーグル開発部
A級
仕事でJavascript関連は大体全部使ってる
B級
Ajaxおもしれー！HTML5おもしれー！
C級
jQueryの動作おもしれー
D級
計算機作るの楽しい

素数求める数式が無理そうなのは分かる…証明できんけど

>>551
俺はE級かF級くらいかな・・・まだ何も作れん

> S級
> グーグル開発部

こいつらはS級というより神々の領域だろ
最近方向性おかしいが最先端＋恐ろしい発想＋スクリプトによる実現力って完璧超人の集まり

>>550
例えばUFOの動きのジグザグに動いたりするのは
それを記述する数式が存在しないからUFOは作成不可能
で、科学技術のレベル=数学のレベルってこと
的なことをアインシュタインが言ってたと思う。
慣性の法則を無視してるようなUFOの動きなんて
どんな数式か分からんだろってこと。

> 例えばUFOの動きのジグザグに動いたりするのは
> それを記述する数式が存在しないからUFOは作成不可能

なにそれｗ

UFOって所属不明機だっけ

これじゃね？
さっき、帝国データバンクの大型倒産速報に出た。

巨額詐欺事件の「ＵＦＯ」社、破産手続き開始 : 社会 : YOMIURI ONLINE（読売新聞）
http://www.yomiuri.co.jp/national/news/20111129-OYT1T01021.htm

しかし、PerlやRubyはPHPに埋め尽くされないよう必死だが
Javascriptの未来は明るいな
HTML5、Ajaxと夢が広がるような技術が沢山出てきた

そろそろECMAScript準拠でよろ

まずはIE8使ってる旧人類を粛清してHTML5、CSS3を対応させるのが先だ
IE9もCSS3対応してないけど

xp の IE 層は長引きそうだな。

Flash不要、HTML5だってiPhone使ってる奴が言ってるけど
そいつらの殆どがHTML5を良く知らずXP使ってIE8使ってるのが現状なんだよね

マイクロソフトがブラウザ自動アップデート実施したとしてもXPじゃIE9対応してないから難しい

IE6への対応する事に比べたら８への対応なんて軽いもんだろ・・・

だいたいAdobeのFlashって高価すぎるねん。
HTML5+JavascriptでFlashで可能なこと全部できる
って感じにならないと絶対にダメ。

MSはUI変更せずにレンダリングエンジン更新する頭無いの？

> HTML5+JavascriptでFlashで可能なこと全部できる
こう勘違いしてる人結構いるよね
canvasはまだまだ

2001年にリリースされたie6が11年経った今でも全盛を
考えて、10年以上html5が普及するまでかかるなな。
今23歳だから、33歳のオッサンになってるなオレは。

禿げ始める頃だな。

言っとくがECMAScript 3rdは1999年、同じ年にXMLHTTPも使えるようになっていた

その頃お前らはとほほを崇めていた

>>496
ありがとうございます
evt.target よりも evt.currentTarget の方が適切でしょうか

ieなんか捨ててFireFox使うべき
すべての問題解決

>>569
ハゲ頭のオッサン乙

そういやプログラミング板って小中高生っているのかな？
最近は小学生も2ch見てるし。ハッキングとか中学生くらいでも
やれるだろうし、海外では20歳以下が不正アクセスで逮捕も珍しくない。

>>569
おい、まてよ
まさしく俺が３３歳だがハゲてねーよ

>>572
その適当なキャメルケースは何だ

まさしく33歳だが、禿げたぜorz
30歳まではちょっと気になる程度だったのに

HTML5は俺の禿げ具合と同じで急速に普及すると思うぞ？

バージョンアップの速度が昔と段違いだもんね

>>574
禿げるから安心しろ。
一度スイッチが入ると、みるみるなくなっていくからｗ
こわいよー。

>>555
ブラウン運動は？

canvasが2dだけだけど3dになって2Dで3Dを描写するんじゃなく
直接3D描写ができるって考えると胸が熱くなるな

$('div.tab').hover(
function () {var n=$('div.tab').index(this);},
においてnを別に書くにどうすればいいですか？
n=aa();
のようにしたいです。

何が分からないんだか分からないんだけど。別にそう書けばいいじゃん。

>>575
i_eなんか捨ててFIREFOX使うべき
すべての問題解決

var json1 = '{name:"山田",age:30}';
var employee = eval("("+json1+")");
debug(employee.age);
で、evalを使わない方法を教えて下さい。

debugの関数はこれです。
function debug(str){
document.getElementById("debug").innerHTML += "<br/>" + str;
}

>>584
json2.js でぐぐれば。

jQueryとかライブラリ使うときって
使わない機能とかもロードされちゃうわけだし
依存ってほどに使うわけでないなら自分でコード書いたほうが
ファイルサイズとか減るし

jQueryはそのまんま全部使うけど
他のライブラリは必要な行だけ切り取って使ってるかなー
自分で作ったほうが動作が軽いし、コードも1/3になる場合は自分で書く

切り取って使ったり改変して使ったりってライセンス的に問題ないの？

jQuery UIの一部分を切り取って使ってるんだけど大丈夫なのかな？

そんな目に見えて早くなったりする？
特にそのまま読み込んで動作させても重くは感じないけど・・・

jqueryはMITかGPLだから、どちらかの要件を満たしていれば大丈夫。

改変できなかったらオープンじゃないよな。

「jQueryは大きすぎる」との声に対応、jQueryをモジュラー化、小型化するプロジェクト「jquip」
http://sourceforge.jp/magazine/11/11/22/124215

呼んだ？呼んだよね？おまたせー

ファイルが大きいのが嫌いな理由は
・サーバーの負荷になる
・クライアント読み込むのに時間がかかる

これだからなぁ、google使って読み込ませてるから90KB程度はあんま気にならん

>>594
情報遅すぎ

var a=1;
var b={};
b.a=a
b.b=a*2
b.c=a*3
|
b.z=a*26
alert(b.c);
a=2;
alert(b.c);

で最初を3、次を6と表記させるにはa=2の後にもう一度
alert(b.c);
a=2;
alert(b.c)
b.a=a
b.b=a*2
b.c=a*3
|
b.z=a*26

とやらないとダメだと思うのですが
bの配列の中身をいっぺんにまとめて全部更新というか、一度にもう一度同期みたいな事をさせてる事はできないのでしょうか？

>>586
json2.jsの中身がalert("error")とか意味不明です。
解説頼みます。

>>584
どれを見てるかは知らないけどjson2.js内にはそんな記述無いが
ttps://github.com/douglascrockford/JSON-js

>>584
{name:"山田",age:30} これはJSONとして正しくない(JSONではない)。
{"name":"山田","age":30} が正解。JSONはダブルクォートを省略できない(シングルクォートにするのも不可)

マルチバイト文字のユニコードエスケープは必須ではない？ですか？

ユニコードエスケープは必須じゃないし、推奨されているわけでもない。エスケープしてもいいよくらい。

ありがとうございます

>>587
つCDN
jQueryとかはakamaiが持ってるし
適切に使っていればダウンロードすら発生しない

>>584
はじめからJSONで出力すれば？

変数の値に指定されてる変数の値を確認させる方法はあるのでしょうか？

>>606
オブジェクトつかって参照渡しすれば？

>>597
function setB (a) {
b.a = a;
b.b = a *2;
b.c = a * 3;
}

上の方でperlとかの話題が出るが、PHP、Javascript、C言語、
C++をやるのが精一杯で他の言語やる暇がない。
ってか大学の研究ではC言語しかやらんし、独学でWebプログラミング
の勉強してるが、あんまり捗らないな、JavascriptのjQuery、Prototype.js
とか覚えることがかなりあるし。

いやいや、まてよ
jQueryって覚える事なんてあるか？？？
セレクターだけちょっと覚えたら、後はもうなんとでもなるだろ

>>597
var a = 2;
var b = {};
var t = ['a', 'b' 〜略〜 'y', 'z']; // a - zを並べる
for (var i = 1; i <= 26; i++) {
b[t[i - 1]] = a * i;
}

みたいなことをしたいのかな。

>>610
画像をうｐするこのライブラリ短いのに読んでも
よく分からないレベルだぜ
ajaxfileupload.js
http://www.phpletter.com/Our-Projects/AjaxFileUpload/

>>608
どうせならbのメソッドにしたいかも

b.set = function(n){
this.a = n;
this.b = n * 2;
this.c = n * 3;
};

>>607>>608
ありがとうございます
この場合はこの方法でなんとか解決しましたが、もう一つのパターンありまして
var a=テキストAの値
var b=テキストBの値
var c=テキストCの値

b{
a:計算式A
b:計算式B
}

で、計算式AもBも変更できるようにし
計算式Aをa*bからa+c*bに変更して

b.a、b.bの計算結果をはじき出すというのにしたい場合はどうにかならないでしょうか？
オブジェクトでも計算式の変更とかはできませんよね？

オーバーライドじゃ駄目なん？

つまり配列に計算式格納して計算式を変えていきたいってことだろ？
そしてそれを引き出して計算させる

>>597

b.a="a"
b.b="a*2"
b.c="a*3"
|
b.z="a*26"

alert(eval(b.c));
a=2;
alert(eval(b.c));

>>617
こういう視点の違った発想できる奴が本当に羨ましい

javascriptのエディタに関する質問ってどのスレですればいいですか？

eval使う必要あるんか

>>620
evalじゃないと文字列(数式)→変数(計算実行)にならなくね？

それぞれメソッドにした方がいいんじゃないの

計算式まで変わるんなら普通メソッドにするよね

おはようございます
>>617の方法でも大丈夫でしたが、メソッドを使ってそれを変更していく場合は具体的にはどうなるのでしょうか？
計算式A(b.a)＝a*bから計算式A(b.a)＝a+c*bに変更したりです

>>623
こう？

b={
a:function(a){return a;},
b:function(a){return a*2;},
c:function(a){return a*3;},
|
z:function(a){return a*4;}
};

alert(b.c(a));
a=2;
alert(b.c(a));

evalって実際に使われたりしてるの見たことない

evalで威張るな

どうしても「いーばる」と呼んでしまう

function fnc(){
var b = document.getElementById('btn');
var c = function(){console.log("Click!");};
b.attachEvent('onclick',c); //b.addEventListener('click',c,false);
}
は、典型的な古いブラウザーでメモリーリークが発生する循環参照のパターンですが
bとcの代入部分の位置を入れ替えても循環参照は発生するのでしょうか？
var c = function(){console.log("Click!");};
var b = document.getElementById('btn');
b.addEventListener('click',c,false);
また、cをfncの外に置いたり、fncの最後でd=nullしたり、このパターンならbに要素'btn'を参照させる必要がないので
document.getElementById('btn').attachEvent('onclick',c);などとする以外に対処法はあるのでしょうか？

メソッドって追加は出来たけど変更なんてできたっけ？

追加ってなんだ

evalはボタンの数をカウントするときとか・・・・

プロトタイプ

あれクラックしてほしいときに混入しておくものじゃないのか

あ、そうかもゴメン忘れて

>>629
> bとcの代入部分の位置を入れ替えても循環参照は発生するのでしょうか？

「bに#btnが代入される前に、関数を生成すれば…」てことなんだろうけど
bに#btnが代入されるタイミングは関係ないです。代入された時点で循環してしまう。

例に上がった対処以外では

var c = new Function('console.log("Click!");');

Functionコンストラクタで生成される関数に加えられるスコープは
グローバルオブジェクトだけと決まられてます。fncのスコープは追加されません。

> 代入された時点で循環してしまう

これは正確じゃないね。bのプロパティにcが加えられた時点で循環してしまう。ね

>>636,637
＞var c = new Function('console.log("Click!");');
こんな方法があるとは思いませんでした　大変参考になりました、ありがとうございます

idとイベント名と関数を渡せば、
attachEventやaddEventListenerしてくれる関数を作って呼び出せばいいんじゃないの?

>>639
イベントリスナーを付ける要素に必ずid属性を付けなければならない制限はありますが
確かにそのような方法も選択肢としてありますね

myFolder = Folder.selectDialog("フォルダを選択して下さい");
ABC = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
for (i = 0; i < ABC.length; i++) {
LayerXtext = ABC.charAt(i);
exFolder = new Folder("\""+myfolder+"/"+LayerXtext+"\"");
if(exFolder.exists){

と続いていくのですが、つまり、選んだフォルダ/存在するA〜Zのフォルダを読み込みたいのです
しかし2行目で「Folderライプのオブジェクトが、Number、配列、またはPripertyが必要な場所で見つかりました」と出ます
指定の仕方が間違っているらしいのですが、どなたか教えてもらえないでしょうか

evalを使わず文字列を変数にする方法はありますか？

>>642
「=」でsplitして割れた2つをゴニョゴニョすれば

>>642
プロパティにしたら？

っつーかさ、evalを使わずに文字列を変数にしたって
それは結果としては同じなんだからeval使うのと危険性変わらなくね？意味なくね？

>>643
b=2;
var a="b=1";
alert(b);
s=a.split('=');
window[s[0]] = s[1];
alert(b);

>>644
具体的に言いますと？

>>647
>>646の方法。
プロパティ名に変数名、プロパティにその中身。

json_decode
parse_ini_string

スレ間違えた

>>645
JSONの中では勝手に関数呼び出したりできないわけだけど、めくらで
evalに食べさせたら中に関数呼び出しとかあって勝手なことされても
分からないでしょ。全部パースしてJSONに適合するものしか無いことを
確認した後でevalするんなら危険ないですよ、そりゃ。

WindowsのFirefox8についての質問です。
TR要素にCSSでborderを設定したときにborderWidthを正しく取得する方法はないでしょうか?
たとえば以下の例の場合、Chromeでは1pxとなりますが、Firefoxでは0pxとなります。
<!DOCTYPE html>
<html lang='ja'>
<head>
<meta charset="utf-8" />
<style type="text/css">
table {border-collapse: collapse;border-spacing: 0}
tr {border: 1px solid black}
</style>
</head>
<body>
<table><tbody>
<tr id="test"><td>1</td></tr>
</tbody></table>
<script type='text/javascript'>
var style = document.defaultView.getComputedStyle(document.getElementById("test"), '');
alert(style.borderTopWidth)
</script>
</body>
</html>

>>645
例えば…
var a = 'alert=function(){console.log("hoge")}';
eval(a);
alert('test');

var a = 'alert=function(){console.log("hoge")}';
var s=a.split('=');window[s[0]] = s[1];
alert('test');

前者はalert()が乗っ取られるけど、後者はエラーになる。
>>651 が言うように、ちゃんとパースすりゃ大丈夫とは思うけど。

JSON.parse使えばええやん

=で分割しての代入だと結局>>617の変数aの問題が解決しないがな

そんな前からの話題なのか。

>>617は普通にGETTER使えばええやん
それか変な事望まずに普通に毎回*a使えよ

ゲッタセッタはまだ普通に使っちゃダメだろ

>>641
一般的なJavaScriptの環境にFolderなんてタイプはないよ。どういう環
境を想定しているの?

調べるとまたフォトショみたいね
あとmyFolderの変数名が間違ってるようだが

ChromeでXHR実行したら
Error: NETWORK_ERR: XMLHttpRequest Exception 101
ていうエラーが出ました。

ネットで調べてみるとローカルアクセス関係で出るそうですがローカルアクセスは一切利用していません。
あとよくあるクロスドメインのエラーでもないみたいです。
コードはこんな感じです
var req = new XMLHttpRequest();
req.open('GET', url, false);
req.overrideMimeType('text/plain; charset=x-user-defined');
req.send(null);
if (req.status != 200) return '';
return req.responseText;
誰かわかる方いませんか。

質問です

HTML画面に例えば
<canvas id="tutorial" width="400" height="400"></canvas>
こういった横 400 ピクセル、縦400 ピクセルというCanvasがあります.
その中に文字,テキストボックスやボタンの表示は可能ですか？？

よろしくお願いします.

cssのpositionでinput要素等をcanvas要素の上に重ねれば

>>662
可能です

>>661
jsfiddle

>>662
マルチ乙

>>665
マルチ乙ってのもマルチじゃねーかｗ

おまえは何を言っているんだ

var hoge = "hoge";
があったとして、文字列の最初の文字だけ大文字にする最短の書き方を教えてください

"aaaaaaa".replace(/^(.)/, function(e){return e.toUpperCase()});

レスどうもありがとうございます
自分の思いついたのはこれです
hoge=hoge.replace(/.?/,function(s){return s.toUpperCase()});
変わらないですね
長い

>>670
hoge[0].toUpperCase() + hoge.slice(1)

String[N]はIE6でエラーが出ました（書き換えるときにエラー？）
後出しになってすみません、IE（IE6含む）にも対応させたいです

671さんの発想で少し短くなりました。ありがとうございますm(_ _)m
hoge=hoge.charAt().toUpperCase()+hoge.slice(1)

>>659
すみません、板間違えました…

jsファイルをたくさん読み込んでると
うっかりして変数が被ってしまうことごあたまにあります

仕事でjavascriptを使ったりしてる人はそういうのどーやって対処したりしていますか？

>>675
普通、小分けしたjsでグローバル変数なんて使わない

使わないでどうやってやり取りするんだ

「うっかり」被るような貧乏臭いコードを書かない、使わない

ま、言うほど簡単ではないがな
お前あまり長いコードを書いたことないだろ

>>677
いったい、どんなコード書いてんだ。
確実に経験不足だろ

>>680
各jsで、こういうコード書いてるけどグーロバル変数使わずにやれるの?


var global_var = global_var || {};


(function() {


　global_var.a = "ああ";
　global_var.func = function () {

　};

})();

>>681
どうしてそんな変な設計な訳？
大体は、jsの中は関数作って本筋で呼び出して、
本筋でインスタンス化させたり、単体関数として使わない？

どうして、そのjsの中でグローバル変数を使う必要がるの？
どんな場合なのそれ

外部jsで変数定義するなよ…
定数ならありだと思うけど

>>681

function hoge () {
　　var tmp = "ああ";

　　this.func = function (a) {
　　　　tmp = a;
　　　　alert(tmp);
　　}
}


これを本筋で var ins = new hoge(); と使うんじゃダメですか

あぁ〜間違ってるー
すみません、忘れてくださいorz

>>682-684
後出しで申し訳ない
webではそうしてるけどfirefoxアドオンの場合さっき書いた方法でしてる
複数のファイルに分けてるんだけど、名前空間汚したくはないし

一つのネームスペースにまとめろよ

>>686
どうしてもというなら、バッティングしないように名前の付け方を統一するのがいい
一般的には、関数の名前の付け方は単語の連結部分は頭文字を大文字にする

global_var なら、関数として名前付けるなら、globalVar
アンダーバー入れて単語の区切り付けるのは変数
定数は全部大文字にする事が多い

この付け方で関数名までバッティングするようなら、ちょっと考えなおした方がいい

関数定義もグローバルで変数定義してるのと変わらん。
一番最小なのは各JSに１つ変数を定義するか
若しくはnode.jsのmoduleみたいな感じで動くものを設計してやると良い

// module1.js
window["module1"] = {
    aaaa : function() { alert("hello"); },
    bbbb : "hello?"
}
// module2.js
window["module2"] = {
    aaaa : function() { alert("world"); }
}
こんなかんじでおｋ

カスタムイベントを飛ばし合えばいいんじゃないの

>>683
えっ

>>692
何が疑問なのかはっきり書いた方がいいよ

すいません、質問になるのか分からないのですが
もしよろしければご教授ください。
ある案件でjqueryのライブラリをいくつか使った
数ページのちょっとしたサイトを納品しました。
納品先はクライアントではなく、
クライアントのサーバを管理する別の制作会社です。
で先日そこから突然サーバOSやインストールした
プログラム一覧が送られてきて「jqueryのバージョンもご確認ください」
とか意味不明なことを言ってきたのですが
（実際そこが作業したものの一覧ではなく
ホスティング業者が用意したfedora core 3標準のリスト）
そこの会社の担当者は超絶馬鹿ってことで宜しいでしょうか。。
OSとミドルウェアとフロントエンドの区別も付かんとは。。
しかも自分のとこがjsの何を入れたかも分からんという。。。

>>694
javascriptのコードに例えてみて。

サーバサイドの何か入れてんじゃないの？
で入れてるのは知ってるけどそれが分からんという。
まあでもバカなのは一緒か。

694が馬鹿なのはよくわかったｗ

バカバカ廚がおりますな

>>694
納品先で使用しているjQueryバージョンに合わせて作れ、ってことじゃないの？
バージョンが意味不明とか制作者としては有り得ない発言だよ

あ、どうもすいません。説明不足でした。こちらはサーバ触れないので、jQuery自体を
同梱してそれ使ってください、まぁ同じバージョンのものは
ネットにももちろんありますけど、
って納品したんですよ。
制作開始時にサーバのスペックは聞いてません。
もともと本当はデザインのみの納品のお約束だったんですが
向こうが良く分からんとか言うので。
だからバージョン確認してくれとかほんと意味分からないんですよ。
ブラウザで見てもちゃんと動作してんですけどね。

使ってるソフトやライブラリをリストアップする必要が出てきて、
こっちで調べた値が正しいか確認してくれってことじゃないの?

いや、向こうは調べてないんですよ。。
送ってきたのはホスティング会社が
用意してるスペック説明ページなんで。
jqueryがそのリストに入ってるわけないじゃないですか。
レイヤーとしては、普通のアプリと同じレベルのもので
あくまで自分で入れるものですから。
しかもこちらがソース渡してますし、開発環境でも動作してるので
絶対そちらが自分で入れてるのに、そう言うんですよ。。

当事者間で話し合うべきことでは？
相手のいないところで一方的に自分の主張だけを展開するのっていい感じしないな。
同意や同情がほしいだけなら家族や友人に言えばいいと思う。おまえのいうとおりだよ、ってママならきっと言ってくれるよ。
技術系スレだと一方の主張だけを聞いて判断を下すなんて客観性のないことをする人はあんまりいないと思うし。
引数が足りません。

気分を害したようならお詫びいたしますが、
主張じゃなくて全部事実なんですよ。
引数がたりないといえば、確かにそうですけどね。
スレ汚し失礼いたしました。

>>703
客観性云々とか言ってるわりには、ママがどうとか
自分がずいぶんと感情的なことが分かってないねお前w

>>705
ま、ここで>>703が感情的かどうかは関係ないけどなｗ

この一連の流れはJavaScript自体関係ないけどな

そだねｗじゃ、この流れは終了でｗ

おっぱいプルルン

ふぅ

見た漢字 >>681 が一番干渉しなくていいと思うんだけど
コードはダサいけどね

addEventListener() をHookしたいのですが、どのオブジェクトを書き換えたらいいでしょうか？
具体的には、ある特定のイベントタイプが登録された場合、追加で処理を行いたいです。

>>712
http://www.w3.org/TR/dom/#interface-eventtarget

inputで入力した値を他にコピーするサンプルですが、

window.onload=function(){
　f1=document.getElementById('f1');
　f2=document.getElementById('f2');
　f1.onkeydown=function(){
　　f2.value=f1.value;
　}
　window.onunload=function(){
　　f1=null;
　　f2=null;
　}
}

こんなので問題ないでしょうか？
メモリリークとかが心配です。
もっとましな書き方があればご教示願いしますm(__)m

<script>
function test() {
alert('HI');
}
function det() {
window.removeEventListener('click', test, false);
}
window.onload=function(){
window.addEventListener('click', test, false);
};
</script>
<button onclick="det()">detach</button>

これを、下のように無名関数を使うと機能しないのですが、
無名関数を使っても同じように機能剃る方法とかないでしょうか？

<script>
function det() {
window.removeEventListener('click', function() {
alert('HI');
}, false);
}
window.onload=function(){
window.addEventListener('click', function() {
alert('HI');
}, false);
};
</script>
<button onclick="det()">detach</button>

無名だろうがなんだろうが
参照を変数にいれとかんとremoveはできないお

>>716
ありがとうございます！

もう1つお願いします
IEのattachEventですが、addEventListenerとはだいぶ挙動が違いますよね？

function hello() {
alert('HELLO');
}
function world() {
alert('WORLD');
}
window.attachEvent('onload', hello);
window.attachEvent('onload', world);

これはなぜかWORLD→HELLOの順番になりますし

var btn1 = document.getElementById('btn1');
btn1.attachEvent('onclick', hello);
btn1.attachEvent('onclick' world);

これはWORLDしか表示されません（1つしか登録できない？）

>IEのattachEventですが、addEventListenerとはだいぶ挙動が違いますよね？
うん。
DOM2ではaddEventListenerも順番の定義はなかったそうな。

>これはWORLDしか表示されません（1つしか登録できない？）
そんなことないけど
btn1.attachEvent('onclick' world);
これはカンマがないからエラー出てるよ

>>719
ありがとうございます！

もう1度スクリプト見なおして実行しなおしてきます

>>714
// マシなやり方その1
document.attachEvent('onkeydown', function (event) {
　var f1 = event.srcElement;
　if (f1.id === 'f1') {
　　f1.ownerDocument.getElementById('f2').value = f1.value;
　}
});

// マシなやり方その2
attachEvent('onload', function () {
　document.getElementById('f1').attachEvent('onkeydown', function (event) {
　　var f1 = event.srcElement;
　　f1.ownerDocument.getElementById('f2').value = f1.value;
　});
});

// マシなやり方その3
attachEvent('onload', function () {
　function onKeydown (event) {
　　var f1 = event.srcElement;
　　f1.ownerDocument.getElementById('f2').value = f1.value;
　}
　function init () {
　　document.getElementById('f1').attachEvent('onkeydown', onKeydown);
　}
});

いずれの場合も unload 時に detachEvent するのはいい作法ですが、それでもあえて循環参照させる必要はありません。
attachEvent では無理(少なくとも IE8 までは)ですが、addEventListener なら onload 時に event.target で document オブジェクトを取得できます。

>>718
attachEvent によるハンドラはランダムに実行される仕様です。
一応、実装を調べると規則性はあるようですが仕様上はランダムです。

"When sEvent fires on the object, the object's sEvent handler is called before fpNotify, the specified function.
If you attach multiple functions to the same event on the same object, the functions are called in random order, immediately after the object's event handler is called."
http://msdn.microsoft.com/en-us/library/ms536343%28v=vs.85%29.aspx

>>714
f1 と f2 が同じフォームに属するなら f1.form.elements['f2'] で取得する方がいい

>>723
elements.namedItem('f2')

配列に対して、hoge["0"]、hoge["1"]、みたいに文字列の数字でアクセスできてもそれは
実装が気を配ってくれているだけですか？ちゃんと数値に変換しておかないと駄目ですか？

a["1"]とa[1]は等価
ついでに a.bとa["b"]も等価

このサイトもなかなか凝ったスクリプト使ってるわ
http://www.wakasiba.com

怖くて踏めない

>>726
どうもありがとうございます

ローカルにあるHTMLファイルを
別のHTML要素の中にサムネイル表示する方法がありましたら教えて下さい.

iframeとか？

>>731
ありがとうございます
出来ればIframeを使わずにが理想です・・・

googleの>>で表示されるアレ？

>>733
あのような感じのものですね

そもそもローカルだろうがウェブ上だろうがJavascriptだけでHTMLファイルをレンダリングした結果のサムネイル生成って無理じゃないの？
サーバサイドで変換するか、拡張機能の権限ならできるとかじゃない？

自前でレンダリングしてcanvasに表示とか。

AjaxってJavascriptは無理だけど、CSS読み込めたっけ？

俺もcanvas使うの思いついたけど、最終的にどうすればいいのかまではわからん

>>735
無理なんですかね・・・
サーバーサイドで変換というのは？？

>>736
レンダリングの仕方ってのがちょっと分からないですね
無知で申し訳ないです

>>737
テキストとして取得すればなんとでもなるだろ。
自前でレンダリング＝ブラウザ作ることだけどね。

まあ、そこまでしなくてもXHRつかって、divの中に小さく表示させるとか出来なくなさそうな気もするな。

>>740
是非その方法を教えて頂きたいです
よろしくお願いします

>>739
スクリプトをテキストとして取得してevalかー？
そいえばcanvasを画像として生成する方法はあるけど、HTMLをcanvasで読み込んで画像として生成する方法とかあんのかな？

>>741
できそうな気がするだけ。なんで俺がコード書かなきゃなんないの？

出来そうな気がする←発案者
↓
大まかな流れを考える←開発者
↓
コード書く←労働者

つまり開発まで頼むってことじゃね？

>>744
んなもんタダでやれるかよ。

サーバーサイドやらないと無理で終了でいんじゃね？

transformとiframeで

やっぱiframe以外だと、予め表示する予定のサイト以外は無理じゃね？
googleは20万台って所有してるサーバーあってこその荒業だと思うし

googleそういうAPI提供してねーのかな

Javascriptで出来ると思うけど「縮小」っのが面倒だね。
div要素生成
↓
jQuery.load()で呼び出して
↓
body以下を抜き出し
↓
CSS駆使して縮小

んなところ？

>>747
クロスブラウザではないよな

749のつづき

縮小するために表示されてる大きさを取得するには、実際に表示されている必要があるので、
縮小が完了するまではzindexつかってベタ塗りのdivでかったしておくとかの細工がいるかも。

マジで実装したいなら、サーバーだな

皆さんHTML5のcanvasとXMLのAjaxを同時に使うとき
どのような形で<head>までのhtml宣言をしていますか？

公衆無線LANのConnectFree、利用するとAmazonアフィなどが勝手に組み込まれることが発覚
http://ikura.2ch.net/test/read.cgi/news/1323011786/

ちょっと面白いネタ投下
if (!((document.location+"").match("://www.amazon.co.jp/"))) {
（略）
this.href = uri_rewrite(this.href+"", {'tag':'cfnetwork-22'} ) });

ひどくね？wwwww

それなかなかいいんじゃね？
他人のサイトを表示して起きつつアフィを乗っ取る。
自分で記事書かなくてすむじゃないか。

>>754
逆にこちらもおなじ方法を使って上書きしてやるんだ
deferやonloadで

document.location だから、アマゾンのページに行った後に、書き換えてるんじゃね?
何故かリロードされるってな感じでバレたのかな。
GETリクエストに追加すりゃいいのに。

普通それくらいのことは思いつくだろ？ｗ
でも自分が他人の利益になることを止めるのが限界で
他人の利益を自分の利益にすげ替えるのはそのくらいの設備を作って
他人にも利用させなければいけないからできないってだけで。

greasemonkeyスクリプトでも似たようなことをやっているものがあったね
というかmatchって引数に文字列も取れたんすね

(document.location+"")とか回りくどいことしてるけど
location.hrefて文字列以外が返ることあるのかね

Gmailに新着が入った時にFaviconがぼんやり点灯する感じになりますが、
あれってどうやってるんでしょうか？たぶんAjax的なものでやってるのかなぁと思って
調べてるんですがさっぱり引っかからずで・・・。

>>730
駄レスですが、引っ張ってくる先がローカルじゃなければ
こういうサービス組み合わせたりとかで何とか出来そうかな〜って思いました。
http://capture.heartrails.com/

カウントダウン用に秒数からn日n時間n分n秒と変換するコードを書いていますが
何度書いても綺麗なコードが書けません。
秒数＜60 なら n秒
秒数＜60*60 なら n分n秒
秒数＜24*60*60 なら n時間n分n秒
それ以上なら n日n時間n分n秒。
n時間n分n秒の場合、1時間0分0秒でも1時間 と略さず 1時間0分0秒 と表示する。
と、いった感じの関数が欲しいのですが、よいサンプルがあれば是非教えて欲しいです。
検索しても カウントダウン 表示変換 等のキーワードではひっかかりませんでした。

皆クリックする時はonclickじゃなくて
$('#id').click(function(){
ってjQuery使ってやってると思うけど

AjaxもjQuery使って処理してるん？
ちょっとデメリットとかあったら知りたい

AjaxもjQueryを使って処理してるよ

>>763

var hoge = function(t){
if (t < 60) return t + "秒";
var s = t % 60; t = Math.floor((t - s) / 60);
if (t < 60) return t + "分" + s + "秒";
var m = t % 60; t = Math.floor((t - s) / 60);
if (t < 24) return t + "時間" + m + "分" + s + "秒";
var h = t % 24; t = Math.floor((t - h) / 24);
return t + "日" + h + "時間" + m + "分" + s + "秒";
};

alert(hoge(12345));

>>760
そもそもdocument.location === locationじゃなかったっけ？

>>763

var hoge = function(t){
if (t < 60) return t + "秒";
var s = t % 60; t = Math.floor((t - s) / 60);
if (t < 60) return t + "分" + s + "秒";
var m = t % 60; t = Math.floor((t - m) / 60);
if (t < 24) return t + "時間" + m + "分" + s + "秒";
var h = t % 24; t = Math.floor((t - h) / 24);
return t + "日" + h + "時間" + m + "分" + s + "秒";
};


alert(hoge(12345));

まーたでたらめな回答を

document.URLが一番

Canvas上にbutton等の要素を表示し使いたい場合どうすればよいですか？

キミ前も来なかった？

ポジションをアブソリュートにしてゼットindexで上に表示とか
直接canvasに表示は無理だと重いマッス

回答スルーのマルチはほっとけ

(function(){
　　var self = this;
})();

のようなソースを見るのですが、このコピーみたいな処理はどういった場合に使えるのでしょうか？
又、どのような利点があるのか教えてください。

(function(){
　　var self = this,
　　　　 hoge = function () {
　　　　 　　ここで上のselfのを参照したい時にthisとは書けないから。
　　　　 };
})();

無駄に代入しているわけがいから、selfを使ってるところを見ればいいのに。

>>776
おー！
そゆ理由だったんですね！
ありがとございますm(._.)m

お願いします。ブログでメールフォームを使いたいのですが、
form　とtextとinputタグが禁止タグになっていて設置できません。
document.write('<input type="text" name="name" />');　
のようにするらしいのですが、
<INPUT type="text" size="31" name="email"> (文字）</input>
の場合はどう書けば良いのでしょうか？
nameの後ろの /は</input>の代わりなんでしょうか？それともまた別に
document.writeから記述しないとのでしょうか？

http://ameblo.jp/daiyu39/entry-10970539941.html
を見てもよくわかりません…誰か教えてください…

<FORM action="chamamail/chamamail.cgi" method="POST">　

<input type="text" size="31" name="お名前"> （氏名）</TD>

<TD><INPUT type="text" size="31" name="email"></TD>

<input type="submit" value="確認する">

↑こういうところが禁止ワードに引っ掛かります。

http://ameblo.jp/wazameba/entry-10736090264.html　に紹介されている
<div class="createTag"><!--
<[　　で禁止タグを囲むやり方も試しましたが、よくわかりません…
禁止ワードには引っかかりませんが、文字も入力フォームも表示されなくなってしまいます。
(多分書き間違えてるんですが…)
名前と電話とアドレスの入力と確認ボタンのみのシンプルなメールフォームです。

<div class="createTag"><!--<[FORM action="/chamamail/chamamail.cgi" method="POST"]>--></div>　　　
<table width="554" border="0"> <tbody><tr>
<td width="108" valign="top" align="left">●お名前</td> <td width="432" valign="top">
<div class="createTag"><!--<[input name="お名前" size="31" type="text">（苗字だけで結構です）</input]>--></div> </td></tr><tr>
<td width="108"><br /></td> <td><br /></td> </tr><tr> <td width="108"><br /></td><td><br /></td></tr><tr>
<td width="108" valign="top" align="left"> </td>
<td><div class="createTag"><!--<[input name="email" size="31" type="text" />"]>--></div></td> </tr> </tbody></table>
<p align="center"> </p><div class="createTag"><!--<[input type="submit" value="確認する"> </input]>--></div><br />

と書いてみてもやっぱり禁止タグが有りますと表示されできません。
どこが悪いのでしょうか？

<[input name="お名前" size="31" type="text">（苗字だけで結構です）</input]>
inputはこんな書き方はできない。普通はこう
<[input name="お名前" size="31" type="text" /]> （苗字だけで結構です）

あと<**>ああ</**> 形式なら
<!--<[**]>ああ<[/**]>-->
こう書く

スレ違いの上に禁止行為抜けの方法なんて教えられるわけがない

>>779-780
マルチポストでしょ
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1076841200

jQueryでの非同期通信（XMLHttpRequestブジェクト)についての質問です
$.ajaxと$loadを使用すると$.getや$.postでは出来ないエラー時のコールバック関数を使用でき
statusでコールバック判別は出来るとjQueryリファレンスでもですが

readyStateで取得できるリクエスト完了、データ受信中、データ取得完了などの0〜4の値は
$.ajaxや$loadを使ってる時も取得できるのでしょうか？

これも>>779かな
http://hibari.2ch.net/test/read.cgi/php/1131016915/424-425

>>784
http://api.jquery.com/jQuery.get/
成功時に実行されるコールバック関数の第三引数のjqXHRオブジェクトにreadyStateプロパティがあるけど
この関数は成功時に実行されるので値は常に「4」
たぶん

<a href="url1">hoge</a>
<a href="url2">huga</a>

上記のようなHTMLに対して、aタグで挟まれたテキストが
hogeを含む場合に当該アンカーの参照するURLへ
遷移するようなBookmarkletを作りたいです。

document.links辺りが使えるかと思ったのですが、
aタグに挟まれるテキストを参照できそうなプロパティが
見当たりません。
どうすればこのような処理が実現可能でしょうか?

innerTextでテキスト取得できるお

>>779
>>783-785
別の板（スレ違いと指摘されたので移動しました）
知恵袋で聞いてもレス付きません
どうしても今日中に仕上げなければならないので
どなたかお願いします。
バイト始めたばかりなので、千円くらいしかお礼できませんが
メール欄にメアドいれときます。

× innerText
○ textContent

>>789
既に答は出てるでしょ。サイトが禁止してるものを回避したいという
質問は回答されないって。ご愁傷様。

>>786
ありがとうございます
英語苦手だったんで避けてたんですが、海外のサイトも読んでみるものですね。助かりました

alert(typeof elm[i].style.backgroundColor) //=> string
alert(elm[i].style.backgroundColor) //=> rgb(255,255,204)

if (elm[i].style.backgroundColor == 'rgb(255,255,204)') {

この判定がtrueにならないんですが、何が悪いのでしょうか？

backgroundColorプロパティは16進数表記で取得するのが面倒なようなので、
RGB文字列で使用してるんですが、もっと最適な方法などあるのでしょうか。

ちゃんとスペースとかまできっちり合わせなきゃダメよ

jQueryについて質問です。
slideDownでよく悩まされているんですが、
リストにdivやさらにリストをネストしたアコーディオンのようなものをslideDownすると、
高さが定まらず実際の高さより行き過ぎてから元の高さに戻るというガタついた動作になるときがあります。
高さを固定すると解決するんですが、高さが決まってない場合はマージンの相殺をなくしたりすると治るケースもありました。
しかし根本的な原因がわかっていないのでその都度困っています。
どなたか原因がわかる方おられませんか？アドバイスよろしくお願いします。

CSSとかHTMLとかの構造見ないとわかんね

>>796
そうですよね・・・。
自己解決しましたので、報告しておきます。
要素を総当たりで調べたところ、フロートしているリストが原因でした。
フロートしているリストの親要素の幅が可変のため、スライド中は幅が狭く計算され、
リストが折り返された状態で高さが計算されていたっぽいです。
リストの親要素の幅を width: 100% と明示的に指定してやることで解決しました。
スレ汚しすいません。

>>795
jQueryならheight()関数とcss()関数で中身の高さを測ればいいんでないかい？

>>791
分かんないなら黙ってろよババア

これがテンプレから

答えさせようと「分からねえんだろ」と煽っても無駄

が消えた弊害かｗ

まさに。「分からねえんだろ」と煽っても無駄、ですな。

タグ禁止とかしといてスクリプトは通るのか
さすがアメーバさんの技術力やで

>>791
分かんないなら黙ってろよババア

>>789のアドレスが tensyoku.seikou@ って
SEOの業者か、アフィサイトじゃねーか
質問すんなｗｗｗｗ

>>794
よく見たらカンマの後に半角スペースがありました。ありがとうございました。

以後、>>803 スルーで。

ここまで自演

ちょっと質問も無いから聞きたいことあるんだけど
最近のGoogle、本格的に独占に向かってないか？

例えば無料の飲食店作ったらそれは違法だけどwebじゃ違法にはならん
googleAPIとかその他様々なサービスを利用して今のwebはGoogle無しでは存在できないと言っても過言じゃないし

Firefox切り、iTunesのパクリ、Facebookのパクリといい全てを独占したいっていう魂胆がひしひし伝わってくるんだが

Google総合★17
http://hibari.2ch.net/test/read.cgi/google/1320742896/

WebSocketを使ってサーバーとの画像データのやりとりを行おうとしています。
現在のところWebSocketのバイナリ通信に対応しているブラウザが見つからないため、
画像をバイナリデータ(Uint8Array型)"に直し、String.fromCharCode.apply"を使って一度String型に変換し、
それをサーバーで受け取った後、そのままクライアントに返す、という実装をしています。
ここで質問なのですが、クライアントで受け取ったString型のデータを
Uint8Array型に直すにはどうしたらよいでしょうか。
良い変換関数や、効率的な方法があったら教えて下さい。

別にGoogle関係使わなくても不便は無いだろう
FirefoxはGoogleに依存した状態でいたのがむしろおかしい
パクリについては、ジャンケンでも何でも後出しが有利なのは過去を振り返っても明白
人々は偉大で高尚な芸術品よりも自分好みのデザインや道具としての利便性を求めるからだ

>>810
Google Chrome はバイナリフレームに対応してなかったっけ。

んまー俺達としちゃブラウザ減ってくれたほうが嬉しいんだけどな
IE、Firefox､GoogleChrome、Opera、safariってチェックしなきゃらない

>>813
おれ、Operaはもう捨ててる

俺もOperaユーザーは切った

オペラメインでネットサーフィンする俺涙目

オペラがどういう扱いを受けているのかわかった上で使っているはずだろうのになぜ涙目

オペラ捨てる、とかはしてないけど
積極的にチェックすることは少ないなあ

信用しているというか、オペラくらいの準拠ぐあいなら
だいたい問題ないように書いてる

Operaに対応するとなぜか他のブラウザも対応できてるからOperaで頑張ってる
Safariは基本Chromeと同じだし特に気にしない
Firefoxは一部省いてChromeとかと大差なし
IEは知らん

OperaはHTML5のサポート遅いかったり、バグ引きずってたりするから対応面倒だよね

標準準拠の書き方してれば、IE・その他　の2つチェックで大方良いだろうけど

大量の文字列を描写するとき
innerHTMLで一気に描写するのと
forを使ってappendで1000個ずつ描写するの、どっちがオススメでしょうか？

確かみてみろ！

>>821
その中間はないのかｗ

>>821
innerHTMLで1000回描画するのとappendChildで一気に描画するのは？

> innerHTMLで1000回描画
絶対にやめとけ

innerHTMLって+=でも
｢123｣に｢4｣を+=するようにしても｢4｣を追加するんじゃなくてまた
｢1234｣って描写するんだっけ？

textContentとかも？

大量の文字列を結合してひとつの文字列にしてから、一度だけinnerHTMLで描画すればいいのでは？

textContentで一気に描画で

マジレスすると文字列じゃなくて要素の話かと思われ

どうりで
なぜinnerHTML？なぜ1000回に分割する？と
おかしいなと思っていたんだ！

1000回じゃなくて、1000個を数回じゃないの?

<body><script>
var start = new Date();
for (var i = 0; i < 1000; i++) document.body.appendChild(document.createElement("div")).appendChild(document.createTextNode(i))
alert(new Date() - start);
</script></body>

<body><script>
var start = new Date();
var temp = "";
for (var i = 0; i < 1000; i++) temp += "<div>" + i + "</div>";
document.body.innerHTML = temp;
alert(new Date() - start);
</script></body>

<body><script>
var start = new Date();
for (var i = 0; i < 1000; i++) document.body.innerHTML += "<div>" + i + "</div>";
alert(new Date() - start);
</script></body>

こう？

>>812
あれ？そうなんですか？
jettyのWebSocket.OnBinaryMessageで受け取ろうとしても受け取れないので、
対応していないものだと思ってしまっていました。

ではもう1つ、WebSocketでのバイナリの扱いについて質問したいのですが、
var ws = new WebSocket("ws://localhost:3838/EchoServer/echo");
ws.onopen = function(event){
ws.binaryType = "arraybuffer";
};
として、
ws.send([ArrayBuffer型の値]);
で送信するという流れで間違っていないでしょうか？
サーバー側はjettyのWebSocket.OnBinaryMessageを実装したクラスで受信しようとしています。

PHPで
$hoge=array(みかん,りんご,スイカ,卵)
list($fuge,,$hage) = $hoge;
で$fugeにみかん、$hageに卵と入れる切り取ったのをそれぞれ対応する変数に入れるのがありますが
Javascriptにもコレと同じような動作をするモノはあるんでしょうか？

>>834
試したわけじゃないんだけども、
http://chromestatus.com によると
> Websockets
>
> TBD: The return type of send() will be changed to void
> m16: Update to HyBi 13 version (a few minor changes in handshake). See also HTML5 Rocks post
> m15: Binary message API (Blob and ArrayBuffer). Added close code and reason to close() and CloseEvent

なので Chrome 15 で ArrayBuffer が扱えるんじゃないかなあ。

>>804
いや、違います
メアドは昨日取ったばかりです。

どこで聞いても相手してくれないし、
ブログの人に聞いても返答ないし、すごい気になってもやもやして
時間だけが過ぎていく…orz　一体何が間違っているのか…
javaとCOBOLは昔習ったけど、javascriptはさっぱり…

>>791
これから勉強したいので、タグの正しい書き方を知りたい

>>802
プラグインの方をごにょごにょすると使えるみたい。

>>787
>>790
情報ありがとうございます。
今回はaタグ内の要素も検索対象にしたかったので、
innerHTMLでmatchしたら思うような結果になりました。

>>835
リスト代入は、将来の ECMAScript に実装される様に、
お前が先陣を切ってムーブメントを巻き起こせ。

FF4なら動く。

var arr = ['hoge', 'fuga'];
[a, b] = arr;

alert(a);
alert(b);

>>839
とういうことは一つ一つやらないといけないんですね
ECMAScriptっていうのに興味湧きました、ちょっとどんなものか見てきます

>>835
ES6 でサポートされる予定です。
http://stuff.marcoos.com/slides/2011/meetjs-krakow/index-en.html#slide6

ちょっといいかな。

俺、もう 4年くらいほぼ毎日、コード書いたり、読んだり
話題探したり、本読んだりして JavaScript と向き合ってて、
そこそこ自信もあったんだけど。

でもさ、今日、というか、日付変わって昨日、ちょっとした
きっかけがあって、カレンダー出力するコード書こうと思ったらさ、
5時間も掛かってやんのなｗ

自分でもびっくりしたぜｗ

Google の連中って、仕事時間の 2割だっけ? 毎日使って大層なの
作ってるけど、俺、1日とはいえ、仕事時間の 6割以上使ってカレンダーだよｗｗｗ

>>836 さん
WebSocketに渡すデータが誤っていたのが原因で、修正したところchromeでバイナリデータを送ることが出来ました。
ありがとうございました。

#js
function addEvtListener(target,handler,method) {
  if (document.all) target.attachEvent("on"+handler,method);
  else target.addEventListener(handler,method,false);
}
function test() {
  if (window.confirm("next?")) ;
  else return false;
}
addEvtListener(window,"load",function(){
  var next = document.getElementById("test");
  //addEvtListener(next,"click",test);
  next.onclick = test;
});

#html
<form method="get" action="">
<button type="submit" id="test">next</button>
</form>

nextでキャンセルしたらそのページに留まるというスクリプトですが
IEのattachEventでは問題ないようなのですが
addEventListenerでは留まらないで次のページに遷移してしまうようです

上記のコメントアウトしてる部分なんですが
next.onclick = test;
でうまく行くようにするにはどう修正したらよいのでしょうか？

ちょっと日本語がまずかったので修正します

>上記のコメントアウトしてる部分なんですが
>next.onclick = test;
>でうまく行くようにするにはどう修正したらよいのでしょうか？
↓
next.onclick = test;ではうまくいくのですが
上記のコメントアウトしてる行に差し替えるとうまくいきません
コメントアウトしてる行でもうまくいくようにするにはどう修正したらよいのでしょうか？

よろしくお願いします

物凄い初歩的な質問でもいいでしょうか？
var hoge = new Array();
hoge["ajlaebh"] +=1;
とやってるのですがNaNになってしまいます
こういう場合って最初=0とかやらないとダメなのでしょうか？
それとも最初=0ってやらないでいきなり1にする方法とかないでしょうか？

最初=0とかやらないとダメです

んなこたーない

初期化直後にいきなり+=する必要性が
よくわからないのだけど、とりあえず
初期化直後の変数を標準出力にでも
printしてみるとか?
それで0とか出力されるなら+=できる
だろうけど、variant型に代入されるのが
数値かそうでないか決めるのは俺らだよね?

すまん他言語とごっちゃになってた。
JavaScriptで標準出力とか謎なこと書いてたな。
alert()使うとか工夫してくだしあ。

やっていることはundefined+1

var hoge = { "ajlaebh":1 };

これじゃあかんの？

>>845
デフォルトの動作を止めるのはpreventDefaultだよ

まだdocument.allで分岐する老害カスがいるのか

>>847
>>853 のやり方でもいいけど
変数を Array として使いたいなら

var hoge = [];
hoge.ajlaebh = 1;

それと、Object の子の名前にハイフンとかが含まれていないなら、" は必要ないよ

var hoge = { ajlaebh: 1 };

関数内で
function foo() {
arguments.callee.bar = "baz";
}
みたいにしているのは
どういう目的があってしているんですか？

<script type="text/javascript"><!--
function ov(o) { o.style.color="red"; }
function ou(o) { o.style.color="black"; }
// --></script>
<a href="index.html" style="color:black; text-decoration:none;" onmouseover="ov(this);" onmouseout="ou(this);">サイトトップへ</a>

>>857
arguments.callee.caller.bar
とかやってんじゃない

>>854
ありがとうございます
サンプルにはreturn falseでページに留まるように書いてあったので
それ以外の方法があるとは知りませんでした
早速preventDefaultをググって試してみたいと思います

しかし
next.onclick=test
と
next.addEventListener("click", test, false)
の動作が異なることには参りました

>>860
IEが特殊なだけなんだけどね
preventDefaultはelement.onclickでも使える

ieはreturnValue

jQueryで、$.ajaxを使ってデータを取得しているのですが、
その取得が終わるまで待ち合わせる方法というのはありますでしょうか？

$.ajaxを同期処理すればいいのですが、それだとブラウザが固まってしまうので、
非同期通信しながら、待ち合わせで同期を取りたいのですが・・・

ぜひ方法ありましたらお教えください

.ajaxStart
.ajaxStop

>>864
ありがとうございます。
教えてもらったキーワードを元に調べてみます。
ありがとうございました

ユーザースクリプトスレから移動して来ました

Node.setUserData が DOM4 で無くなるみたいですが
これは、替わりに HTMLElement.dataset を使うべきだということなのでしょうか

また、datalist の DOMStringMap のように
すべてのキーに対して　getter/setter　を定義できるようなオブジェクトは
自前で作成可能でしょうか

× datalist の DOMStringMap
○ dataset の DOMStringMap

>>866
jsの機能的な話なのか、実際に実装したいのか

最近のメーラーはHTMLメール内のjavascriptに対応しているものなのでしょうか？

すみません。
”　[　”というカッコ記号の実体参照ってないのでしょうか？
教えてください。

すみません。
事故解決しました。

Lightbox JS v2.0の起動をタイマーのように時間差で起動させる事は可能でしょうか？
サムネイルクリック→３秒後、ウィンドウ出現というよな感じです。

>>872
出来るよ

サムネイルのクリックイベントを拾って、setTimeoutで3000ミリ秒待ってから
ライトボックスを手動で発火させればいいよ
発火させるメソッドはlightbox.jsに書いてあるからそれを使えば良いです

わからないことがあったら、自分で書いたコードを>>1にある
コード投稿サイトにアップして、また質問してくだされ

>>873
アドバイスありがとうございます、やってみます

【環境】
safari,chrome（スマートフォン）

【何をしたのか】
http://bizcaz.com/archives/2008/12/01-001911.php
こちらのサイトにある、要素が一定の文字数以上になったときに
一定文字数でちょん切って「read more ...」として隠してくれる
「jQuery Expander Plugin」というプラグインを使用しました。


【期待する結果】規定の文字数以下でも「read more ...」が表示されてしまうので、規定の文字数以下の場合は、「read more ...」が表示されないようにしたい。


【サンプルコード】
下記にアップしています。
http://jsdo.it/hirorih/x5m6


すみません、急ぎで修正しなければいけないのですが、解決法がみつからずで…。
知恵をお貸しいただけますでしょうか。。

【環境】OS：WinXP，Win7　　ブラウザ：主にFirefox3.6.24，GoogleChrome15.0，IE6.0

基本的なところで質問です。
JSでは同一イベント内で連続したfor文処理は不可なのでしょうか？
例えば

for(var idx=0; idx<10 idx++){
//処理1
}

for(idx=0; idx<5 idx++){
//処理2
}

と両方書いたときは実行されず、どちらか片方のfor文のみではOKでしたので。

コードがほんとに問題なければできるはず

<body onload="page_onload();">
<img src="xxx.jpg">
<canvas id="red_box" width="100" height="100"></canvas>
</body>
この上にimgやテキストボックスを置くと図が必ず
ずれて表示されます。
なぜでしょうかね？canvas内だけの絶対座標はないのですかね
imgタグのぶんだけずれます

>>877
レス有難うございます。今回は外部テキストファイルの読み込みとその解析
及びそれによる描画を各処理に含んでいます。

再検証しましたが、読み込みと解析（パース）と描画を伴う場合は、連続のforでの
実行は不可のようです。　（負荷が増大するとブレーキが掛かり自動的にストップ？）

>>875
preserveWords : false

のオプション追加でどうよ。

サンプルコードはそのまま試せるようにしておいてほしいな。

>>879
デバッガかalert()でも入れてどこで止まってるか確認
ところで外部テキストとはローカルのファイル?

HTML5で●描いて移動させるのが結構大変なんですが
jQuery使って移動させるとかってあるんでしょうか？

いいこと思いついた
nanka.innerHTML="\<script defer type='text/javascript' src='hoge.php?a="+a+"&b="+b+"&c="+c+"'\>\<\/script\>";
とかしてphpをGETリクエストしてjavascriptで結果返してもらえばAjax無くても通信できるんじゃね？

func = null;
function forEX(shokika,joken,counter,sagyo) {
eval(shokika);
eval(sagyo);
if (eval(joken)) {
func = function() {
forEX(counter,joken,counter,sagyo); };
setTimeout("func()",1);
}
}

//example
function hogehoge(p){ alert(p); }

forEX("i=1","i<10","i++","hogehoge(i)");