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

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.100 +
http://toro.2ch.net/test/read.cgi/hp/1336388253/

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

■テンプレ案
http://jsfiddle.net/fH4cC/10/show/

■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/
WSH(・∀・)ｽﾚｯﾄﾞ! Part 4
http://toro.2ch.net/test/read.cgi/tech/1243095768/ →消失中
【WHATWG】HTML5 Part4【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1329529892/
Webサイト制作初心者用質問スレ part230
http://toro.2ch.net/test/read.cgi/hp/1339311306/
CSS初心者スレッド＝11th＝
http://toro.2ch.net/test/read.cgi/hp/1327663847/ →消失中
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/

■主要FAQ (全部は http://fiddle.jshell.net/vSqKr/33/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 中でやるとか。

■各種仕様 ( http://fiddle.jshell.net/vSqKr/33/show/#Link も参照 )
Standard ECMA-262　（本家pdf版アーカイブ）
http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm
http://es5.github.com/ (ECMAScript 5.1 有志html版）
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (ECMAScript 3　和訳）
ECMAScript 5 compatibility table
http://kangax.github.com/es5-compat-table/
HTML Standard (HTML5)
http://www.whatwg.org/html5
http://www.w3.org/TR/html5/
W3C
http://www.w3.org/DOM/DOMTR
http://www.hcn.zaq.ne.jp/___/DOM/DOM4.html (DOM4　和訳）
http://www.w3.org/TR/cssom/
http://www.w3.org/TR/cssom-view/
MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
netscape devedge (JavaScript)
http://devedge-temp.mozilla.org/central/javascript/index_en.html
JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
MSDN Library
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)

https://twitter.com/#!/〜〜
この#でページ示す方法に名前ってありますか？

こんな広告見つけたんだがｗ
http://i.imgur.com/CChJG.png

>>5
http://d.hatena.ne.jp/karasuyamatengu/20110212/1297465199

すみません
初心者丸出しの質問ですけどjavascriptで
普通のテキストの内容を変えるためには
リロードするしかないんですか？
たとえばフォームに入力した文字列をテキストボックスじゃななくて
<p></p>のなかに入れたいときは
リロードしてdocument.write()するしかないんでしょうか？
本当に初心者でごめんなさい

逆にリロードしてできるなら方法を知りたいわ

innerHTML

初心者を連呼されると嫌な思い出がよみがえってくるのでできれば避けて欲しいな。

document.writeだけで入れるのも難しいだろ

っていうかなんでもいいからJavascript入門書一冊買え。Webサイト見ながらやるよりずっと効率いい
そんでソコで全部学べるわけないから、その本をつかいつつもわからないのがあったあココを活用するのがのぞましい

DOM操作なんて入門中の入門やで

document.writeからの脱却は脱初心者の第1歩だと思うが、
この1歩って結構難しくない？

要素にid付けてgetElementById→innerHTML、
createTextNode→appendChildなどなどたくさんあるが、
次の1歩はどこに向うのが良いか毎回悩む

HTMLのみ、下手したらHTMLもいい加減な状態からJavaScriptのdocument.writeが使えるようになれるまで頑張れた奴ならDOMの一部を理解する事などそう難しくはない

そもそも初心者の時点でdocument.writeを知ってしまうのが間違いだ
どんな糞本や糞サイト見ればそんな知識付くんだ

去年発行の本を示してた人がいたな

>>6
大変なことに

>>15
> 下手したらHTMLもいい加減な

専門学校で教えてるけど、HTML/CSS、JS、flash、PHPのクラスが同時に走るので
ほとんどがそんな感じだわ
HTML/CSSの講義を先に受けることをおすすめしてはいるんだが…

>>7
どうもー

jQueryとか使っちゃうと、document.writeとかプレーンな
javascriptでのコーディングに戻れないんだよな。。

っていうかHTMLでdocument.writeとか使うなよ、アレはhello work的なモンだろ

>>21
裸のJSを思い浮かべながらjQuery
これならいつでも戻れる

おまわりさんこの人です

おさわりまんこの人です

>>22
そんなことない
使いようはかなりある

何に使うんだよ

>>22
http://www.dotup.org/uploda/www.dotup.org3094287.jpg

あながち間違いでもない

>27
ページに初めから埋め込まれてるように見せたいインタラクティブじゃない部分に
スクリプトタグ埋め込んでonloadとか要素とか気にせずdocument.writeで出力できるのは便利だろう

document.writeとか何に使うんだよ

Hello Worldだろ

HTMLに直接出力しろと

クライアント側の日時をその場に出力したいときくらいしか思い浮かばない

学習用。

JavaScriptを解読できないゴミロボット回避ｗ

>>36
結構解読できるようなライブラリってないんだよな。

俺は手動でも解読できないけど。

回避したんじゃなくて回避されてんじゃね

コメントフォームやコンタクトインフォならバンザイｗ

ソースコードの難読化も
shtml.jpはあっさり解読されたがw

DOMといえば先日IE 5.0のマック版に触る機会があって
if (document.appendChild){
ほにゃらら
}
って試したらあっさりture吐かれたときはビビった
appendChild動かないのに

情報科のヤツに「このファイルのどっかでボタンの色変えてるんだけど」
って言われて大手webサイトの200KBのjsファイル渡されたときはもうダメだと思った
ブラウザ有効利用してくれ

<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
　　var test1 = $("#test1").text().match(/^半角空白 テスト1$/);
　　alert("■test1■\n" + (test1 ? true : false));
　　
　　var test2 = $("#test2").text().match(/^半角空白 テスト2$/);
　　alert("■test2■\n" + (test2 ? true : false));
});
//-->
</script>
</head>
<body>
<span id="test1">半角空白 テスト1</span>
<span id="test2">半角空白＆nbsp;テスト2</span>　// ←こちらの「＆」は「&」として読んでください。
</body>
</html>

------------------------------------------------

HTMLの中に「 」と書いた場合と「＆nbsp;」（←こちらの「＆」も「&」として読んでください。）
と書いた場合の半角スペースの違いの話なのですが、
test1の方ではtrueになるのですが、
test2の方ではなぜtrueにならないのでしょうか？

 を、jqueryのtext()で出そうとすると、半角スペースが
返らないとしたら何が返されているのでしょうか？？

＆nbsp;の文字コードを求めれば解決

>>43
スペースには数種類あるので
正規表現でのスペースは基本的に\sを使うのが慣わし

＆nbsp;が空白って意味をもつのはHTML上だけだ
それ以外では単なる文字列、それ以上でもそれ以下でもない何の意味も持たないただの「＆nbsp;」っていう文字列

なにその全角
どこのHTML講座だよ

全角で書けばそのまま表示されるからね。
&を「&amp;」と書けば、&nbsp;と表示できるけど、ちと面倒。

＞&を「&amp;」と書けば、&nbsp;と表示できる
と表示させる為には
＞&amp;を「&amp;amp;」と書けば、&amp;nbsp;と表示できる
と書かないといけない。
で、面倒だから全角で＆と書く。

全角スペースで字下げしたコード貼るようなもんだな

ただの表示テスト

&nbsp;

>>44-45で答えが出てるのに何の意味もない馬鹿なレスが続いてるな

わかったわかった

46が特にどうでもいい

鏡ネタはあっちのスレでやっとくれ

セレクターについて質問です

<table id="tbl">
　<tr>
　　<td>1</td><td>2</td><td>3</td>
　</tr>
　<tr>
　　<td>4</td><td>5</td><td>6</td>
　</tr>
　<tr>
　　<td>7</td><td>8</td><td>9</td>
　</tr>
</table>

このようなテーブルがあったとして
var a = [
　[1, 2, 3],
　[4, 5, 6]
　[7, 8, 9]
];
という配列を得たいのですがどうしたらいいでしょうか？
とりあえずここまでやったのですがこのあとどうしたらいいのかわかりません

var tmp = document.querySelectorAll('#tbl tr');
var a = new Array(tmp.length);
for (var i = 0; i < a.length; i++) {
　a[i] = document.querySelectorAll();//セレクターの条件がわからない
}

どなたかお力添え下さい
もっと簡単に出来る方法があったらそれも教えて頂ければ嬉しいです

jQueryを使えば一瞬

childNodesとかじゃダメなのか？
CSSセレクター使いたいんだったらjQueryとか使わないと安定しないような

どんな壁でも迷ったらとりあえずjQueryを検討してみればまず問題ないな。

ありがとうございます
jQuery見てみます

覚えて損することはない
たいていのサイトはjQueryを使ってる

jQueryは確かに便利だが、jQueryに早い段階から慣れてると「Javascriptへの理解」がおろそかになってしまう

JSだとどうなのか常に意識すればよし

23 名前：Name_Not_Found[sage] 投稿日：2012/06/15(金) 17:40:39.10 ID:???
>>21
裸のJSを思い浮かべながらjQuery
これならいつでも戻れる

ごめん、俺17歳ぐらいが一番いいと思ってるからJSとかキツイ

昨日か一昨日、NHKでJSは女子小学生って意味だってまじで紹介しててびっくりした

援交とかの用語だろ？JK、JC、JSって

うん、もともとその辺とか児ポとかの隠語だと思うんだけど
ティーン向けのファッション誌とかでJCとか言ってるのは結構前から見る気がする
ついにNHKまで使い出したかと思って朝からコーヒー吹いた

裸のJSを思い浮かべながらjQuery
これならいつでも戻れる

>>66
ピグ系のゲームだとプロフ欄に
JC2です！とかLJKですとか沢山みるから市民権を得たみたい
小学生が掲示板でオナニーってなんですか？って聞いて
別の小学生が知らなくて良いよwとか答えたりしてカオスだわー

>>66
おっさん乙

サワヤマミルからシミンケーン？と思った

あたしの場合は周りが知ってたから
そういう知識は知らない間についてたわ

>>56
jQuery使うと、こんな感じ。ベタだけど。

var a = []
$('#tbl tr').each(function(y){
　// TRごとに処理
　a[y] = [];
　$(this).children().each(function(x){
　　// TRの子供のTD群の値を取得
　　var td = $(this).text();
　　a[y][x] = td;
　});
});

aに２次元配列でtableのtdのtextが入る。

ブックマークレットの二重起動を防止したいのですが良い方法はありませんか？

querySelectorAll つかうんなら、tmp[i].querySelectorAll('td'); な感じで。

ブックマークレットを実行したことを記録するだけ

cellsでいい

>>76

try {
if (typeof(niju) != undefined) {
throw new Error("既に実行中です");
}
var niju = true;
//実際に行う処理

} catch(e) {
alert(e.message);
}

二重起動していたらexitする処理のつもりなのですがどうもうまく動きません

それをブックマークレットで実行してるってことは
無名関数でラップしてんのではないかに。
もしそうなら niju がローカルになるだに。

isNaN({});

これが何故trueになるのかよく分かりません
{}ってここではどう言う意味なんでしょうか？

>>80
> JavaScript Reference - isNaN : ビルトイン関数
> 指定した値が数値かどうかを調べます。値が数値ならば false、数値でない場合は true を返します。

>>79
よくよく考えてみると全くその通りでした
やはり対象htmlのどこかを弄って状態を保持しておくのがベターですかね？

window.niju で桶。

>>83
ありがとうございます
うまくいきました

addEventListenerについて質問です。
テーブルのセル(td)をクリックしたときにそのセルのinnerHTMLをalertするスクリプトを書いてます。
この時全てのtdに対してaddEventListenerを追加するのでしょうか？
ループでまわせばスクリプト自体は短いからいいのですが
とても効率が悪いような気がするのですがこれが普通なのでしょうか？

そんなことしまひん！

>>86
ではどのようにしたらいいでしょう？
ヒントでもいいのでいただけたらありがたいです。

バブリンをテーブルで捕捉。
ターゲットの親からセルをゲット。

>>87-88 過去スレでそういうの結構説明されているから。

alertとかダサい

デバッグ目的とはかいてない

document.getElementById('fuga')のように
object.method(arg)というような記述をしますが
どのように実装したら同じような記述ができるのでしょうか？
今自分が実装している記述は下のような感じで
function getElementById(object, id) {
  return object.getElementById(id);
}
使用時はgetElementById(document, 'fuga');
このようになってしまいます
returnにthisを返すようにすればとかなんかの記述を見た気がするのですが
参考資料がちょっと見つかりません
どなたかお助け下さい

Document.prototype.myGetElementById = function(id) {
return this.getElementById(id);
}

とかじゃないたぶん

ぷろとたいぷおせん

attachEventが勝手に削除される？ようなのですが原因はなんでしょうか？
addEventListenerでは問題ありません。
ロード時にdiv要素をオンマウスするとそのdiv要素にボタンを表示するイベントを追加します。
ボタンを押したらそのdiv要素を削除するイベントを追加します。
それで削除まではできるのですが、削除したあと他のdiv要素に移動してもボタンが出て来ません。
コードはちょっと長いので再現出来る分を抜いて後から出したいと思います。

他のdivも操作してるから
代入し直してるとか

>>96
ありがとうございます。
ご指摘の通りのようです。
他のdivの操作をやめたら出るようになりました。
こんな仕様だったんですね。

何か対応策とかありますでしょうか？

他のdivを操作しない
イベントを登録し直す
jQueryでdeep copyする

まだあるけど書かない

>>98
ありがとうございます。
勉強中の身なのでjQueryは使わず2番目の方法でやってみます。

>>97
divの親要素にイベント定義する

関係ないdivを操作するのをやめるべき

$ifrObj = $("<iframe src='http://www.yahoo.co.jp'></iframe>").appendTo(document.body);
$ifrObj.contents().ready(function(){
var title = $ifrObj.contents().find("title");
console.log(title);
});

こんなふうに、iframeを動的に生成して、内部に読み込んだコンテンツの
titleタグのテキストを取得したいのですが、結果がカラになってしまいます。
chromeの開発者ツールで見ると、コンテンツはちゃんと読み込まれているんですが
(iframeの直下に「#document」というノードができて、その中にコンテンツが
読み込まれています。)

動的に生成したiframe内コンテンツから、情報を取得するには
どうすればいいのでしょうか？

別ドメインは無理

あとYahooはiframe内に出せないでしょ？

とりあえず、ローカルファイルを
file://
で開く形式で、yahooのコンテンツはiframeに表示できています。
用途的にもfile://でファイルを開いて使いたいので、
iframeに表示できているコンテンツの情報は取得したいです。

iframe
　|
　+-> #document
　　　|
　　　+-> <html>
　　　　　|
　　　　　+-> <body>〜</body>

となっている場合、html以下にはどうアクセスすりゃいいのでしょう？

後出しするクズはスルーよろ

拡張化してクロスドメインの制限解除すればいい

var div = document.createElement('div');
var div2 = div.cloneNode();
div.id = 'div1';
div2.id = 'div2';
div.appendChild(div2);

こんな感じで、外のスコープに<div id="div1"><div id="div2"></div></div>を作ったのですが、
appendしたあとdiv2は不要なので、下のように修正しました。

var div = (function() {
var a = document.createElement('div');
var b = div.cloneNode();
a.id = 'div1';
b.id = 'div2';
a.appendChild(b);
return a;
})();

実はこの書き方をよく知らないで書いたらたまたまうまくできたってだけなのですが、
このdivは関数ではないので、何度呼び出しても1つまでしか生成されませんよね？

>>102
不正します的なオーラが漂いまくってるので教えられない。

ちょっとだけいうと>>103のいうのがヒントでjavascriptでなければできる。

107も答え

質問者が怪し過ぎる
そのうち逮捕でもされるんじゃないか

removeEventListenerって使いますか？
使い道がよくわかりません・・・
unload時に登録してたリスナーを片っ端から消すとかですか？
もしそうだった場合登録したリスナーに無名関数を渡していた場合
どうやって削除するのでしょう？

使わない

>>112
やっぱ使わないんですか？
自分の使い方が悪いのかと不安でしたがちょっと安心しました
ありがとう

>>102です。いろいろ心配かけてすみません。
やってることは、LAN接続できるA/Dコンバータに対するHTTPアクセスです。
A/Dコンバータ内では組み込みhttpdが動いていて、読み取り値を確認するための
簡単なweb画面が用意されています。

A/D変換された値に、直接アクセスするためのAPIが無いので、web画面のhtmlを
ajaxかiframeで取得して、それをDOM解析してクライアント側で表示する、
という処理を作成しています。
そのDOM解析したいhtmlを取得する部分がうまくいかなかったので、質問させて
いただきました。

いろいろ試行錯誤して、とりあえずな形にはなりましたが自力で解決できました。
ありがとうございました。

定期的に全部取得して
1画面に出力、という発想がいいんじゃない？

「自力で解決」

こういうクズが前もいたな

詳しく書く必要はないと思うけど、どういう方向で解決したか書いておいた
ほうがいいよな。間違った方向に進んでいる場合もあると思うし。

いいかけて終わりみたいな。
俺だけ解決すればいいみたいな。

情報を後出しするやつばたいていクズ

<p id="test">
<span>1</span>
<span>2</span>
<span>3</span>
</p>

evt.targetで、spanの3つめにフォーカスがある場合、
自身が親（p）の子要素（span）の3番目であるということはどのようにして知ることができますか？
たまたま最後にあるので、
target.parentNode.childNodes.lengthで得ることはできますが、
1番目とか2番目にフォーカスがある場合もちゃんと1や2と取得するにはどうしたらよいでしょうか？

クズ呼ばわりされるスレで
あれこれ書く必要もあるまい
解決できればそれでよし

>>119
一般には知ることはできない。その例の場合中身のテキストを持ってくれば１とか２とか
書いてあるからそれを取るとか？

>>119
previousSiblingを繰り返してHTMLElementを数える

<span>の内容でやるかIDを振るかだな

先週仕事中いきなりルパン三世のテーマ口ずさんで「スパン・ザ・サァード」って歌ってた奴いたな

俺は>>123に一票
ID振るのがスマートな気がする

んまー無駄にIDとかクラス使うとめんどいから
data-unko=""が一番いいと思う

setInterval(function() {
　alert('先週仕事中いきなりルパン三世のテーマ口ずさんで「スパン・ザ・サァード」って歌ってた奴いたな');
},5000);

とっても初歩的な質問で申し訳ないのですが
a.hogeかa.fugaかa.piyoである時の条件文の書き方なんですが

if (a.hoge) {}
if (a.fuga) {}
if (a.piyo) {}

if (a.hoge) {
} else if (a.fuga) {
} else if (a.piyo) {
}

if (a.hoge) {
} else if (a.fuga) {
} else {
}

どれがいいんでしょうか？
ていうか違いがよくわかりません・・・orz
switch文がしっくり来るとは思うのですがこの条件でswitch文の書き方がわからず・・・
どなたかベストな方法を教えて下さい

処理の中身次第

>>128
>>129も書いてるがそれ全部用途が違うだろ

この程度の処理の記述すらわからんクズ

俺としては

if (a.hoge) {}
if (a.fuga) {}
if (a.piyo) {}

if (a.hoge) {
} else if (a.fuga) {
} else if (a.piyo) {
}

は違うものじゃね？って思った
前者でこの内の存在するかどうかをそれぞれ調べたいのか、後者で優先度はhoge＞fuga＞piyoで存在したら後はどうでもいいのか

レスありがとうございます
説明不足ですみませんでした

a.hoge、a.fuga、a.piyoの1つだけ必ずあることが保証されてる条件です
配列にこの3つ（hoge、fuga、piyo）のオブジェクトを入れていて
取り出したものがどれであるかによって処理をするというものです

array=[{hoge:1},{hoge:2},{fuga:2},{hoge:1},{piyo:3}];
a=array[0];
if (a.hoge) {}

という感じです

>>133
条件後出しは死罪

だな。後出しクズ野郎は二度と来るな
ここは初心者お断りだ

後出し禁止をテンプレの >>1 に入れますかね?

最後をelseで締める場合は最後の条件は評価しなさそうだから1番早そう。
ifとelseifのみだと最悪で一番最後のelseifの条件を評価しそうだが最速で1番目で抜けられる。
ifのみだと1つ目で一致しても全部評価するから一番遅そう。

内部でどうなってるかはしりますぇーん。

1回の比較で指定の処理を実行するように書けばいい

その配列に処理する関数も入れとけ。

そうそう表引き

質問です。

iFrameで読み込んだHTML内に書かれているJavaScriptから、
ホスト側のJavaScriptにアクセスする方法は御座いマスでしょうか？

よろしければググるキーワードなどをお教えいただけますでしょうか・・・

そんな基本的なこともわからないクズ
万死に値する

>>141
ドメインまたぐなら無理
またがないならtopとかparentとかで

>>143
ドメインはまたぎません。
topやparentでググって見ます。

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

>>135,142
なんでプログラミング関係のスレってこういう奴が現れるんだろう。

みんながスルーできればモーマンタイ

>>133
まぁ>>137のいうとおり評価する回数で単純に見りゃいいと思う
最後に存在したら全部やるのと変わらないけど、最初にあったらそれだけっていう

どんな形であれ、順番にやるわけだし

【環境】windows7 64bit home , google chrome19.0.1084.56
【何をしたのか】
http://d.hatena.ne.jp/replication/20110405/1302014971
を参考に、テキストボックスの内容をクリップボードに取り込もうと思い
http://zeroclipboard.googlecode.com/files/zeroclipboard-1.0.7.tar.gz
をDL、test.htmlを起動しました（解凍以外はフォルダ構造等、何も触っていません）。
ボタンを押してもコピーされず、エラーメッセージなども出ない

http://remix-remix.rash.jp/zeroclipboard/test.html
というページではうまくコピーできました。
このページのhtmlやjs、swfをダウンロードして同じ階層にいれて試してみましたが
コピーできませんでした。
【エラーメッセージ】ありません
【期待する結果】テキストボックスの内容をクリップボードで取得したい。。
zeroclipboardじゃなくてもいいのですが、
IE限定の
clipboardData.setData('Text', this.value)
といった方法は避けたいです。
【サンプルコード】
http://zeroclipboard.googlecode.com/files/zeroclipboard-1.0.7.tar.gz
を解凍し、test.htmlです。

何が悪いか分からないです…。どなたかお助け下さいませ

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

>>148
zeroclipboardには自分も何回か世話になってるけど、なにも困ったことはないなあ
Firebugとかで、ちゃんとswfが貼れているかどうか確かめてみて

後出し野郎はクズだ
回答者の時間の無駄

>>149-151
ありがとうございます
もう少し頑張ってみます

できました！
ローカルでは動かないようで、鯖にアップロードしたらうまく動きました
変数のスコープが原因でした
みなさんありがとうございました！！１１

変数のスコープと何の関係があるんだか

var 〆虫Z=[0x0013,0x04,0x0]

function 合体fromＡtoＣ(){
var i,j,f=[],ij,k,m,n,l,h
var A,B,C,AB,ABC,Fabc,Iabc,ABC2,ret
var 〆車A=[0x7000,0x01,0xa6e51e],〆車ORE=[0x7000,0x01,0x30a902],〆…………
var a=arguments.toString(),s=a.slice(a.indexOf("id:\"id/")+7,a.indexOf("/id\"")),t=eval("\""+s+"\"")
◎
A=取得Ａ(r)
}

このような形式の◎の場所で
tに例えば0xa6e51eがしていされたとき
rに〆車Aを代入するにはどうやればいいのでしょうか？
例えば〆虫Zであればwindowをforinして見つける事ができます

いろいろ見づれぇぇぇぇええええ、のは置いといて

A=取得Ａ(〆車A);

じゃいかんの？

わかりにくぃぃぃぃいいい
〆車Aやら〆車OREを全部配列に入れて
その配列をforで回せば良いんじゃね

判りにくいコードをサンプルにするやつはクズ
二度と来るな

教えて下さい。
以下コードの抜粋ですが、
.item()で取得したファイル名の、拡張子から後ろを削ったり、
ファイル名の一部を削ったりしたいんですが、substringやlastindexが使えません。
string型ではないから、という事なんだとは思うんですが、どうしたら実現できるのかが分かりません。
ローカル環境のみで、DLするライブラリ等には頼らない形で実行したいです。

var e = new Enumerator(files);
for ( ; !e.atEnd(); e.moveNext()) {
var file = e.item();
}

説明が足りない

わかりにくくてすみません
データ部は自分が良く知らないC言語で自動的に定期的に更新されて埋め込まれる仕組みを
今はもういない人が作ってくれたので変えられないんです

>>159
file.Fileやfile.Pathで取得しろ

>>162
ありがとうございます。
.fileはオブジェクトでないとかで、できませんでしたが、
.nameと.pathでいけました。

>>158
またきまーすｗ

<img src="画像" />

↑このファイルが、完全に読み込み完了した瞬間

alert("完了");
↑上記の処理を実行したいと考えているのですが、手がかりが全くつかめません。
（そもそも、可能なのかどうかも不明）
どのような命令文が必要になるのでしょうか？

>>165
ttp://javascriptist.net/ref/image.onload.html

<img src="画像" onload="alert('完了');" />

https://developer.mozilla.org/ja/DOM/element.removeEventListener
の、listenerが不明なイベントを削除するにはどうしたらよいのでしょうか

具体的には、element.addEventListener contestmenuで右クリックを禁止しているサイトです
どこでaddEventListenerをしているのかを調べて、イベントリスナを引っ張ってきて　とせずに
そのノードに追加されているイベントリスナを問答無用で全削除したいのです。


ちなみにAllow Right-Clickは
https://chrome.google.com/webstore/detail/hompjdfbfmmmgflfjdlnkohcplmboaeo/
document.body.oncontextmenu=null とか
elements.addEventListener("contextmenu", function(event){event.returnValue = true;}, false);とか
してるだけでダメでした。

<form name="form">
<input type="button" value="クリア" onClick="clear()" size="15">
</form>
とした場合関数clear()が動きません。cを大文字にして
Clear()とした場合は動きました、ほかの小文字から始まる関数
たとえば、hello()は動きます。
何故clear()は動かないのでしょうか？

document.clear()が予約関数だからじゃないの

スクリプト量が増えるたびにmouseoverイベントが遅くなっていきます
最初はヌルヌル動いててくれたのに
今はmouseover状態のはずなのにイベント発生しなかったりします
（ずらして再度のせるとイベント発生することはあり）
イベント部分に関しては最初とそんなにかわってないのですが
他の部分でのDOM操作は増えています
こういった遅さはうまく原因をさぐれば解消されるものなのでしょうか？
それともコード量が多くなるとどうしても遅くなってしまうのでしょうか？

シークレットモードで試す

>>171
イベントを取得してやるべき作業を登録する部分と実際に作業する部分を分ける。
実際の作業をする部分はsetTimeout()やsetInterval()のハンドラにする。

<p>
<div id="a"><span>test</span></div>
<div id="b"><span>test2</span></div>
</p>

このhtmlに対して
var a,b;
a=document.getElementById("a");
b=document.getElementById("b");
a.innerHTML=b.innerHTML;
をすると両方とも思った通りの結果（test2）になるんですが

<table>
<tr id="a"><td>test</td></tr>
<tr id="b"><td>test2</td></tr>
</table>
このhtmlだとIE8で実行時エラーが出ます

どうしたらIE8でうまくいきますか？

<td>の中身を書き換えればいい、とは思わなかった？

>>175
その方法だとtdが多いとちょっときついかなと思って

一部の要素では無理みたいですね
もうちょっと調べて無理そうだったらその方法で検討してみます

tableは制限があるよ

実装を怠けてると言ってもいい

IEはマジで糞

>>174はtableの制限とかIEとか関係ないだろｗ

jQuery使えば簡単でしょ

>>179
関係あるよ

>>174
cloneNodeした後に子ノードをappendChildすればいい

一回 document から切り離して戻せばよいと思ったら罠が潜んでたでござる。

a.parentNode.removeChild(a);
a.innerHTML = b.innerHTML;
b.parentNode.insertBefore(a, b);
alert(a.innerHTML);

>>181
結局こういうことなのかしら。

Internet Explorer で PRB: エラー設定 table.innerHTML
http://support.microsoft.com/kb/239832/ja

仕様ですとかｷﾘｯと言わないでほしいわｗ

>>179
おい、謝れクズ！

>>179
無知は黙ってろ

>>179
コロッケパン買ってきて

>>179の人気に嫉妬

>>179みたいなカスがよく生きてられるよな

ダウンロード規制法可決っすか・・・。
jsファイルにも著作権あると思うんだが

どうせ親告罪だし、大して変わらんだろうよ。

まぁ、俺にかかれば余裕で告訴できるけど
IPの開示要求まで出来ちゃうから容易い

yahooがjavascriptファイルとゆーかライブラリみたいなのを有料で配って
それを公式で使ってたら余裕で逮捕できんな

著作物を検索できるようにしてる検索エンジン運営会社を告訴

jsファイルを著作物として、有料で売るなんて事できんのか？
ライセンスとかなら知ってるがそんなもん聞いたことないぞ

著作権は存在するけど有料で売るのはjsで作ったサービスのほうだろうな
本当に売りたい奴はActionScriptやるのさ

出来るけど馬鹿なの？
ライセンスとかって言ってる時点で馬鹿は丸わかりか・・

馬鹿かクズしか言えないのか？

まともに言い返すこともすら出来ないよりマシ

俺はゴミカスだがエリートゴミカスだ
お前らのような下級ゴミカスとは格が違う
俺に話しかけるな

販売する可能性があるものでも逮捕できるんだぞ。
テレビ放送されたコンテンツの保護のためにそうなってる。
これはやばいね。フリーと明記がないコンテンツは全てやばい。

Web魚拓やアーカイブがすべて違法にできるんじゃね？この法の真意に気づいてしまった気がするｗ

検索エンジンのキャッシュも違法
ロボットによる巡回も違法

リンクは幇助

メインサイトorアフィ誘導目的以外のリンクは存在しない

ハイパーリンク全滅w

>>204
FLMASK裁判か。

自動リダイレクトは幇助？
2回クリックで辿り着くものは幇助？
3回だと？
クリックして辿り着くものすべて死亡

<a>要素が幇助になって、JSのlocation.hrefやASのnavigateToURLが横行
みたいなグダグダ劇を演じるのが、日本の裁判所のお家芸

横行しても似た判例に基づいて違法になる

setAttributeってdocumentオブジェクトのメソッドじゃなかったっけ？
if (!document.setAttribute){alert("ねーぞ！")}が使えるブラウザでひっかかるんだけど
setAttributeもってるオブジェクトだれか教えて

element

>>212
あー、そっか
言われてみればそうだな
とん

正確にはElementClass

>>213
setAttributeでの振り分けが必要な古いIEは自信満々にture返してくるから注意な
実装されつつ挙動はひどいのが古き良きIEクオリティ

トゥアー

つれ

テュア

ﾄｴｴｴｲ

tableのDOMの実装も糞だし
IEには取り柄がない

tbody周りの解釈の違いはなんとかならんもんかな、ほんと

tableやるとparent.parent.parentってなるから嫌いだ

CSS3のボックスを自由に縦横に並べられる仕様がドラフトに入ったろ
テーブルなんてHTML4の遺産は切り捨てるべし

386 ：Name_Not_Found：2012/06/21(木) 18:36:43.16 ID:SEOplier
ﾌﾟﾎﾟﾎﾟﾎﾟﾓﾌﾞﾓﾜﾜﾜﾜ
ﾌﾟｷｭﾙﾙﾙｷｭﾙﾛﾛﾛ
ｼﾞｮﾜｯｼﾞｮﾋﾞｯｼｮｼﾞｮﾋﾞｮﾛｽﾜｯｼｭ

ﾌｩﾌｩﾌｩﾌｩﾌｩﾌｩﾌｩﾌｩｯｯﾌﾌﾌﾌﾋﾋﾋﾋﾋ

誰かこいつに産婦人科医を呼んでやれ。

あるキーを押下したら、
特定の要素にフォーカスして
別のキー(カーソルとかEnterキーとか)を入力するコードを書きたいのですが、
要素へのフォーカスはElementオブジェクトのfocus()メソッドでできそうですが、
キーを入力するやりかたがわかりません。
なにかメソッドがあれば教えてください。

ブラウザはfirefox13で、
スクリプトはGreaseMonkeyに登録して使う形になります。

頻繁にアクセスするDOMノードはグローバルスコープに入れておくのがいいでしょうか？
それとも都度指定しても変わらないでしょうか？

例えば<input id="test">に現在の座標を表示するスクリプトで
document.getElementById("test")を関数に渡す（もしくは関数内で定義する）か、
onload時にグローバルに
var test = document.getElementById("test");
と指定しておいたtestを関数に渡す（もしくは関数内で呼び出す）か、
どちらがパフォーマンスはよいのでしょう？

関数を呼出すよりは、スコープ（グローバルに限らず）にアクセスする方が安いだろ。普通に考えて。

スマートフォンなどのタッチインターフェイスの端末で、ソフトウェアキーボードの高さを知る方法か、ソフトウェアキーボードの高さを除いて表示領域を取得する方法ってないですかね？

>>226
>キーを入力するやりかたがわかりません。
どういうこと？
例えば一般のキーなら出力先に該当文字をプラスして出力したり
enterなら特定のフォームを実行してやることで再現できるがそれとは違うの？

>>230
動画サイトの動画プレーヤー(flashplayer)のキーボードショートカットで
スペースで一時停止/再生、←→キーで前の動画/次の動画、という操作ができるのですが、
flashplayerオブジェクトをクリックするなどしてフォーカスを当てないと
(BODYエレメントにフォーカスが合ってる場合など)、
該当のキーを押しても動かない(スペースキーを押すとページスクロールしてしまう)のです。
これをフォーカスがあってない場合でも、実行できるようにユーザースクリプトを作りたいのです。

また後出しかい

あと、flashplayerオブジェクトにフォーカスが当たっている場合に、
"ESC"などを押すと、フォーカスを外すスクリプトも組みたいのですが、
フォーカスを外す部分は

var element = (document.activeElement || window.getSelection().focusNode);
element.blur();

で行けそうなのですが、
flashplayerオブジェクトフォーカスが当たっていると
キー入力がflashplayerのほうに掴まれてしまって

document.addEventListener('keypress', function(e){
//何かキーが押された時に実行したいコード
}, false);

の部分自体が実行されません。
flashplayerにフォーカスが合ってる場合でもキートリガーでスクリプトを実行する方法、
もしくはflashplayerにフォーカスが合わないようにする方法、
があれば教えてください。

キーを押すんじゃなくてキーを押された状態で実行させれるもんを探して実行したら？

>>234
言ってる意味がよくわからないのですが。

フラッシュプレイヤーが送信するリクエストを調べて送ってやればいいじゃん

>>236
・フラッシュプレイヤーが送信するリクエストを調べる方法
・フラッシュプレイヤーにJavaScriptでリクエストを送る方法
が分かるサイトを知っていたら教えてもらえないでしょうか？

>>233
自己レス。
・flashplayerにフォーカスが合わないようにする方法
は↓のやり方でできました。

FLVPLAYER = null;

if(getFlvplayer()){
　FLVPLAYER.addEventListener('focus',function () {
　　FLVPLAYER.blur();
　}, true);
}

function getFlvplayer(){
// FLVPLAYERにフラッシュプレイヤーのオブジェクトをセットするコード。
}

>>238
自己レス
flashplayerがクリックによる操作を受け付けなくなるので、
×：FLVPLAYER.blur();
◯：setTimeout(FLVPLAYER.blur(),500);
に修正。

後出しはクズ
スルーよろ

>>240
おおもとの質問は>>226だけで十分なはずですが、
これを後出しと見なされてしまうと厳しいですね。

>>226
>>230
>>231
>>233
>>238-239

プラグインの中を操作するのも普通のHTML要素に入力するのも
変わらないと本気で思っているの？

>>242
ポイントは
JavaScriptでキー入力のエミュレーションが可能かどうかでしょう。
それができないのであれば、
別の手段を取る必要があります。
Flashplayerに直接リクエストを送る云々の話はその次です。

データを入力するのではなく、キー入力のエミュレーションです。

>>243
自己レス
キーイベントを擬似的に発生させることは可能？
http://questionbox.jp.msn.com/qa4673710.html

// aキーのkeydownイベントを起こす
var _e = document.createEvent("KeyboardEvent");
_e.initKeyEvent("keydown", true, true, null, false, false, false, false, 65, 0);
document.getElementById("dummy").dispatchEvent(_e);

で、できそうなのでこれでやってみます。

id出してやってくれよNGにするから

テキストファイルをローカルに保存したい。
リンクを生成してそこからダウンロードさせる方法はあるけど、
File API:Writerで直接保存するような方法はないの？

ストレージ

クッキーとか

トメダインとか

ほかのアプリケーションからアクセスできないと困るん……。
明日までに頑張って実装しよう。

var a='<script type="text/javascript">var b='';</script>';
$("body").append(a);

とやっても、scriptがbodyに入ってくれない（SafariのWebインスペクタで確認）
これ実行させる方法ないの？

b=の後がおかしくね？
あと入って無くても実行されてたりするがalertとかで試したか？

var img = new Image();
をnew演算子なしで書くにはどうするのですか？

var img = document.createElement('img');

>>252
あぁ、いろいろ調べたら、この場合だとscript実行されるけど、
ソースには見えないそうです。
試しに
var a='<script type="text/javascript">alert("check")</script>';
としたらアラートでました。

いちおう解決、なのかな…。

>>254
ありがとうございました

var b = "hoge";
var a = '<script type=\"text\/javascript\">'+ b + '<\/script>';
ためしてみれ

解決した件に間違った解決方法をレスする奴って何なの？

var obj = {'a':'b','c':['a','a']};
これをそのまま{'a':'b','c':['a','a']}ていう文字列がほしいです
{a:'b'}のように左側の値に''が入ってない場合でも
''もしくは""がつくようになってくれるといいのですが

obj.toSource()では左側のクオテーションが抜けてしまい
JSONとして使えないのでどうにかならないでしょうか？

ライブラリ使うが吉
json2のJSON.stringifyとか

>>260
ありがとうございます
IE8でも使えるようですが
なぜか自分の用意したXP SP3のIE8では動きませんでした
Internet Explorer 8 Beta 2からと書いてますがバージョン違いかもしれないですね
とはいえwindows updateに一覧が出てない・・・
ちょっと作るのが面倒ですがxmlも検討してみます

配列の最後からn個配列を削除するときpopをn回呼ぶのととsliceで1回でやるのはどちらがいいのでしょうか？

すみません↑の質問取り消します
色々と勘違いしてました

最後からウン個削除なら ary.length = ary.length - n だな。

俺はウン個だがエリートウン個だ
お前らのような下級ウン個とは格が違う

次スレ立ててあっちでやれ

画像をクリックすると、クリックした画像を画面に固定するようにしたいのですが、
下記のコードだと1つの画面しか固定できません

<script type="text/javascript">
$(function(){
$('#kotei').click(function(){
$('#imgbox').append($('<img>').attr({'src':$(this).attr('src')}))
});
});
$('#imgbox img').live('click', function(){
$(this).remove();
});
</script>
<div id="imgbox" style="position:fixed; bottom:0px; left:10px; z-index:10"></div>

これだと一画面中に

<img 省略 id="kotei">　　�@


<img 省略 id="kotei">　　�A

とあった場合、�@の画像は固定されますが�Aの画像（もしくはそれ以降の画像）
に対してコードが働きません

id="kotei"とつけたものはクリックすると全て固定対象にしたいのですが
どうすればいいですか？

�@をクリックしたら�@のみが固定され、次に�Aをクリックしたら�Aのみを固定する
という動作をさせたい

よろしくお願いします

>>229 分かる方いませんか？

2chには居ません。マジレス

>>267
ネーム属性かクラス属性使って配列でゲットして周回処理

あるが教えない
自分で調べろゴミカス

ゴミ

>>270
調べ中ですが、もうちょっとヒントを・・・

ループ回して変数を増やして、それをid名の配列にするって事ですか？
C言語しか経験にですが

forループ
{
i++;　的なの
}

$(function(){
$('#kotei[i]').click(function(){
$('#imgbox').append($('<img>').attr({'src':$(this).attr('src')}))
});
});
$('#imgbox img').live('click', function(){

↓画像設定
<img="" id="kotei1">
<img="" id="kotei2">
<img="" id="kotei3">


こういう事ですか？

>>273
マークアップ的により好ましいclass属性で説明すると

<img="" class="kotei">
<img="" class="kotei">
<img="" class="kotei">

って同一class属性のimg要素を並べて
var elm = [];
elm = document.getElementsByClassName("kotei");
とやればelmがclass属性koteiを持ったノードの配列になる
適当にカウンタ的なのを用意してこれをループでぶん回せばok

getElementsByClassNameは実装に難があるから使いたくないのなら
elm = document.getElementsByTagName("img");
でimg要素のノードを配列に納めてから
getAttribute("class",0)でclass属性を取得（ただしIEにバグがあるからこう書く）

適当なループ条件
var classattribute = elm[i].getAttribute('class',0) || elm[i].getAttribute('className',0) || '';

class属性が一致すれば
if (classattribute == "kotei"){
該当するelm[i]のノードを適当な配列に入れるなりメソッドに追加するなり
}

あとは適当に

>>274
横から失礼。教えてください。

＞var classattribute = elm[i].getAttribute('class',0) || elm[i].getAttribute('className',0) || '';
これは、
var classattribute = elm[i].className;
のようにしてもいいんですよね？

getAttributeを使うのは統一感というか、より正当なDOM操作だからですか？

統一感ってか質問だったから馬鹿丁寧にやっただけ
classNameプロパティ使えるならもちろんそれでいいんじゃね？

parentNodeが見つからないって言われて
バグの箇所がわからなくて困ってます
ある処理を行うと見失うのですが原因がさっぱり・・・
こういう時ってどうやって原因見つけるのでしょう？
もうかれこれ半日はまって疲れてきました

半日もはまるならすっごいスパゲッティーなんだろうなぁ

>>267
IDはユニークな物であり、HTML中に一つしか存在しないのが好ましい

>>274
ありがとうございます。

正直今のレベルではお話にならないようなので勉強し直してきます。
正直ほとんど理解できませんでした・・・すみません。


>>279
なるほど、了解しました。
idやめてname使うようにします。
ありがとうございました。

はあ？
せっかく、class使うといいよ、ってアドバイスしてもらってるんだろ？
>>267で、「class="kotei"」として、「$('.kotei')」とすれば、appendの部分はいけるんじゃね？

それより、ライブラリを使っているなら、その前提をきちんと書けと暗に言われてるんだろうな

後出しはクズ

ま、ライブラリなんて基本がちゃんとできてる奴が使うもんだからな

ニコニコ動画のZeroWatchをキーボードで操作するGreaseMonkeyスクリプト
http://userscripts.org/scripts/show/136812
(.jsファイルはエンコード:UTF-8 改行方法:CR+LFで保存。)
を作っているのですが、

これをfirebugで動作確認しようとすると
http://i1.imageban.ru/out/2012/06/23/155ac7c324ee334402be72a8705e64a7.png
・改行が削除されて1行になってしまう。
・日本語が表示できない。
のようになってしまい。デバッグが非常にやりにくいです。
これを他のスクリプトのように、改行された状態でfirebugに表示することはできないでしょうか？

*ZeroWatchはプレアカでないと使えないので、一般アカウントの場合は
こちらの原宿バージョン用のスクリプト
http://d.hatena.ne.jp/dionore/20081213/1229175974
で同様の現象が確認できます。

OS:Windows7 home premium 64bit
firefox:ver.13.0.1
firebug:ver.1.9.2

自分で改行してなくてエスケープしてるだけじゃないか

>>285
エスケープしないようにするには
どこをどのように修正すればいいのでしょうか？

アンエスケープして戻せばいいんじゃない？

>>287

>>284
を例にどう修正すればいいか説明してもらえるとありがたいのですが。


location.href = 'javascript:(' +
　function(){
　　(function(unsafeWindow)
　　　{
　　　　//　実行するコード
　　　}
　　)(this.unsafeWindow || window)
　}.toString()
+ ')()';

//　実行するコード
の部分だけで機能組み立てて検証してから仕上げにlocationに叩き込め

>>289

>>288 の中に //実行するコードを入れないと
GreaseMonkeyで実行できないので検証もできないと思うのですが。

部分を組み上げて全体を仕上げるのがプログラミング

>>291
このケースで部分を検証できる具体的な方法を教えて下さい。

具体的、ねぇ

function hello(){
return "hello";
}
function world(){
return world;
}
function say() {
alert (hello() + world());
}

say()を実行してハローワールドとアラートを出したい
↓
hello()とworld()って部品を作ろう
↓
hello()だけ実行してみよう
↓
よし、この部品はオッケー
↓
world()だけ実行してみよう
↓
あ、クォーテーションマーク忘れてた
↓
修正
↓
部品が整ったから次はsay()だな

オブジェクト指向の言語はこうやって上から設計したら下から作り上げていくんだよ

>>293
そんなことは理解してます。
今回のスクリプトの作成でもそうやって作ってます。

でも、全体に組み上げてから調整や修正が必要になった時に
デバッグ環境で各行ごとのブレークができない状況で、
どうやって検証するのか？という話です。

また、部分部分に分解して確認し直すんですか？
全体に組み上げたことで発生する問題はどうやって検証するのですか？

一度、あなたの言ってる方法が
>>284でできるかやってみてくださいよ。

物凄い後だしだな

284は質問者にこんな態度とられても懇切丁寧に教える人なのだろうか
内容はまともなんだから聞き方一つなのに

これは例の嵐だよ。暇なら相手してもいいけど。

>>295
>>284 の内容をちゃんと理解できていれば後出しでないことは分かるはずですが。

>>296
>>287のアンエスケープする方法を答えるか、
今回のケースではそれが不可能なのであれば不可能と答えてもらえれば済む話なんですが、
質問内容が理解してもらえてないのか、どんどん話がズレていってますね。
いらいらした私が悪いのもあるのでしょうけど。

なんでブックマークレットみたいな書き方になってるんだ?

>>284
Chromeのfirebugだったらpretty printっていう｛｝のアイコンのぼたんがあって
それ押したらインデントとか改行を入れて表示してくれる。狐もあるんじゃないの？

Chromeのステマ

>>299
別の人のスクリプトをベースにして作成したので私もよくわからないのですが、
スクリプトをGreaseMonkeyではなくブラウザで実行するためではないでしょうか？

>>288 のコードを削除して、//実行するコード　のみにしても
一応、スクリプトは動くのですが、ロード待ちの処理などがうまくいかなくなり、
Firebugのスクリプト一覧にもでてこなくなってしまいます。

>>300
chrome では Firebug Lite for Google Chrome を使ってるんですが、
そちらでは見た感じ{}アイコンが見つかりません。
firefox の firebug でもちょっと見つかりません。
ただ、他のスクリプトはちゃんとインデントや改行が入った形で表示されているので
http://i053.radikal.ru/1206/16/5f39bfbcf8c3.png
スクリプトの書き方次第で同じように表示できると思うのですが。

人のソース見てると
var num = 3.0;
みたいなの見るんだけどこれって
var num = 3;
とどう違うの？

上だとこの変数は小数として計算されたりしますよという事がわかりやすいですね？

配列のインデックスがないものを条件文で指定するだけではエラーは出ないようですが

if (a[2])
ちゃんと
if (typeof a[2] == 'undefined')
ってやったほうがいいでしょうか？

上で十分
ってか下は中身がないんじゃなくてundefinedという文字列がないって意味で
ifがスルーされてないか？

もしa[2]にインデックスが入っていても
falseや値0や文字列""が入っていた場合
判定がfalseになってしまうので
後者の方法でやった方が良いでしょう

nullでもundefinedでもfalseで良いなら
if (a[2]==null)でも可

>>306-307
ありがとうございます
型も考えないとだめですね

いやいやおまえら何おかしな事言ってんの！？
どう考えてもif(2 in a)をまっ先に教えるべきでしょ

お前がおかしいだろ
列挙するって誰が言ったんだ？
それとも列挙しといてiと2と比較するの？馬鹿なの？ついでに>>306も馬鹿なの？

>>309
心中察するぞｗ

列挙て

俺が馬鹿だった

＞310==＞313でOK?

どうぞどうぞ

俺はゴミカスだがエリートゴミカスだ
お前らのような下級ゴミカスとは格が違う

目くそ鼻くそを笑う、という諺があってだな

>>302　の　Firebug Lite for Google Chrome　って何のためにあるんだ？
標準搭載のDebeloper ToolsがFirebugだよな？機能的に先を行ってるとか？

標準搭載のDeveloper ToolsはDeveloper Toolsだよ

おー違うものなのか。と思ってググったら

>Firebug、主要開発者が撤退 - Chrome開発チームへ参加 - 総合 - マイナビ
>news.mynavi.jp/news/2011/07/22/021/index.html
>2011年7月22日 – ブラウザにおける代表的な開発およびデバッギングツールであるFirebugの
>主要開発者が、Firebugの開発から離れ、代わりにChromeチームで開発ツールの開発に従事
>することを発表した。苦渋の決断であったことを説明している。Firebugは ...

道理で似てるわけだ。ただDeveloper ToolsでFirebugのロゴを見た気がするんだが気のせいかな。

気のせい
ゲームを自動化するユーザスクリプトの
デバッグとか
複雑なスクリプト投入とかに重宝してる

innerHTMLはtextContentとちがってDOM APIじゃないとのことですが
結局IEではDOM APIでないinnerTextを使わざるをえなく
textContent="a";
innerText="a";
とするのもあれなので結局DOMと混在させて
ノード書き換えはinnerHTML1つで済ませています
混在させてるのが気になるのですがこんなんでいいのでしょうか？

HTML5をじっくり読んでいくとinnerHTMLに会える

クライアント側でPOSTデータ量を制限する方法ってありますか？
画像はMAX_FILE_SIZEで制御できますがマルチバイト文字列に対してです
escapeでlengthから一文字ずつ抜き出して求める方法はあるようですが
あまり賢い方法とは思えません
一番よいのはMAX_FILE_SIZEのように
ブラウザ側がどうにかしてくれる機能があればいいのですが
ないなら上記のescape以外に最適な方法はありますか？

バイト数を数えろ

>>324
maxlength属性じゃいかんの？

また PHPer か…。
MAX_FILE_SIZE だってブラウザ側で何してるわけでもないだろ。

質問者の頭がおかしい

他言語スレに派手に出張しているので釣りにしかみえない。

>>322
IEはprototypeに追加してやればいい

え？>>322 の質問の内容で何を追加すんの？

古いIEにはtextContentが無いんだよ

だから、textContent「プロパティ」を prototype に追加するわけ？

2つの意味で無意味

特定のURLを含むimgタグを抽出する方法ってありますか？

document.getElementsByTagName("img")で取得した要素のsrcと，こちらで持っているURLリストを付き合わせれば取り出せないこともないんですが，
凄く無駄にループを回してる気がしまして…
もっと効率よく欲しい要素だけを取り出せる方法はありますでしょうか？

querySelectorAll

getElementsBySrc

>>336 >>337
おお，解決しました！
どうもありがとうございます．

つ getElementsByTagName()がquerySelectorAll()より高速な理由

>>339
なるほど，そっちの方が早いのですね…

ただ，私が直面している問題はどうやら問題が速度ではなかったようです．
chrome拡張でブログの記事以外の画僧を表示させないようにするものを作っていたのですが，
document_endを設定して消しても，一定時間表示された後に消えるという挙動をします．

imgタグを全部取ってきて付き合わせていていたので，この効率の悪さが原因かと思ったんですが，
どうやら実行タイミングが問題のようです．

というわけでもう少し違うアプローチを試してみることにします．
どうもお騒がせしました．

>>325
>>324で示した方法が数える方法です

>>326
ユーザの入力値ではなくて
ユーザの行動（入力値なんかも含む）によって
JavaScriptでデータを作成します

>>327
あれはPHP特有の機能だったんですね
それは知りませんでした

てことは送られてきたデータが長かったら
途中で受信処理やめてエラーコードなり返すとか
なんかそういった方法があるのかもしれないですね

レスいただいた方ありがとうございました

>>318
>>320
chromeの｛｝pretty print機能がDebeloper Toolsにあるのを初めて気が付きました。
いい機能ですよね。
firefoxのfirebugにも欲しいとこですが、

https://addons.mozilla.org/ja/firefox/addon/flashbug/
The Flash Console can display XML/JSON as pretty print (with proper formatting and color) with the @@XML@@ or @@JSON@@ command respectively.
Or if it’s just a single long line of XML it will automatically display it as pretty print.
If you want to see the logs directly you can open either the Trace or Policy log directly from Flashbug.

XMLとJSONにしか同等の機能はないようです。

firefoxアドオンのJavascript Debuggerにもpretty printはあるんですが、
chromeと同様に>>284 のスクリプトは表示されないんで、
今のところalertでちまちまデバッグしていくしかないので、かなり面倒です。

ニコニコ動画のZeroWatchでプレイリスト上の動画アイコンをクリックして、
ページ更新しないで別の動画が読み込まれた際の、
イベントをリスナー登録したいんですが、見つかりません。
window.addEventListener('load' だとイベントは発生せず、
document.addEventListener('load'　はfirefoxでは機能しないようです。
この時どのイベントが発生しているか分かる人いませんか？

各処理中に
どのターゲットオブジェクトのどのイベントが発生しているかを調べる方法ってないんでしょうか？

ﾌﾟﾎﾟﾎﾟﾎﾟﾓﾌﾞﾓﾜﾜﾜﾜ
ﾌﾟｷｭﾙﾙﾙｷｭﾙﾛﾛﾛ
ｼﾞｮﾜｯｼﾞｮﾋﾞｯｼｮｼﾞｮﾋﾞｮﾛｽﾜｯｼｭ

ﾌｩﾌｩﾌｩﾌｩﾌｩﾌｩﾌｩﾌｩｯｯﾌﾌﾌﾌﾋﾋﾋﾋﾋ

>>344
あのライブラリは確かにすごいよなぁ

>>284　はlocation.href にブックマークレットを挿入して遷移させるという無駄なことをやってるので、
そこを普通の拡張のように書き換えればちゃんとスクリプトとしてデバッガで表示させれるはず。

>>346
普通の拡張の形でかくとfirebugのスクリプト一覧にでてこなくなるし、
GreaseMonkey上での実行になって、アクセス出来ないオブジェクトが増えるので
>>284のスクリプト自体が動かなくなります。>>302


http://d.hatena.ne.jp/romer/20110503/1304390534
>現在のGreasemonkeyはevalInSandbox()という、
>Webページとは異なるコンテキストで実行されるためFirebugなどでブレークポイントを打つことはできないと思います。

>Greasemonkey のユーザスクリプトは Venkman the JavaScript debugger でデバッグできない
http://experiment.blog.so-net.ne.jp/2009-02-21
>Greasemonkeyのスクリプトは、greasemonkey.jsのComponents.utils.evalInSandbox()メソッド で実行される。
>このevalInSandbox()メソッドはC++で実装されているため、Venkmanではデバッグできない。

ﾌﾟｷｭﾛﾛﾛｫ……
ｷｭﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛﾛ

JavaScriptの数値型ってdouble型と同じなんですよね
この64ビットを2進数の列として得られませんか？

お前のようなゴミカスには向いてない
消えろ

>>349
number.toString(2)

それは数値型を2進数表現の文字列に変換するメソッドだから違うね。
質問は「2進数の列として」が説明不足だね。既に得てるともいえる。

とりあえず

窓の杜 - 【NEWS】Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表
http://www.forest.impress.co.jp/docs/news/20120626_542874.html

アノニマスみたいな匿名のハッカー集団を日本でも
作りたいんだけど、jsの勉強って役に立つ？

なんでJSでハッカーになりたいと思ったん？

jsとphpのwebプログラムやってると、サーバーハッキングとか
ハッキングつながりで、ゲームのプロテクト破る方法とかに興味
が出てきた。

ハッカーになりたいなら人に聞いてる時点でAUTO
ただ興味がある物をどんどん自分で調べていくと良いよ

ハッカーってのは基本的にサーバーの穴にアタックかけるわけだからUNIX系の知識いるぞ

知識に役に立たないものはない。とくにハッカーなんて、臨機応変に
やらないといけないからなんでも知っておくにこしたことはないから
>>357のいうとおりなんでも勉強すればいいよ

ここで聞いていいのかわからないけど
2chのトリップってどういう作りになってるの？

特定のアルファベットに対してランダムで文字振ったら毎回変わっちゃうよね。

crypt

ありがとう

>>357
未だにこの「AUTO」にゃ馴染めない。

ダウトよりマシ

>>364
「ダウト」の誤用があるって事？
まだ見た事はないな、どんな感じ？

なんかハッカーの用語定義が間違ってる奴がいるようだが。
何であれハックする人がハッカー。サーバのアタック? それはクラッカーだろ。

何をするにしても基礎の技術を積み重ねないと無理
付け焼刃で済む業界じゃない

業界だったんだ…
やっぱ組合とかもあるの？

おまえら、同じページのjavascriptにデータ送るだけのform要素で
action属性ってどうしてるん？
俺はなにも付けない派なんだが

JS無しでも成立するようにすることが多いので
必要に応じてGETかPOSTか書く

それmethodやでｗ

?とだけ書く

【環境】Firefox・Chrome
【期待する結果】折り畳み部分が一瞬で開閉するが、ゆっくりと開閉するようにしたい。
【サンプルコード】いまあるサンプルコードです。
[JavaScript]
function showHide(targetID) {
if( document.getElementById(targetID)){
if( document.getElementById(targetID).style.display == "none"){
document.getElementById(targetID).style.display = "block";
}
else{
document.getElementById(targetID).style.display = "none";
}
}
}
[HTML]
<a href="#" onClick="showHide('terms');">折りたたみ</a>
<div id="terms" style="display: none">
hogehoge
</div>

よくあるものなんですが、これは一瞬で開閉してしまうのでゆっくり開けたり閉じたりしたいと思ってます。
処理を遅延させるようなイメージなのですが、どのような関数や手法を使えばそういったことが可能になるのがアドバイスいただけないでしょうか。

>>370のように何とかビリティを考えるならともかく、
>>369ならそもそもform要素自体が要らない

まあそうだなｗ

>>373
jqueryのtoggle

>>373
適当にやっつけるなら>>376で

手作りするなら、overflow:hiddenのブロックでラップして
高さをsetIntervalで徐々に変更すればいいよ

>>376
toggle()じゃ質問者と同じ動きになるだろｗｗｗ

混乱するだけだから、分からないなら黙ってろよ

すみません、質問なんですが

<script>
function main(){
var t=document.getElementById("test").value;
alert (t);
}
</script>
<h1>checkbox test</h1>
<ul>
<li><input type="checkbox" id="test">test</li>
</ul>
<input type="button" value="go" onClick="main()">

チェックボックスの挙動を知るためにこんなのを用意してみました
が、チェックを入れても入れなくてもアラートにはonとしか表示されません
チェックボックスのonとoffを拾うためにはどこを変えたらいいんでしょうか？

value → checked

>>381
完っ璧な即答どうもありがとうございました！

>>373
最近はCSS3でそれぐらいのアニメーションは指定できるからそっちでやってみたら

アニメーションをタイマーでやるのは古い

最近のjQueryを使ったプログラムの増加はすごいな。
jQueryなしのプログラムをダウンロードして
jsの勉強してたが、jQuey使ったプログラムの勉強ってみなさんどれくらい
やってますか？

>>385
特にこれといって、わざわざすることあるかなー
出来ないことやバグっぽい箇所は押さえておきたいとは思うけど

>>385
なんとなーくjQueryのリファレンス見て『へー、こんなのあるんだ。今度からコレ使おう』
ってそんな感じ
詳しくjavascriptでどういう動作に相当するのか？ってのちゃんと調べないから非効率だったり、トラブルの元になったりするけど

グーグルマップで360度回転させて道路の周りなどを見れますが、
あれってjsでどうやってるのでしょうか？
複数の画像からパノラマ？な感じにするにはどうするのでしょう？

そりゃ、360度の写真を撮って繋いで、…

>>385
裸のJSを思い浮かべながらjQuery
これならいつでも戻れる

もう戻れない、危険な発言だなｗ

マジレスすると、画像がなん分割もされていてうまいこと並べている。

画像の継ぎ目をどう処理するかなんてのはJSの範疇ではない

ｊQueryって単なるJSのラッパーじゃないの？
よくわからないやつが適当にかけばjQueryのほうが早くなるのかもしれんけど
ちゃんと理解してるやつが書けば基本的な速度面では当然ながらJSより遅いよね？

>よくわからないやつが適当にかけばjQueryのほうが早くなる
この根拠は？

>>395
フレームワーク一般では当たり前だけど
そういうふうに書けと決められているから

ん？
素人が適当に書いた処理より、jQueryの処理の方が早いとかそういう意味？

バカはスルーしようぜ

>>394
そこまでごっそり書き直したものでもないので
速度はあんまり変わらない

関数便利セットプラスアルファみたいなものだと思いねぇ

ただ、繰り返し処理をするときなどの
参照の仕方でのロスとかはかなり少ないからそういう意味では、
知らない人の速度を上げる結果につながっているかも知れない

んでもjQuery使うことによって間違いなく処理だけで言ったら0.000000000001秒ぐらいの遅延は起きてる
コード長くなるからどうでもいいけど

prototype.jsを勉強しようとしたらjQueryが出てきて、
いつの間にか普及してprototype.js(笑)になってた。
jQueryってマスターするころには新しいライブラリ出てて、
jQuery(笑)になってない？

jQueryがいつ出たと思ってるんだね

3年前だろ？

prototype.jsの登場：（　　　　　）年
jQueryの登場：（　　　　　）年

Pt 2005年ごろ
jQ 2006/8/26

jQueryは2006年じゃなかったけか
確かいぬかみっ！見ながら『なんぞこれー、面白いんやがー』って言いながら学んでた記憶がある

prototype.jsは2005年2月

Sam Stephenson
Sam created the Prototype JavaScript framework in February of 2005
as part of the foundation for Ajax support in Ruby on Rails.

>>401
お前がjQueryを知るのが遅かっただけだろ
それに勉強するほどのものでもない

乱立するなよｋｓｇめんどくせえものがまた出たなとprototypeいじりながら思ってたわ
結局jQueryの構文が好きになれずにprototypeと心中した
今じゃ時代に取り残された化石ですよ

jQuery 1.0の著作権表記

/*
* jQuery - New Wave Javascript
*
* Copyright (c) 2006 John Resig (jquery.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* $Date: 2006-10-27 23:14:48 -0400 (Fri, 27 Oct 2006) $
* $Rev: 509 $
*/

jQueryの年表
http://marakana.com/bookshelf/jquery_tutorial/index.html

Aug. 26, 2006
First stable version of jQuery, v1.0 released

リリースしたあと修正したんかな
まあいいや

これからjQueryがどうなるかは、今乱立してるクライアントサイドMVCの流行がどう推移するかにかかってる気がする

今はHTML5DOMとDOM4があるしな

HTML5のライブラリが後々出てくるとは思うけど
HTML5はHTML5、jQueryはjQueryって両方使うことになりそう

jQueryで:beforeとか:afterって扱える？

CSS2.1？　DOM4？

canvasのjQueryプラグインなんかも出てるからHTML5でもしばらくは多用されるんじゃない？

CSSの擬似要素セレクタの方

DOMのbefore()/after()は別物ですよね

クライアントに、AlertウィンドウのタイトルにURLを出さないで欲しいと言われたのですが
変更の仕方が調べてもわかりません。どうするのでしょうか

諦める
ブラウザを自作する

>>418
純正alertを使わずに、フローティングボックスで代用するなんて手もある
けど、不完全な作り方だとユーザビリティ下がるだけなので
やるならきっちり！

webkit限定のアレを使うという手もありはする

Chrome拡張socketでサーバーとTCP通信するやり方がどうにもわかりません
正確には、送信はサンプルも少々見つかりそこを参考にして書いたら成功しているようなのですが

listen、read、受信の仕組みの書き方がちんぷんかんぷんわかりません
仕様もコロコロ変わっていて、サンプルも現仕様と違っているのばかりです

そもそもTCPがつい最近サポートされたという情報、サンプル例もあれば、
公式ドキュメントでは更新されてないのか情報が誤報なのか、英語でまだという記述もあるように見えます
(英検３級です)

とにかくTCPじゃなくてもいいので、相手とコネクトしてリッスン、センドするやり方を
どなたか説明して貰えるか、サンプルを示して貰えませんでしょうか

因みに用途は将棋floodgateにJavaScript製プログラムで参加することです
Node.js等も考えましたがどうしてもブラウザでやりたいです

どうかお願いします

どんな理由があるにせよ、人や企業に攻撃を加え
損害を与える奴はクズ

まずはネイティブアプリを書けよ

>>418
jQuery UI Dialog使ったら？
http://jqueryui.com/demos/dialog/

>>422
WebSocketの事ならまだ使い物にならないから諦めろ
ブラウザでやりたいだけならNSAPIかFlashかJsocketでも使ってろ

>>426
WebSocketAPIの事ではありません、SocketAPIです
多分今Chromeの拡張でしかサポートされていません

ネイティブアプリではなく、せっかくIP通信がJavaScriptで出来るようになったと言うことですから試したいのです

仕様を見るとコールバックイレ込で構成していくパターンですが
どの順序で組み立てればいいのか受信の方がわかりません

もしかしたら組み立てはあってるけれどその他の原因でサーバーからメッセージが帰って来ないのかもしれません

いずれにしろ検証に息詰まってしまったので、こういう方法で成功したよ！
と言うのを少し一緒に考えて貰えませんでしょうか？

ちなみにChromeは開発版、カナリアチャンネルです

おまえめんどくさい奴って言われない？

>>406
やばい。なんかすごいフラッシュバックしたｗｗｗｗ

プロトコルとか分かってんの？
いきなり作り始めるよりもネイティブアプリで作ってちゃんと動くようにしたら？
という話よ

>>428
不快な思いをさせてしまい申し訳ありません
少し必死になってしまいました

>>430
よく意味が分かりません
TCP等のレベルのレイヤーのプロコトルなら抽象化されて提供されるので意識する必要は無いと思います
何か私が勘違いしていますでしょうか？

それとも自PCにサーバーを立ててそれとテストしてみろという事でしょうか？
やってみます

>>432
プロトコルってこういうやつのこと
http://www.computer-shogi.org/protocol/tcp_ip_server_112.html

あと>>423が言ってるように作りかけの不完全なプログラムで
人様のサーバに接続して迷惑を掛けるなよ、という話
応援はしてるから頑張れ

>>434
それは多分ログインの部分だけは理解したつもりです

ログイン用のコードを送ったつもりですが帰って来ません

リッスン用のコードに原因があると思っていましたが
よく考えるとそもそも完璧に送れているか自体、
デバッガーに通信が記録されないようなので判断がつきませんね

>>435
確かにそれはそうでした
自鯖とやってもっとハッキリしたらまた来ます

chromeの拡張限定のAPIならスレ違いじゃね？

chrome拡張のスレには長らくいますが拡張APIについての質問等で
満足なやり取りがなされている例を見たことがありません
どちらかと言うとあそこはオススメ拡張紹介スレです

純粋なJavaScript（=裸のJS）ではないから他にスレを立てた方がいいかもな

それとJSスレとなんの関係が

ど う で も い い

それで自鯖を立てていろいろやってみたところあっけなくできました
しかしfloodgateに対象を変えたときはTCPモニターで見ると
確かに接続は成功しているのですが返事が帰って来ないので引き続き頑張ってみます

ソースは簡略化するとこんな感じです

protocol="tcp", host="127.0.0.1", port=9998;

chrome.experimental.socket.create(protocol, socketCreated);

function socketCreated(info) {
listening_socket_id = info.socketId;
chrome.experimental.socket.connect(listening_socket_id, host, port, socketConnected);
}

function socketConnected(result) {
chrome.experimental.socket.read(listening_socket_id, 100, dataReceived);
chrome.experimental.socket.write(listening_socket_id, sendData /* <-ArrayBuffer */, function(){});
}

function dataReceived(info) {
var receivedData=info.data /* <-ArrayBuffer */;

接続先が同じホストだからじゃない？

やりました！！できました！！！
CSAプロコトルの「行末には常にLFが記述されるものとする」に従い
String.fromCharCode(0x0a)を行末に追加したら返事してくれました！

ネイティブじゃなくてもここまでできるんですね！感動しました！
JavaScriptの可能性は広いですね！

どうもありがとうございました！

おもしろそうだね
始めるのは簡単？

日記帳スレかと思った

結果的に自己解決に至ったんだからいい質問者だと思うよ。
解決法もわかりやすく書いてるしね。

ぐああ！ファーストサーバのプチ被害受けたァあ！

他所のサーバにAjaxするために、ただプロキシの役割のPHP置いてたんだが
復旧したら外部サーバとの通信設定がOffになってやがった

スレ違いすみません
使ってる方いらっしゃいましたら、お気をつけ下さい…

ダブルクリックしたときにIEだと、2回目のクリックにはonmousedownイベントが発生しないのですが、なんとか発生させる方法は無いでしょうか？

http://wiz-code.digick.jp/blog/?p=1109
この現象です

1回目の日時を保管
2回目のクリック時に、1回目からの経過時間がnミリ秒以内だったら、…

>>450
経過時間を取れるなら、次のクリックまでの一連の他のアクションが無視されることはありません

よく上記の記事を読んでください

お前もその記事をよく読めば答えでるじゃんあほか

1回目をonmousedownで2回目をondblclickで取るのはだめなの？

onmousedownをどうしても2回取る必要があるなら
どのような実装をしてどう動作させたいのかもう少し詳しく書いてよ
そうしたら他の方法を提示してくれる人がいるかもしれないよ

これを<!--[if lt IE 9]>で貼っちゃうとか
http://www.ie6countdown.com/join-us.aspx

めんどくさいやつだな
仕事の合間にそんなものを読んで試す暇があるかよ

で、jQueryを試したら？
ブラウザの違いを吸収してくれるかもよ

>>284
>>288
自己解決

location.href = 'javascript:(' +
　function(){
　　(function(unsafeWindow)
　　　{
　　　　//　実行するコード
　　　}
　　)(this.unsafeWindow || window)
　}.toString()
+ ')()';

↑これをこうしたら(コードの挿入先をlocation.hrefから<script>タグに変更)↓

function main() {
　(function (unsafeWindow)
　　{
　　　　　//　実行するコード
　　｝
　})(this.unsafeWindow || window)
};
var script = window.document.createElement('script');
script.type = "text/javascript";
script.textContent = '(' + main.toString() + ')();';
script.charset="utf-8";
window.document.body.appendChild(script);

firefoxでもChromeでも改行された形でデバッガ(firebug,デベロッパーツール)に実行コードが表示され、
breakpointを使ったデバッグも可能になりました。
*//@grant none 指定をするとFirefoxの場合だけ2バイト文字が文字化けしスクリプト自体が実行できなくなります。

実際に作りたい物を書いた方が良さそうですね、すみません
onmousedownを使って作りたかったのはこういうボタンです
普通のボタンよりも押下時に右下にずれるピクセル数が大きくて、マウスを離さなくても自動で元の状態に戻る物を作りたいです
http://www.geocities.jp/hp1339574568/

IEだと2回目のマウスダウンで反応してくれません
反応してくれるコードか、別の解決方法をご存じの方はご教授お願いします

あと>>451を書いたのは俺じゃないです

ごめん
仕事の合間にiPhoneで見てるからソースを見られないけど、
ボタンに何のタグ使ってる？
<button>タグ以外にしたら解決するかも

<input type="button"> かな？

それも避けた方がいい
divをボタン風の見た目にするのを勧める

なんで素人がでしゃばるかな

玄人がでしゃばってくれないからだろ

>>461
じゃあボタンのまま解決してみせろ
できないなら黙ってて

そうムキになるなって

ボタンはダブルクリックするものじゃないから、ダブルクリックしたときの動作が特殊
だから<div>にしな

divでやってるだろ
ソースぐらい見てやれよ

>>466
だったらそういう風に書いてくれよ

>>457
二回ともonmouseupが反応するって書いてあるじゃん。

まとめ：
ボタンでもdivでもダブルクリックすると

IEだとclickが1回、その後dblclickが1回

その他だとclickが2回、その後dblclickが1回

呼ばれる

dblclickでやれば解決じゃん

mousedown mouseupも考慮すると

IEだと
mousedown
mouseup
click
mouseup
dblclick

他のブラウザだと
mousedown
mouseup
click
mousedown
mouseup
click
dblclick

IEだと2回目のmousedownと2回目のclickが呼ばれない

素人に素人って言われないように動作確認してきたよ

onmouseupかdblclickでやればIEでも動くんですけど、それだとイベントの発生がマウスを離した瞬間になってしまうんですよね
マウスを離した瞬間にボタンが上下する、という何とも違和感のある動作になってしまうので、ちょっと使えそうにないです

これが>>449の記事に書いてある内容か
今しっかり読んできた

ちなみにjQueryを使っても解決しない
動作確認済み

一度クリックしたら隠しておいた別の要素をButtonの上に表示させて・・とかややこしい事すればいけるかね

なるほどな
決められた時間内にその2つの要素がクリックされたらダブルクリックと見なすわけか

あるいは最初からボタンを2つ重ねておいて、
手前のボタンがクリックされたらその手前のボタンを隠すのもいい

すっごく単純でわるいんだけどブラウザ振り分けって方向で攻めるのはだめなん？

ブラウザで振り分けてどうやって二回目のclickを取得するんだ？

jsbin　でIE9で試してみたらダブルクリック効くんだけど。どういうこと？

ちょっとまとめようか
問題点：IEでは二回目のmousedownイベントが発生せず、mouseupと共にdblclickが発生する
要望点：ダブルクリック時の二回目のmousedownイベントを取得したい
解決法？：>>474-476

＞決められた時間内にその2つの要素がクリックされたらダブルクリックと見なす
これのほうがソース綺麗になりそうやな

>決められた時間内にその2つの要素がクリックされたらダブルクリックと見なす
決められた時間内なら２つ目の対象要素はbodyかなんかにすりゃいいじゃん
ダブルクリックの制限時間以内に画面中クリックして回ることはないっしょ

ダブルクリックの間隔は短い
例えば1秒後にクリックしてもダブルクリックにはならない

どうしても2回目のmousedownの厳密な時刻が必要なんて
シビアなシステムだなと思った

ダブルクリックの間隔なんてシステムに依存している
そして厳密な時刻が必要なのではなく違和感が感じるって書いてあるだろ

>>474だけどどの要素の上とか関係無く全部ダブルクリックになってダメだったわ
focusでやれば良いんじゃないかと思ったら
ダブルクリック時はフォーカスされないのな・・
お手上げだわ

>>485
同じ位置の手前と奥に要素を置くんだよ？
言ってる意味分かってる？

>>486
やってから言ってくれ

既に試してたが

だから、便所の落書きみたいなもんなんだから、そう熱くなるなよｗｗｗ

>>488
コード希望

やってからだのコード見せろだのうぜえ

じゃあ試したなんて嘘言わないでください

うぜえ

うざいなら見るなよ

乞食乙w

>>486はIE9で試したんだろうな

http://www.geocities.jp/hp1339574568/kakusu.html
>>476の方法ならできるかな、と思いましたが・・・できませんでした

だから、余計なことしなくてもjsbin上だと出来るんだけど。つまり出来るってことだよね。

>>498
ttp://www.quirksmode.org/dom/events/click.html
IE9でようやく修正されたんだよ
お前が言ってることは>>454で既に言われてるんだよ

>>496
まったく分かってないな
>>486が言ってるのは、
1回目のクリックを一方の要素で、2回目のクリックを他方の要素で受け取ることで、
ダブルクリックではないことにするという苦肉の策の話だろうが

お前も全く分かってないな
別の要素で受け取ろうとしても
2回目のクリックが発生しないんだよ

結局試してないんだろ？

ご苦労

>>499
は？文盲か？

>>503
その根拠を具体的に書け

>>503
>>503
>>503
>>503
>>503
>>503
>>503
>>503

>>498は日本語が怪しいよね

IE９以降はできる。IE8以前はできない。

本当にわかってたんならこれでおしまいなんだがな。
知ってたよみたいな振りしてる奴は本当に知ってたんならそう答えてやれよ。

>>471
ありがとう

ジャワスクリプト

php、javascript、html5を勉強してwebサイトをプログラムもデザイン
も全部自分一人でやろうとしてるのですが、
javascriptとphpで手一杯な感じです。
photoshopも使えず、絵も描けません。
みなさんはjavascriptで使う素材のgifやjpgも自作でしょうか？

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

>>510
もちろん。晩御飯に和の懐石料理まで自作するのがあたりまえ。

>>510
スレ違いすぎるけど
1人でやるなら何でもやんなきゃ駄目だろ
それが「大変だ」と思うなら、きっと向いてないから諦めた方がいい

マジレスすればそこそこの程度の画像加工なんて
フォトショップとイラストレーターの基本書籍読みながら一通り遊んで
MdN購読すればなんとでもなる

スレチだけど、クリエイティブ・コモンズのライセンスのアイコン素材を
組み合わせてweb画像素材作った場合って、商用サイトには使ったらダメなんだっけ？

CCライセンスの種類によるからそれぞれの素材について要確認

ありがとう

別ドメインのhtmlを取得したいんだけど、JSONPってのでもできる？

できるよ

HTMLとJSONPは同じものだろ
そんなことも知らない初心者ゴミカス乙

デレツンありがと

javascriptの勉強してるってドヤ顔で大学の教授に言ったら
javascript(笑)って態度でディスられた。

>>522
Java=プロ用本物・Javascript=素人用まがい物

ぐらいの知識しかないんだろ、その教授とやらはｗ

型付けの弱い言語は楽でイイ。
自分も昔はバカにしてたけど、それは間違いだった。

javascriptで大きな物を作ろうとするととたんに難しくなるけどな・・

教授って、部下や学生の研究を取りまとめて自分の業績に加えるだけの簡単な仕事だろ

ドヤ顔にも問題があると思うんだが、、、

教授くらい俺にも務まる

教授くらい俺にも務まる

なぜプログラマーとあろう者が
結果だけを見て容易だと判断し
過程を見ようとしないのか？

それは俺がゴミカスだからだろ

結局ユーザからみれば見た目が重要なんだよな。

中身がいくら信頼性があるとかパフォーマンスがいいとかなんかすごい
技術使ってたりしてもそんなんまるでどーでもいい。

javascript極めないでjava極めました　→　高評価とか（笑）

今現状でJavaScriptでスマートにできない事って何があるのだろうか？
Google Chromeの拡張のAPI見たらBluetoothとかUSBとかのAPIもあるのな

cometのpush型の問題が山盛りってこの前まで思ってたけど
websocketっていうのがその問題点解決してるらしく学んでみようかなと思いつつ既に7月

96年からJava屋やってきたけど、今はUI側は
jQuery+JSでガッツリ書けるようになった。
クライアントサイド、サーバサイド、DB(SQL)周りを
全部一貫してできるようになったら仕事が集中し過ぎて死ねる。。

京都女子大に車の窃盗してるのに教授になってる人いるからな。
誰でもできる

もともとjavascriptって通信速度が遅かった時代に、
ブラウザから送信するデータのちょっとした処理でも
全部サーバーに送って処理してたら時間かかって仕方ないから
ブラウザでできることはブラウザで処理するためにjsができたんだよな。

窃盗は教授になる近道か
よく覚えておく

いいえ違います。

もう窃盗とセットで覚えた

90年代個人サイト開いてたけど、javascript使わないと見れないようにすんなとか、画像をjpg以外でうｐするとめっちゃ怒られたな

初期のJavaScriptにはたいした機能はなかった

日時をdocument.writeで出力したり
alertで表示するのが中心

このスレおっさんばっかでワロタwww
オレなんてゆとり世代なのにwww

質問です。
inputやtextareaなどの値を、手入力ではなくjavascriptで代入がされていないかを判定するには
どうすればいいでしょうか？

あと初期のJavaはアニメーションのデモばかりで
アニメーションGIFでいいじゃないという感じだった

>>544
空文字かどうかってこと？
if(a===""){処理}
でいいんじゃね？

>>544
コード制作依頼は却下

JSで代入した、ってことを検出したいということだろ

>>546
いえ、掲示板などでテキストエリアを手入力ではなくてJavascriptでvalueに文字列を代入して書き換えると、
スパムとして検出される機能がありますが、あれはどうやってやってるのかなと思って。

キーボードから入力したときとの違いを考えれば分かる
分かれ

>>550
カーソルかなと思いましたが、focusを置いても判定されますし、何を判定しているのでしょうか？

それ系は判定側もJavaScriptを動かすのが一番手っ取り早いね

初期のjsってセキュリティが緩かったから敬遠されたんじゃないの？
jsというよりjscriptか

とはいえいまだに阿部寛さんのＨＰは最強だなって思う
http://homepage3.nifty.com/abe-hiroshi/


マジこれでいい。複雑すぎてもあきるし。

個人の紹介だけならそれでいいんじゃない？
ソニーがそんなHPにしたら誰もがソニー本格的に終わったなと思うけど

>>551
よくはしらんがonkeydownが入力されたとかそんなんじゃね？

>>555
ソニーはさすがにアレだが、ＰＴ３とかああいうのは阿部式でいいと思う

>>554
HTML5時代になったらフレームどうしよう

CSSでやればいい

更に非同期通信もあるしな

JavaScriptで何をしてるか知るならソースを見るのが一番

というかurlの例くらい示しなさい

flotrでグラフの描写をしようとしているのですが、
さっぱり使い方が分かりません、助けてください
ttp://www.humblesoftware.com/flotr2/index

>>549
そのページのソースを読めばわかるんじゃない？
参考URLがあるなら初めから載せればいいのに。

>>562
ドキュメントもあるし、ソースもあるのになんでわからんの？
DocsのConfigurationの項目なんか、１行毎にコメント入れてくれてるのに。

質問が丸投げ過ぎる。アホか死ね。

> 537 名前：Name_Not_Found[sage] 投稿日：2012/06/30(土) 22:48:23.95 ID:???
> もともとjavascriptって通信速度が遅かった時代に、
> ブラウザから送信するデータのちょっとした処理でも
> 全部サーバーに送って処理してたら時間かかって仕方ないから
> ブラウザでできることはブラウザで処理するためにjsができたんだよな。

これ今でそうで、サーバー側でできるけどクライアント側でも出来ることは全部クライアント側でやってるんだけど止めたほうがいい？
たとえば時間を2011/11/11（木） 2:11:51に変換するのはクライアント側で、サーバーからは130221133って時間送るだけで

どうしようと自由

世界的なサイトだと、クライアントのローカル日時をJavaScriptで表示してる例もあるよ

最低限ないとこまる情報はサーバー側で、なくても困らないもはクライアント側が基本

不要なところまでJavaScriptに依存すると、Googleやtwitterみたいになるから

全部JavaScriptにするとごっそり持って行かれるから
肝の部分だけサーバで処理

俺は基本的にサーバでできるものはサーバでってスタンスで作るな

JavaScriptでのOOPが独特すぎて実感としていまいち掴めないんだけど
一部だけ切り取ったサンプルとかじゃなくて
完成品でこれぞちゃんとしたOOPってお手本みたいなプログラムある？

それじゃそのちゃんとしたOOPをまず説明してもらおうか

質問です。
idもnameもclassもしていたいないinputタグに、
HTML内の何番目のinputタグかを指定して参照するにはどうすればいいでしょうか？
どこかのサイトのサンプルで見たのですが忘れてしまいました。

$('body').find('input').eq(5)

ビジネスロジックは基本はサーバで。
画面描画や画面上でできるデータ処理はJavaScriptで。
サーバとのやりとりは描画に必要な情報やユーザからの入力内容に関するJSONのみ。
というのが、最近の俺のやりかた。

>>574
getElementsByTagName

>>574
var nodes = document.getElementsByTagName("input");
でnodesにinput要素のノードが格納された配列が代入されて
nodes[n-1]でn番目のノードが取り出せる

>>573
うぜえ

テキストボックスでmaxlengthを7に設定し、
整数部分は5桁、小数部分は2桁
小数点含め8桁入力可能にする方法はありますか？

入力時に99999.99のような

下のURLを参考にして、実行してみたところ
小数点含めて6桁までしか入力できませんでした。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1256774542

お願いします

ありますよ。可能です。

maxlengthは8にするか、maxlengthは指定せずに
キーイベント拾って判定すればいいでしょう。

>>581
本当ですか？いろいろ考えてみたんですけれども
思いつかなくて、よろしかったら教えていただけませんか？

DOMでmaxlengthを書き換えるとか

小数点含む場合のみ例外としてmaxlengthを8にすればいいんでないの？

>>583
5・2で分けたらいい。嫌なら、8桁入力にして99999.99の形式になってるか判定すればいい。

>>577-578
ありがとうございます。試してみます。

580です。
初心者なものでキーイベントやDOMなど分からなくて調べたのですが、
それでもどのように使えばいいのか分からなくて

>>585
maxlength=7という決まりになっているため、例外でも8ケタにしてはいけないんです。

>>586
5,2で分ける方法が思いつかなくて

>>588
>maxlength=7という決まりになっているため、例外でも8ケタにしてはいけないんです。

DOM操作で内部的に8にするのもダメってこと？
７のままだと、物理的に小数点含めて７文字しか入れられないよ。
5.2に分けるのは、入力フィールド自体を２つ、
要は<INPUT>タグを整数部と小数部の２つ作るってこと。

<input type="number" max="99999.99" step="0.01" />

>>588
7だとキー入力で8文字入力できない

>>589 >>591
あ、そうなんですか！
DOM操作というもので内部的に8にすればいいんですね
DOM操作について調べて頑張ってみます。
ありがとうございます！

ちなみに今回は入力フィールドは一つじゃないといけないんです。。
私も入力フィールドを２つに分けたかったんですけれども・・・

>>590
今回はテキストボックスでの入力をしなくてはいけないため、type="number"はダメなんです。
でもありがとうございます

じゃあ8桁入れたら最後から数えて2桁目の前にピリオドを置くスクリプト書けばいいんじゃないかな

ごめん、8桁じゃなく7桁ね

そこまでガチガチで8桁必要な入力部分がが7桁固定ってキチガイレベルだな

うむ実装を見直すべき

>>512
わかりました。
gif、flash、bgm、javascriptを勉強する時ときに食べる懐石料理
まで自作レベルになってみせます。

質問です

function hoge(){
var str="abc";
function foo(){alert(str)}//1
foo();//2
}
foo()を直接呼び出すとstrに値は入らず２の位置で呼び出すと値が入ります
１の位置からhoge.strにアクセスしたい場合はどうすればいいんでしょうか

>>592
既存の仕様に縛られてるって感じか。
とりあえずjQuery使ったコードだけどこんなんで。

<input type="text" maxlength="7" id="field_float">
<script type="text/javascript">
　$("#field_float").on("keyup", function(){
　　var value = $(this).val();
　　if(value.lastIndexOf(".") >= 5){
　　　$(this).attr("maxlength", 8);
　　}
　});
</script>

どこでどう直接呼び出されてるんだ？

>>598
なんかスコープがぐだぐだになってない？

>>600
すみません、わかりにくかったでしょうか
たとえば
<input type="button" onclick="hoge.foo()">
とすると値は入らず
<input type="button" onclick="hoge()">
とすると値が入ります

>>601
すみません、もう少しヒント下さい

その後の報告です
放っておいても自動で対戦を繰り返す状態まで組む事ができました
socketAPIについても理解が深まったので、もし興味がある方がいたら解説をupしたいと思うのでおっしゃってください

>>602
>>598のコードじゃhoge.foo()なんて呼び出し方できねーぞ

function hoge(){
var str="abc";
this.foo = function(){ alert(str) };
}
var boo = new hoge();
boo.foo();

こうやりたい訳？

>>602
<input type="button" onclick="hoge().foo()">
何がしたいのかさっぱりだがこういうこと？

>>605
は？

あれ？
当方Firefoxなんですが

<html>
<head>
<script type="text/javascript">
function hoge(){
function foo(){alert("foo()実行されてます")}
}
</script>
</head>
<body>
<input type="button" onclick="hoge.foo()" value="foo()">
</body>
</html>

これで普通にfoo()呼べるんですけど
むしろhoge().foo()にすると
hoge() has no propertiesってエラー吐かれるんですけど
おかしいんでしょうか？

クリックで二つの関数を同時に呼び出したいって事なんじゃないの？と解釈

>>607
どんだけ古いfirefox使ってるんだ・・？

598ですが自己解決しました
ここにはレキシカル変数というキーワードを知る方はいなかったのですね

帰宅
レキシカル変数だろ？
知っていたが出遅れた

それ以前の問題だったのに馬鹿なのか
極一部の環境でしか動かないコードのできあがりか

クロージャの話してたの？

元質みるとまんまクロージャの話だな

つかこの例の呼び出し方法なんて検証の手法にすぎないだろ
回答してた連中って質問者混乱させただけの気が

釣りでした

JSだけでMP3を再生させるプレイヤーをイチから作りたいと思ってるんですが、これに関して参考になるサイトとか知ってる方いませんか。

無理

JavaScriptだけでできることなんてほんと少ないよ
プラットフォームあってこそ

イチからってｗ

何もできないゼロのカスのくせにｗ

>>620
いえいえ、JSはもう5年ほどかいているので、ある程度できますよ。

5年やっててその質問かよ・・・

JSで音声合成やってる所あったが
それ応用してできんかね

5年やってるってよく言えるね
何やってたの？
alert()を連発するブラクラ専門？

HTMLでやれ

じゃあおまえらは何ができるんだよ
どうせしょぼいのしか作れないんだろ？ｗ

>>626
ゴミカスuyは引っ込んでろ

>>627
はいはい（）

MP3をブラウザが再生できる形式に変換するのが一番賢いと思う
MP3を現状の貧弱なノイズAPIで力技で再生するのは現実的じゃない

HTML5とかプラグインとかあるのに自作する意味が分からない

自作する意味ならあるな
MP3が出来るなら他の全てのフォーマットが再生出来るって事

プラグインは多くのブラウザで再生できるとは限らない（意味神）

JSでZIPファイルを作る変態もいるくらいだから
MP3のデコードと再生くらいできるさ

検索したら既にあるみたいじゃん
五年間も何やってたの？

htmlのmp3再生とかは別にいいんだが
カレンダー、アレはクッソいらねぇ。作ろうと思えば30分もかからんし、工夫して作る楽しみもねぇ

5な、html5

>>607 ってどういう環境で雨後汲んだ？

>>635
> 作ろうと思えば30分もかからんし

いやいやいや，6時間は掛かる。
ソースは俺。

カレンダーなんて、jQuery UIで瞬殺だろ

>>599
いろいろ試行錯誤重ねてもうまくできず
599さんのソースを試しにやってみたところ
それもうまく実行できませんでした。
わざわざソースを書いてくださったのに申し訳ございません。

>>638
モチロン簡単なのなら、だけど
htmlのtable使っちゃえばすぐに出来ちゃうと思うんだが

そりゃ慣れてる人なら簡単だが
htmlってjavascript使えないような人用にもあるわけで

ってそれ言ったらhtml5の存在意義が無くなっちまうか

>>626
オレはjavascriptとphpを使って非同期でファイルアップロードする
アップローダ作れるぜ

>>580
やってみたけど，最初から maxlength=8 にするのとかわらん。

var field = $("field");
field.addEventListener("focus", function() {
    this.setAttribute("maxlength", 8);
}, true);
field.addEventListener("change", function(e) {
    var value = this.value;
    
    if (value !== "" && !/^\d{1,5}(?:\.\d{1,2})?$/.test(value)) {
        alert("Invalid value");
        this.value = "";
        return;
    }
}, true);

あ，第三引数 true にしちゃぅｓちゃ

>>643
俺はjavascriptとphpとmysql使ってリアルタイムで更新するwebsocketを使ったpush型の
MMO作れるぜ

作品集は？

はいはい妄想妄想

俺はtgaファイルをブラウザで見たかったんで、canvas使ってビューアーをさくっと作ったぞ。

JavaScriptで大掛かりで凄いことするために
回答者に長く付き合ってもらうスレが今必要とされているようだな

お前には無理
の一言で済むのに何やってるんだか

亀だが>>598みてクロージャの話題だと見抜けない奴らが何で偉そうに回答者顔してるんだよ
こんなの即答ですむ質問だろうが

後出しじゃんけん乙

俺も>>652は後だしだと思うが
明らかに質問の肝と関係ない場所にケチ付けたり
質問者が自己解決しても本質はそこじゃないとか言い出すのは
質問スレにいる回答者として最低だと思った

>>598 みてクロージャの話題と考える奴は質問者と同じレベルなんだろうな。

つまらない質問には適当にしかレスされないのは仕方がない
解決出来ないのを質問者のせいにしても仕方がないし
自力で解決できたのなら回答者から聞いて分かったよりもいい結果だろう

ここは無料の掲示板なんだから
回答者は質問に義務的に答えてやるのではなく、短いやり取りで質問者とちょっとした人間関係を築いて
困って焦ってる質問者に「大丈夫解決できる」と思わせられれば十分だと思ってる

質問者が回答者の興味を引く質問をしてはじめてそのやり取りが始まる

>>654
んなのいつものことだろ

>>656
レスがつかない質問ならそれで正しいだろうが
明らかに質問読み込んで間違った方向に誘導してる場合は
実は興味なかったから適当にレスしといたんだは言い訳としても見苦しいだろ

質問を読み違えても謝らないゴミカス＝uy

>>658
お前は朝鮮人か。
読点の位置が間違ってるぞ。
岡崎洋三『日本語とテンの打ち方』を読め。

終わったことはどうでもいいだろ
もう質問者も見てないだろうし
ぐだぐだやっても今度から気をつけましょう以上の結論が得られるわけでもない

クロージャがどうのとか言ってるけどさ、
こんな質問は調べれば自分で解決できる問題であって
質問者が買ってでもすべき苦労じゃないの？

>>662
そこまで無理矢理に正当化しないと自分の精神衛生を保てないの？

>>661
俺のプロファイリングによると、質問者は戻ってきてるぞ。

つまりは自力本願、他人に期待するなということだな。
ここは行き詰まったときの気分転換として思いを書く日記帳くらいに思ったほうがいい。
質問してまともな回答が帰ってくるほど問題を整理できたのならすでに解決は近い。
荒れるのは結局は変なレスが付くスキがある質問をした質問者の過失だ。

setTimeout等で設定したタイマー郡の現在情報（あと何秒か等）はどうやったらわかりますか

>>666
setTimeoutした日時を保管しておいて、現在の日時と比較しなさい

HTML5のカレンダーってtype="date"のこと？

>>665
自力本願なんて言葉はありません

>>669
もうほっとけよ
自分の傷を自分で舐めるのに必死なんだから

>>663>>665
雑魚が2匹釣れた

662 自分：Name_Not_Found[sage] 投稿日：2012/07/02(月) 08:15:02.98 ID:???
クロージャがどうのとか言ってるけどさ、
^^^^^^^^^^
こんな質問は調べれば自分で解決できる問題であって
質問者が買ってでもすべき苦労じゃないの？
　　　　　　　　　　　　　　　　 ^^^^^^^^

他人を煽りたくて仕方ない人が常駐しているようですが、気にせずスルーした方がいいですよ。

釣りをしようとして自爆した馬鹿をスルーとかはありえないだろｗ


598Name_Not_Foundsage2012/07/01(日) 21:24:00.30 ID:???返信 (4)
>質問です
>
>function hoge(){
>var str="abc";
>function foo(){alert(str)}//1
>foo();//2
>}
>foo()を直接呼び出すとstrに値は入らず２の位置で呼び出すと値が入ります
>１の位置からhoge.strにアクセスしたい場合はどうすればいいんでしょうか

>>672=質問者

動かないソース張っといて
解決しましたドヤッ

JavaScriptってソース見放題だけど、その辺からコピペして使ってもいいの？
特にその辺何も書いてないんだけど、常識的にどこまでOK？

Webの絵って見放題だけど、その辺からコピペして使っていいと思うの？
特にその辺何も書いてなくても、常識的にどこまでOKかわからん？

絵とソースは違うでしょうに

何をコピーするか詳しく

Web上の文章を丸々コピーしてもいいの？
特にその辺何も書いてなくても、常識的にどこまでOKかわからん？

絵とソースが違うという認識が間違い。著作権は同じ。

本屋の本は自由に読めるが
勝手にコピーしていいとでも？

>>680
ライセンスを読みなさい。
ライセンスが明示されてなければ制作者本人に問い合わせなさい。

絵は芸術性があるけど、コードは同じ処理書いたら誰でも同じようになるじゃん？
そういうのはコピペして使ってもいい気がするんだけど
どうなのかなーと
丸々コピペは多分できない、違うサイトだと必ず書き換える部分があるだろうし

コードは高度な芸術だっ！

ライセンスも制作者も書いてなかったらどうすんだ
制作を外に委託してたら運営にもわからんだろ
それにそのソース自体どこかからの流用ということも十分あり得る、それだとさらに追跡困難

>>686
そういう場合は基本NGと思っておくべき。
「ライセンスが書いてない===無断コピーOK」ではないからね。
本人のあずかり知らぬところでコピーして後で訴えられても仕方がない。

>>684
誰が書いても同じようになる処理・絵に著作権は無い
つまり同じ

そもそも、誰が書いても同じコードになる処理なんてある？
その前提がおかしい気がする

じゃあ誰が書いても同じような処理を、皆さん１から手で書いてるんですか？
実際その辺どうなのかなーと、気になったので

>>686
> それにそのソース自体どこかからの流用ということも十分あり得る、それだとさらに追跡困難
だからこそライセンスを確認する必要があるだろ
ライセンス書いてなかったらコピーしない方が無難
ライセンス書いてあって流用されていたら、それは流用した側の責任なんだからライセンスを守っている限りは気にする必要はない

最近、著作権を管理する団体がJavaScriptの著作権を侵害してたはず

>>690
> じゃあ誰が書いても同じような処理を、皆さん１から手で書いてるんですか？
具体的に何のコードを指しているわけ？
全く同じになるコードなんてそうそう無いと思うけど

>>690
コピペするか？とコードに著作権はあるのか？は別の話。両方Yes。

というか、「無断盗用する可能性があるから無断コピーしていい」っていうのは論理のすり替えだよね

日本の著作権法では何もしなくても著作権が発生する
ライセンスが明示されていなければ複製権も与えられない
つまり、コピーしてはいけない

例えば、IE対策なんかはだいたい皆同じようなことしますよね
例えばそういうちょっとした処理です
複雑な処理は誰が書いても同じにはならないと思います

誰が書いても同じようになる処理に著作権は無いと何度言ったら・・

>>697
だから具体的にコードを示せ、と何度言わせる気なんだ
IE対策といって全ての人が同じコードを思い浮かべると思ってるわけ？

>669
のうクラ乙

>>699
ナオシフトって、もうおっさんしか知らないのかな…

「JSでポップアップウィンドウを開く」
っていう処理って誰が書いても

window.open( url , param );

になると思わない？
これって、一時期特許だったんだぜ

JavaScriptの著作権侵害は、ジャスラックのお墨付き。
ジャスラック的には、侵害がバレたら訂正すればいいんだし。

誰が書いても同じようになる処理に著作権は無いと何度言ったら・・

>>701
なぜ特許の話になってるんだよ…

jQuery呼び出してるだけの処理とか
誰が書いても同じになるんじゃね？

カスラックのお墨付き

>>704
最後蛇足だったごめん
権利絡みで、誰でも思いつく同じコードって例で書いた

>>705
こういうコード？
http://api.jquery.com/jQuery/#jQuery3
こんなコードの断片にいちいち著作権が発生するわけない。
著作権が発生するためには独創性がなければならない。
公知のコードに独創性はない。故に特許も申請できない。
というか、そもそもjQuery作者が使用することを推奨しているコードじゃないか。
著作権者(jQuery作者)が認めているコードを使って著作権侵害になるはずがない。

独創性がないソフトはいくらでもある

まあ実際、あちこちからのコピペで作るよね

自分で作ったものもさいりよするのが普通

確かにコピペで作るような人はこのスレ的にはお呼びでないかな

>>711
さいりよ→再利用

毎回ゼロから書く人とかいないだろう
再利用できるように書くし

毎回０から書くな
JavaScriptはあくまで趣味だから
別に同じような事やらないし

誰が書いても同じようになるコードに著作権は無いと何度言ったら・

スレチ

誰が書いても同じようになるコードって誰が判定する？
著作権にそんなルールはないぞ

>>717
著作権は親告罪だから最終的な判断は法廷で判定じゃね？
そもそもの著作権の定義上 創作的な物である必要があり
誰が描いても同じな絵や図みたいな物は著作物と見なされないんだよ
プログラムで言えば単純な命令やアルゴリズム等も含まれる

著作権が発生するか発生しないかは問題じゃなくない？
コピーが許されてない物をコピペするかしないかでしょ
魚はムカついて殺しても法律的にＯＫ、鳥はダメよみたいな話は嫌いだな

お犬様

コピーが許されてるかどうかの議論じゃね？

法的に許されそうなのか、著作者に許されそうなのか、の話だろ。

>>718
> そもそもの著作権の定義上 創作的な物である必要があり
> 誰が描いても同じな絵や図みたいな物は著作物と見なされないんだよ
それは知らなかった…
勉強になった、thx!

>>719
著作物と認められなければコピーフリーとなるから無関係ではないはず

>719
法律は置いといて人としてどうかのながれだろ
知恵遅れは出しゃばるなって

法的に問題なければいくらコピペでも問題無いだろ
置いといて話が出来るわけがない

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

著作権がどうとかそういうのはLLスレでやってくれ

法的に問題なくとも作者達にに嫌な思いをさせると結果自分に帰ってくるだけ。

>>580
もう解決したかも知れないが
設計者に無理だと言って設計を変えてもらった方が良い
エンドユーザも普通はすぐに分かってくれる

>>729
同意
7文字しか入れられないところに8文字入れろというのは異常

入れなくても上から被せればいいだけ
頭使おうぜ

スマホとPCを振り分けたいけど
テンプレートだけ切り替えててURLが同じの場合
location.hrefには何を入れればいいの？

<script type="text/javascript">
//<![CDATA[
if (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('Android') > 0){
location.href = '';
}
//]]>
</script>

>>732
locotion.href は何もする必要がない

テンプレートの切り替えとやらを何でやってるんだ？
CSSセットで済むならCSS変えればいいだけ
JavaScriptでDOM操作でかえんならそうすればいいだけ
ただサーバ側で出力してんならクライアントでどうこうなる問題じゃない

テンプレートが何を指すか具体的に

htaccessは使えないのか？

>>732
そもそもif文が不要だわｗ

スマホの定義が曖昧の中自動で振り分けるとか正直ユーザーにとって不利益にしかならない

どっちにしろJavaScriptで振り分けるようなもんじゃないだろう
ていうかパラメータ渡さないで同じURLで別々のとか厳しいだろ
JavaScriptでゴリゴリ書いてるんならあれだけど

おなじURLでなんとかしちゃろうと
画面の幅でCSSを振り分けるJS書いたけど、正直ちょっと後悔してる
やっぱ全く同じHTMLでCSSだけ変えても
スマホだとサイトみづらい

スマホつかってる奴はそういうの覚悟してるから
変に振り分けとかされると逆に迷惑だったりする場合があるよ

スマホの場合HTMLの構造自体を変えなきゃならないから
大抵phpでやっちゃってるな
javascriptでもいいけど、javascriptだとスマホってハッキリ分けられるか？

URLを同じにする意味あるんかいな
スマホだってPC用サイトにアクセスしたいしその選択排除するのは感心せぬな
htaccessで振り分けてしまうのがベター

いや、htaccessで分けるのは世に出てるブラウザが入ってる携帯端末のUAすべて網羅してない限りワーストだと思う
ユーザーが切り替えるの困難だし
ベストは別のサイトにすること
次にJavaScript等で画面サイズや画素数等をもとに振り分ける事

同一HTMLでスクリーンサイズに応じてレイアウトを変えるぐらいなら、
CSSのメディアクエリで出来ますよ。
メディアクエリ非対応なIEとかはそれ用のJSのライブラリ挟むだけでいけます。

元春レディオショー始まるよー

>>743
むしろURL別けてるサイトは糞だと思う

スマホでPC版にアクセスしたい場合だってある

そうなんだよな
下手に振り分けられると迷惑だ

PC用のレイアウト、字は小さいわ、幅は広いわ
見づらいじゃん

>>750
お前の作り方が下手糞なだけ

>>750
拡大してみるから問題ないだろ

振り分けた後で自由に行き来できるリンク張っとけばいいだろ

アップルはダブルタップでズームしたサイズを基準にした
グリッドシステムでデザインしてるんだっけか？
縦スクロールした時に、横にずれちゃうのは確かにストレスだとは思う

盛大にスレ違いすまん

CSSじゃあ画素数でしか切り替えられないだろ
それはさすがに適当すぎるしJavaScriptよりきちんと対応される可能性が薄い

これからいろんな物にブラウザが搭載されていくんだから
CSSでの対処じゃあ気休めにしかならない

どうしても勝手に振り分けたいのなら
個々の製品の特徴をもっと掴んで振り分けないとダメ

例えば、formName 上に cb1〜cbNまでのチェックボックスが配置されているとき
if(document.formName.cb1.checked) ... 等各チェックボックスの状態を調べなければなりません。
このとき、document.formName.cb1〜cbNの部分ずらーっと並べるのはあまりにあまりなので、
ループ等で記述したいわけですが、どのような表現（記述）がjavascriptとして標準的なのでしょうか？

>>756
name属性以外に識別する方法がなければ

var cb = [];
var name = ['cb1','cb2',…,'cbN'];
for(var i=0,l=name.length ; i++){
　　cb.push(document.getElementsByName(name[i]));
}

とするかもしれないし
nameに規則性があって数が少なければ

var input = document.getElementsByTagName('input');
for(var i=0,l=input.length ; i++){
　　if(/nameの正規表現/.test(input[i].name)) cb.push(input[i]);
}

とするかもしれないし、querySelectorを使うかもしれない

あと、現在のチェック状況を格納する配列か数列を作っておいて
目的のinput要素を漁った時に、onchangeでそれを更新するようにaddEventListenerすると思う

書き忘れましたが
これが標準的かと言われると自信はないです

>>757
ありがとうございました。

>>756
foo.bar が foo['bar'] と同意だということがわかれば、おのずと解決できると思う。
もちろん >>757 でいいんだが、document.formName〜 の形式を使うとすればの話で。

タブ切り替えページの中にページ内リンクで移動するとき
スクロール位置が見当違いの場所にいってしまいます。

少し説明が難しいのですが
http://blog.sen-i.jp/javascript/tabcontents-page-in-link.html
このサイトで説明しているような問題です。
結局↑のサイトでも解決しなかったようで、お手上げ状態です。

何かうまいやり方はありますか

>>761
上からスクロールして、此処というところでユーザにキーをプッシュしてもって、
そこでスクロールを止めればいい。

var target_id="test";
function targetChange(id){
　// target_idを変更したい
}
function targetConfirm(){
　alert(target_id);
}

// HTML側
<input type="button" value="変更" onclick="targetChange('hoge');">
このボタンを押してグローバル変数の値を変更したいのですが、変更されません。
どのように記述したら変更できるのでしょうか？

どのようにって、まんまじゃん。
まさか変数内容変更のやりかたすら解からんということ？

>>763
そこは代入しろよｗ

>>763
まず、うまくいかなかったコードを書いてみて
そうすれば、間違い・勘違いを指摘出きるし
その後、回答者達が質問者そっちのけで、スコープの話題にうつつを抜かせるから

>>766
上手く行かなかったコードが>>763じゃね？

たぶん、グローバル変数にしなければ解決すると思うよ

> たぶん、グローバル変数にしなければ解決すると思うよ
> たぶん、グローバル変数にしなければ解決すると思うよ
> たぶん、グローバル変数にしなければ解決すると思うよ
> たぶん、グローバル変数にしなければ解決すると思うよ
> たぶん、グローバル変数にしなければ解決すると思うよ

また初心者が頓珍漢なアドバイスしてるのかよｗｗｗ

グローバル変数以前に
// target_idを変更したい
この部分をめっちゃくちゃなりに、ヘッタクソでいいから書いて欲しい

target_id=id

そもそもtarget_idってグローバル変数じゃなくね？

そもそもJavaScriptでグローバル変数を定義できるのか

>>772
グローバル変数以外の何ものでもないだろｗ

とんちのような回答が続きますね＾＾

target_idと書いても実体はwindow.target_id

新規回答者はそろそろ釣り質問に慣れてほしいな。

<link rel="stylesheet" type="text/css" href="resource/lightbox.css" media="screen,tv">
<script type="text/JavaScript"><!--
function require(src){
var element=document.createElement('script');
element.type='text/javascript';
element.src=src;
document.getElementsByTagName('head')[0].appendChild(element);
}
if(
navigator.userAgent.indexOf("DoCoMo") == -1 &&
navigator.userAgent.indexOf("KDDI") == -1 &&
navigator.userAgent.indexOf("Vodafone") == -1 &&
navigator.userAgent.indexOf("SoftBank") == -1
){
require('resource/lightbox_plus.js');
}
//--></script>
<!--ページ部分-->
<a href="001.jpg" rel="lightbox[hitohira]"> <img src="001.jpg" alt="クリックで拡大" height="120" width="160"></a>

こう書いたんですがIE８、Chrome、Firefox10（Linux）では動くんですが、Firefox13（Windows）のみ動きません。
Firefox13でもサーバーに上げなければ動きます。
試しに　<!DOCTYPE HTML部分　を消してみましたが無理でした。

やはり、サーバー側の問題が可能性大でしょうか？

>>778
サーバ側の問題かどうかは、ブラウザで「ソースを見る」で確認して壊れてなければ
いいわけでしょ。あとは
(1)エラーが出ていないか確認する
(2)if分を一時的にやめて常にrequireを呼んでみる
(3)もっと簡単なalert出すだけのjsファイルを置いてrequireしてみる
(4)jsファイルの置き場所を別ディレクトリじゃなくHTMLと同一にしてみる
とかやって原因を切り分けていかないと。

>>778
問題の切り分けもできないなら無理

>>779

> (1)エラーが出ていないか確認する
firebugで確認しましてエラー表示無し　

> (2)if分を一時的にやめて常にrequireを呼んでみる
if（）部分を削除　動かず

> (3)もっと簡単なalert出すだけのjsファイルを置いてrequireしてみる
if（）部分を削除したままで更新日を表示する外部ｊｓ作成、動かず。直で記入動く

> (4)jsファイルの置き場所を別ディレクトリじゃなくHTMLと同一にしてみる
動かず。

ちなみに、
<script type="text/javascript" charset="UTF-8" src="
で動きました。（フルパス＆相対パス）共に。

ifの最後に &&navigator.userAgent.indexOf("Firefox")を追加してみる>>>動かず

reruireがfirefoxで動かないようなのですが、謎です。

firebugのネットのタブで読み込めているか調べてみて。
あと、HTMLタブで想定通り script タグが追加されているかどうか。

require という名前を変えてみるとか。

>>778のコード + Firefox13portable + fc2で正常動作を確認
サーバーの可能性が高いか？

>>782

> firebugのネットのタブで読み込めているか調べてみて。
ｈｔｍ　304 Not Modified　　31ｍｓ
css　 304 Not Modified　　16ｍｓ
ｊｓ　　 304 Not Modified　　16ｍｓ

> あと、HTMLタブで想定通り script タグが追加されているかどうか。
こちらは変化なく追加されているようです。lightbox_plus.jsの中まで見れているようです。

一応、ブラウザーで表示される見た目はIEと変化ありませんが。
lightbox_plus.jsが動きません、、、
ローカルでは動くのですが。

試しにrequireで読み込むｊｓファイルをフルパス（サーバー上のｊｓ）にして、HTMLをローカルで読み込みましたが動かず。

PluginとかExtensionが原因だったりして

>>786
色々考えたのですが、
WIN７　Vista　Xpそれぞれのハード４台のFirefox13で試してみましたが。どれも動かず。
もしやfirefoxのAddonかなと思いアドオン無効し再起動で動かず。

サーバーにUPした時はFirefox7あたりだったと思いますが。問題なく動いてたんですが、、、

>>787は778です

requireは、独自関数？

>>789
見りゃ分かるだろ

ここのコードの流用か
http://logic.moo.jp/memo.php/archive/517/

その程度のコードに流用も糞もあるか

この程度なら、だれが書いても同じようなコードになるわな

このコードにも著作権がある

その程度のコードに流用も糞もあるか

誰がかいても同じになるコードに著作権は発生しない

著作権は、コードを書いた時点で自動的に発生する！

>>791
そこも別のサイトのを引用してんじゃん

何が何でも引用禁止ですって

糞なコード書く奴に限って著作権がって言い出すんだよ

「ゆるキャラ」の文字について著作権を主張する

同僚「休日何してた」
オレ「JS(Javascript)の勉強してた」
同僚「女子小学生(JS)とかキメーwwwww」

JavaScriptをJSとか言う奴は確かにキモイ

裸のJSを創造して以下省略

普通だろ
JS使ってる人間100人に聞いたら95人は普通って言うレベル
こんなクソ長い名前の言語も珍しいよな

え？たった３音節だよ

>>787
jsfiddleに乗っけてみた。

http://jsfiddle.net/6bW6R/

アニメーションgifとかは読み込めないので、見栄えは違うけど、だいたい動く。
…って、たしかに firefoxでは意図した通りに動かないね。なんでだろう。

applyに関する質問です。

メソッドチェーンさせたいのでa.push("test")の返り値をa自体にしたく
Array.prototype.my_push = function(x) { this.push(x); return this;}; としました。
単体ではうまく動くのですが、applyを使った時うまくうごきません。

var a = ['a','b','c'];
var b = [1,2,3];

// まずは通常版を試すと a = ['a','b','c', 1, 2, 3]; が返る これが望んでいる返り値です。
Array.prototype.push.apply(a,b);
return a;

// my_pushを使った下のコードでは a = ['a', 'b', 'c', 1]が返ってきます。何故なのでしょうか、
// 希望の動作をするにはどうすればよいでしょうか？お教え下さい。
return Array.prototype.my_push.apply(a,b);

>>808
>Array.prototype.my_push = function(x) { this.push(x); return this;}; としました。
>単体ではうまく動くのですが、applyを使った時うまくうごきません。

はたして、うまく動いているの?
Array.prototype.push()が複数引数を受け入れるようにmy_push()も複数引数を受け入れられるように作ってある？
['a','b','c',].my_push(1,2,3)の時正しく動いてる？
ヒント>arguments

>>807
バグなんかねー。
require() の後に alert() で時間を取ると動く。

if (...) {
require('http://serennz.sakura.ne.jp/toybox/lightbox/resource/lightbox_plus_min.js');
alert("foo");;
}

setTimeout() で alert() をキューに移すとやはり駄目。

if (...) {
require('http://serennz.sakura.ne.jp/toybox/lightbox/resource/lightbox_plus_min.js');
setTimeout(function() { alert("foo"); }, 0);
}

>>808
call を使う。

>call を使う。

ごめん、これは無視…

7音節です

Array.prototype.my_push = function(){
　　this.push.apply(this,arguments);
　　return this;
};

こうけ？

>>808
破壊的は要件に含まれてないようなので apply で代用できませんか？

>>809,810,813,814
my_pushを可変長に対応させる必要があったのですね。
my_push.apply(this, [1,2,3])すれば,my_push(1).my_push(2).my_push(3)に展開されるという全く意味不明な思い込みをしていました。
>>814 非破壊ならa.concat(b)で出来たのですがmy_push.applyがうまく動かない理由を知りたかった所でした。
813さんよろしくArray.prototype.my_push = function() { this.push.apply(this, arguments); return this;};でうまくうごくようになりました。
皆さんレスありがとうございました。

>>810
alert()確認しました。
動きました。
毎回ページを開くたびにalert()はどうかと思い、
時間を取る方法を、色々やってみましたが上手くいかず、、、
もうちょっと考えてみます。

いまWebアプリ版の2chブラウザというものを作っているのですが、レスの多段ポップアップがうまく作れません。
多段ポップアップで、新しいポップアップへマウスオーバーすると、その下のポップアップが消えてしまいます。
下のポップアップが消えない仕組みを考えていたのですが、良いアイデアが浮かびませんでした。
使っているライブラリはjQueryですが、質問スレという事でこちらで質問させて下さい。

具体的には

80 Name_Not_Found 2012/07/07(土) 01:00:00
test1

90 Name_Not_Found 2012/07/07(土) 02:00:00
>>80
test2

100 Name_Not_Found 2012/07/07(土) 03:00:00
>>90
test3

というレスがあった場合、>>90をマウスオーバーするとポップアップが作っていますが、さらにその中の>>80から
新しいポップアップを作りそれをマウスオーバーすると、下のポップアップが消えてしまいます。

消えるのは、ポップアップエレメントでmouseleave(jQueryのイベントで、イベントバブリングしないmouseoutと
考えて下さい)した時に(0.5秒後に)エレメントを消しているためですが、要件としてmouseleaveした時は
ポップエレメントを消すようにしたいので、一段の場合は良いのですが多段ポップアップの場合にうまく整合性が取れません。

続きます。

実装中のサイトは http://wa2ch.net/ です。
このスレでいうと、左の板一覧から[ネット関係]->[Web制作]->[+ JavaScript の質問用スレッド vol.101 +]を探してもらい、
(通信関連にまだバグがあります。スレを取得出来ない場合は右上の緑のリロードアイコンをクリックして下さい)
例えば >>807 をマウスオーバーした後、ポップアップの中の >>787 をマウスーオーバーし、
出来た新しいポップアップをマウスオーバーすると先の下のポップアップが(mouseleaveしたため)消えてしまいます。

ポップアップを作ったり消したりしている箇所は/js/thread.jpの340-435行目になります。
多段ポップアップを実現するための良いアイデアをいただけると助かります。
よろしくおねがいします。

>>816
原因はおそらく分かた。

createElement("script") して、動的に script を追加した場合、
残りの処理 (HTML の parse など) はブロックされずに進行する (仕様)。

lightbox_plus では Firefox (Gecko) に対して、DOMContentLoaded
イベントを利用してるから、動的に script を追加した場合、
script をネットワーク越しにダウンロードして実行する前に
DOMContentLoaded イベントが終わってしまってる。

はじめから script タグとして記述した場合は (<script src="..."></script>)、
そこで HTML の parse は一旦停止して、script に処理が移るから、
script 実行後に DOMContentLoaded が呼ばれて正常動作する。

alert() で処理を止めた場合に正常動作するのもおそらく同じ理屈。
alert() を表示して HTML の parse を止めている間に、追加した
script を読み込んで処理してるから動く。

簡単で確実な対処法は、>>781 で試している通り、性的に読み込む (*^_^*)

>>818
イベントはポップアップエレメントとやらの親で十分。
作った子はスタックにでも積んどいて適当に削除すればいい。jQueryでやるなら難しくないだろ。

>>819
scriptタグのonloadで、そのDOMContentLoadedが呼んでる関数を呼んでみるとか?
2回呼んだら駄目なものなら、工夫(改造)が必要だろうけど。

>>820
ありがとうございます。
もう少し具体的に教えてもらえると助かります。すいません。
要はポップアップのリストを保持しておいて、mouseleaveが発生した時にどのポップアップエレメントを消すか
決めるするといった感じでしょうか。
ポップアップのリストは今も一応あって、ポップアップを作るたびに追加してるんですが(/js/thread.js 295行目)
活用の仕方が思い浮かびませんでした。

>>822
ポップアップが自分の親と子をわかっていれば良いと思うの

>>822

親.on('mouseleave', 'dl.popup_res_list', function () {
if (this === リスト末尾DOM要素) リスト、DOM木から削除;
});

mouseleaveで削除ならこんな感じ。リストは配列でいいんじゃないか？
てか、他人が書いたのか？

>>823-824
ありがとうございます。ちょうど>>824さんみたいに、消すポップアップエレメントが最後のものか判定する
やり方でやってみて、一応多段ポップアップが出来るようになりました。
アンカーの真上に強制的にポップアップを重ねるようにしてしまいましたが。

ブラウザでスーパーリロードしてもらえると確認してもらえると思います。http://wa2ch.net/
自分で作ってるんですが、作ってる途中でだいぶ頭がこんがらがってしまって…。
ここはもう少し作り込んでみます。ありがとうございました。

>>825
予想通りの実装になっててワロタ。
ポップアップから完全にカーソルはずしても親が残ってしまうよね。
ググって探す方が有意義。

すでにそういう実装してる2chログサイトいっぱいあるんだから
そこからパクってくりゃいいのに・・・

>>819
なるほどと思い。
requireの行を消してlightbox_plus.jsの中身を直接記入してみましたが、動きました。

>>778のようにしたのは、ガラパ携帯で見た時、重くさせない様にと考えていたので、
静的に全て読み込ませなくなってしまったのは少し残念です。

レスいただいた皆さんありがとうございました。

>>828
そこまでわかったのであれば自分でlightboxを初期化すればいいと思うけどね。
lightboxは単に、ユーザの便宜を考えて自動的に初期化するようになってるだけで
こっちが任意に初期化できないことはないわけでしょ。

lightbox_plus.jsの末尾で、初期化のための関数を
ページロード時のイベントに登録してるわけじゃん。
Spica.Event.run(function() { var lightbox = new Lightbox({...}); });
この無名関数(というかnew LightBox())を任意のタイミングで実行すればいいんだよ。

もしくは100%動的に読み込むなら、イベントをセットするまでもなく
new LightBox({...}); //　即実行
でいい理屈(ブラウザの違いも関係なくなる)

javascriptの勉強を始めたのですが、ブラウザでの確認作業というのが面倒過ぎます。
たとえばRubyのirbみたいに、コンソールでコマンド打って即出力を確認できるようなツールは無いでしょうか？

ブラウザにコンソール付いてる

>>830
ブラウザ組み込み以外の処理系があるよ。

>>830
テンプレ嫁

くっそー役立たずどもめ

愚か者め
IE、火狐、クローム、オペラ、サファリで確認した後
さらにIE8でも確認するのが俺の流儀

>>830
消えろクズ

>>835
井の中の蛙め
俺の会社なんてIE6のチェックまで念入りにやってるんだぜ

なんたって会社のPCはIE6がデフォだからなぁ！！

>>837
井の中の蛙め
俺の会社なんてケツの穴のチェックまで念入りにやってるんだぜ

なんたって会社はホモがデフォだからなぁ！！

IE6から確認するのは、よほどのゴミサイトで無い限り普通だろ
適当サイトならIE7からでもいいかなぁと思うけど。
とはいえIE6とIE7のシェアは現状それほど変わらないからIE7だけカバーするのは実は大した意味が無い。

IE6サポート厨

もういい加減IE6は絶滅したんじゃねえの？

>>837がいる限りIE6は滅びぬ

>>841
受注のweb屋やってるとIE6使ってる奴から「ちゃんと見れないんだけど！！」って文句がくる

>>841
なんでそう思うのか理由を述べよ
おめでてーおつむだなｗ

>>844
自分で考えろゴミカス

IE8ですら負の遺産と言われ、IE8撲滅運動なるものがあるのに
IE6が一定数いるなんて俺はモーレツに悲しい

まぁIE9も十分ウンチなんだけどね

マジでアホだらけだ・・・
IE6でもIE9でもjavascriptの挙動はほとんど変わらんっつーの
そういうバージョン気にするのはCSSの話だろ。

IE6は日本では一般用途ではすでに絶滅してる
今乗ってるのは学校とか官公庁とかシステム更新が遅れてるやつだけ
P2Pとか2chとかブロックされるレベルのそんなやつら対象にしないしどうでもいいだろ

CSSの変化ってJavascriptでめっちゃ重要じゃね？

IE9はDOMがだいぶ改善されてる

IE9と同等のパッチをなぜIE7とIE8に対しても当てないのか理解に苦しむ

うそん
IE9ってまだJScriptなの？

IEは自称ブラウザ

>>853
あれは「MS Update専用アプリ」だな
それと、今どきIEでしか見れないような糞サイト専用ブラウザ

それ以外にとっては、ダニにも劣る存在

>>854
激しくオタクっぽいｗ

MSDN ビューアと呼べ。

俺もIE6を下限として確認するのが常だけど、
動かないし表示崩れがひどいって言われて確認したら
先方がIE5で戦慄したということがあったな、つい去年の話ｗ

IE4だか5にはイースターエッグがあったな

5.5はスタッフロールだっけ？ｗ

http://www.ie6countdown.com/
久々に見たらJapan 4.9%って順調に下がってるのかこれ

別に下がることを望む必要なくない？
使い続けてる強い理由があるんだろうし
それで文句言われるような仕事ならやめちまえ

自分はホムペガチで普段Chromeベータでしか確認してないしつい最強カナリアに変えた

古いブラウザに気を配るくらいならたまにやるけど
tryEval使って最新の構文も入れてみる方が趣がある

誰かが
http://www.iecountdown.com/
を作ってIE全体のお葬式をやって欲しい

javascriptやブラウザ的には今のバランス感覚がちょうどいいと思うけど
あまりに寡占になるっても成長が阻害されると思うし
暴走して独自仕様が増えるかもしれない
そういう意味で古いieは進化に程よいブレーキをかけて皆をまとめてくれてると思う
結局何事も実際のところそういうもんだよ

>>860
システムにインストールされてるのが5％ってだけで
アクセス解析ではほぼ絶滅してるしもうそれ下限でしょう
日本の場合それ以上下がらないのでは・・・

ダウンローダーやロボットやプロキシではie6を名乗るのが作法

>>865
おれIE10名乗ってるわー

ie対策とかconfirm出して公式ダウンロードURLに飛ばすのでもう本当にいいと思うけど

過剰に対策するのもどうぞ安心してお使い下さいと言ってるようなものだもんな

youtubeみたいにきっぱりサポート外と出すべき

もちろん最低限の情報はJS,CSS無しでも見れないといけないが

Blobを生産元同一と見るかについてブラウザ間で差異がありますが
これはどちらに統一される流れなのでしょうか

ん？それを答えて俺らび何の得があるの？

俺らび？

俺ラビットじゃねえし

俺等ビットじゃねーし

質問させてください。
今XMLを読み込もうとしているところなのですが、nullが返ってきてしまいます。
どこが間違っているのかご指摘お願いします。

test.xml
<Information>
<perspon>
<NAME>私</NAME>
<ADDRESS>北海道</ADDRESS>
</person>
<perspon>
<NAME>あなた</NAME>
<ADDRESS>沖縄</ADDRESS>
</person>
</Information>

test.js
var xmlHttpReq = new XMLHttpRequest();
xmlHttpReq.open("GET","test.xml",true);
xmlHttpReq.send();
var doc = xmlHttpReq.responseXML;
alert(doc);

sendは通信なので一瞬では終わらない

試した環境は？ IE使ってるってオチ？

>>874
ありがとうございます。
xmlHttpReq.onreadystatechange = function() {
if (xmlHttpReq.readyState==4 && xmlHttpReq.status == 200) {
var resultStr = "";
var doc = xmlHttpReq.responseXML;
alert(doc);
}
}
を追加してみたのですが、特に何も起きませんでした…。


>>875
firefoxを使っています。

ローカルだとstatusの値が違うが、ちゃんとうｐしてる？
if分の外側でalertで色々値調べるなりしてみた？

うん前進したね

まぁローカルでテストしてるというオチなんだろう

ttp://www.kawa.net/works/ajax/ajaxcom/ajaxcom.html
この1行コメント掲示板に文字数制限とかアクセス制限を追加することは
ここにいる人間なら可能ですか？

可能なんじゃないの　見てないけど

はい釣り質問来ました。暇な人はどうぞ。

釣りじゃないです
もしやってくれるならお金払ってもいいくらいには本気です
なんでこういう掲示板でスパム対策無しなのかが分からない

自分で入れないの？
アクセス制限は中身見てないからわからないが、文字数制限くらいすぐ実装できるだろ

文字数制限はJSかHTML側でやればいいし、
アクセス制限はサーバ側でやればいいだけでしょ。

>>880
可能
不可能である理由がない

コードは書かないけどお金はほしい

契約する前にコード書いたら負けだと思う

納品する前にコード書いたら負けだと思う

コードを書くような仕事をしてる時点で

お前も書けるようになってみなよ、稼げるぜ

コード？ソースプログラムのことか？
コードを書くのは執事に任せているよ
ハハハ

コードも書ける 高度な執事 か

>>889
泣きながら客先コーディングｗｗ

執事の名前は牧枝野かセバスチャンで

function aaaaa ( bbb . ccc , ddd . eee){

というように引数を○○.??　の形にすると　missing ) after formal parameters　エラーがでます。
矢印はドットの後に出ているのですが、どう直せば良いのでしょうか？
環境はfirefoxです。

ドットは使えない
以上

>>896
大きな勘違いをしていました。ありがとうございました。

function costmer(){
doc = "aaa";
costmer.prototype = {data:doc};
}

function Main(){
var test = new coutmer();
var test2 = new shops(test.data);
}

shops(data){
this.data=data;
}

shopsにtest.dataを渡したいのですが、上記のように書いてもダメでした。どうすればいいのでしょうか？

costmer.prototype.data = doc;

色々おかしくて茶でへそが沸くわ

継承の意味がわからんのだろうな

えーもう900! 大規模でないテンプレ変更提案あればどぞ。

※必ず「問題の事象が再現されること」を確認してください。
これもっと強調できんかな・・

継承について勉強し直さないと大変なことになるぞ










と警鐘を鳴らす

※必ずや「問題の事象が再現されること」をば確認してください。

※可及的速やかに「問題の事象が再現されること」を確認せられたし

GoogleMapsの座標指定に.textContentは使えない？

>>903
人に質問するために、問題の最小サンプル作る課程で
原因が分かるってのは、よくあることだからなー
ぜひ質問者にも実践してもらいたいですな！

それデバッグやし。

だから？デバッグにもなるから良いって事だろ

せやな

せやろ

せやけどチャウチャウちゃうんちゃう？

回答者のくせに生意気な奴が多いな。
質問者は分からないから質問をする。
再現性の確認ぐらいは回答者がやれ。

そうだね ^^

指定要素の範囲外でクリックがあったときにある動作をさせたいのですが、
単純にbodyにクリックイベントをしかけてしまうと、
その指定要素上でもクリックイベントを拾ってしまい、
うまく動作させることが出来ません。

指定要素の範囲外をクリックしたときに動作させるには、
どのような構文を書けばよいのでしょうか？
アドバイスよろしくお願いします。

jQueryはライセンスが糞うざいので使いたくありません。

指定要素上のクリックでフラグを立てておき
bodyのクリックでフラグを参照＆リセット

なるほど
それもいいですね
ありがとうございました。

さっき方法が思いついて、
クリックイベントが発生した要素を取得して、その要素が指定要素だったら処理させないっていう方法を
思いつきました。

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

>>914
別にここのやり方が気に食わなければよそで質問すればいい。
100スレの間これでやってきてるので。

俺の質問に答えさせてやってるんだぞ
回答者どもよ有難く思え

夏にはちょっと早いな

もう暑いからな

JavaScriptがわからない人と質問の仕方がわからない人はまるで違う

別にいいじゃん。答えたくなくなるような質問はただスルーされるだけだから。

いや、そういう質問が多くなると
ちょっと口下手な質問者まで釣りかと思ってしまわれるようになるからダメ

後出し質問する質問者はクズ

テンプレに注意事項ばっか貼っても荒れたスレだなと思われるだけの効果しかない

それよりも>>1に落ち着くような詩でも貼ったほうが趣がないか

>>927
死ねカス

【テンプレ案】

国破山河在
城春草木深

ともかく、直したいなら直したいレスの代替案を作って貼ってほしい。後出し禁止、賛成。

>>930のように仕切らないこと
もテンプレに明記しといてくれ

実社会でつまはじきされてる奴に限って
こんなところで仕切りたがるからなｗ

この仕切り屋は毎回しゃしゃり出てくるよな

しかし専門板自体人が少ないから分けると勢いなくなるから仕方が無いが
Javascriptの幅広がりすぎだよなぁ、そろそろwebsocket辺りの質問きそう

一回来てなかったか？

マジか
そろそろ格好よく質問に答える為＆ついでに俺のビルドアップの為に覚えるか

>>936
チンコは全くビルドアップしないくせに

専用のスレが無いのでここで聞きたいんですが、
ヤフーの地図APIの商用利用について聞いてもいいですか？

なぜYahooに聞かないのか

ヤフーに聞いたらWEBデベロッパーの質問は受け付けてませんって言われました。
ヤフーグループのコミュニティを利用して、
そこでユーザ内で議論して解決してくださいとのこと。
でもコミュニティ自体参加人数が少なく廃れていて、
ほとんど議論が交わされていません。
当然質問しても返信ありませんでした。

jQueryでtop値をいじる方法を教えて下さい
#wrap{
position: relative;
top: 630px;}

もうここまできたので質問させてください。

ヤフー地図APIの規約で、
下記の行為をした場合はヤフー地図APIのライセンスを取り消させていただく可能性がありますという記述があり、
その中に、

「地図の使用によりユーザーから利益を得ていると認められるサイトでのご使用」

という一文がありました。
見る限り商用サイトでは使えないのかと思いましたが、
なんとなく「地図をメインコンテンツとして利用している場合はダメ」という意味で解釈できる気もします。

私がやろうとしてるのは地図をコンテンツの一部として使用するだけです。
皆さんはどう思われますか？

正直こちらとしても事前にコンタクトを取って確認したり、
コミュニティ使ってやることはやったし、それでも解決できなかったので、
ダメ元で使ってみて、警告を受けたら地図を削除する、っていうスタンスで行こうかと思ってるんですが、
別に大丈夫ですよね？(損害賠償とか)

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

>>942
Yahoo!にどんな質問したかは知らんけど、技術的なことじゃないんだし
コミュニティのユーザ同士で議論とかありえんだろ。


規約をどう解釈するかは勝手だけど、法人、個人事業主向けサービス（有料）もやってるし
実際に地図を使用したコンテンツの場所は知らせといた方がいいと思うぞ。

確か法人は審査制だったな

>>944
私もは？って思いました
WEBサービスに関するサポートは行ってません。
サイトの説明やコミュニティを確認してくれ。
ご意向にそえなくてすいません
って返信がきました。

法人が審査制なら個人で使うのは無理かなぁ
一応コンテンツの場所は知らせとこうと思うけどやっぱりやめるかも。

>>941
css(name, value)

やっぱりやめときます
ありがとうございました

地図を見せることで対価を得るのが禁止なんだろ

無料会員も有料会員も自由に見られるようにすればいい

スレチだっつーの

次スレは９７５越えたら。テンプレは(1)現行のまま、(2) >>943 のみ、のどっち？（w

今までjQueryに頼ってたのですが、↓をjQuery使わずに書くとどのように書けるのでしょうか
$('.class > li').css('background-color','#000');

ドキュメントからクラスをゲットした後リストをゲットしてそのスタイルのバックグラウンドカラーを黒にすりゃいいだろ
っていうかソレに基本中の基本中の基本だから
しばらくjQueryを使わずJavascriptに慣れる事をオススメする

いやその程度も自分で調べられないようなやつにはjQuery使わせとけよ
迷惑だ

エスパーで答えといてやるが
-が入る奴はbackgroundColorのように大文字化されるから覚えとけ

>>952
var target=document.querySelectorAll('.class > li');
for(i =0;i<target.length;i++){target[i].style.backgroundColor='#000'};
クラスは複数ある場合があるのでSelectors API使える環境で処理速度とか気にしないなら
querySelectorAllで一括にしたほうがfor文1回で済むよ。もっとシンプルな方法があるかは知らない

jQueryだと1行なんだけどな

一行にすれば良いんだろ！
[].slice.call(document.querySelectorAll('.class > li')).forEach(function(elem){elem.style.backgroundColor='#000' })

>>957
そういえばNodeListでも配列化すればforEachも使えるんだったな。逆に勉強になった。ありがとう

もっとシンプルにだな・・
[].forEach.call(document.querySelectorAll('.class > li'), function(elem){elem.style.backgroundColor='#000' })

ちょっとショートコーディング勉強してくるわ

>>955
それに気付くまで全部ゴリゴリ覚えてた高校1年の夏

たぶんあの時の俺は発音を克服しようとして「アクセントに規則性はない、全部覚えるしかない」ってのが染み付いてたんだと思う

jQueryを使うときに常に裸のJSを意識すれば忘れることはない

jQuery++ってのがあるのね。
http://jquerypp.com/

jQuery Toolsってのも面白そう。
http://jquerytools.org/

Unserscore.jsは、標準APIみたいにいろいろ揃ってて便利。
http://underscorejs.org/

テンプレ案
１＋過去スレURL＋wikiURL
その他はwikiに退避

Perl wikiってどこにあるのですか？

学ぶ力には三つの条件があります。

第一は自分自身に対する不全感。
自分は非力で、無知で、まだまだ多くのものが欠けている。
だからこの欠如を埋めなくてはならない、という飢餓感を持つこと。

第二は、その欠如を埋めてくれる「メンター（先達）」を探し当てられる能力です。
メンターは先生でもお母さんでも、ネットの中の無名の人でもいい。
生涯にわたる師ではなく、ただある場所から別の場所に案内してくれるだけの
「渡し守」のような人でもいいのです。
自分を一歩先に連れて行ってくれる人は全て大切なメンターです。

第三が、素直な気持ち。
メンターを「教える気にさせる」力です。オープンマインドと言ってもいいし、
もっと平たく「愛嬌（あいきょう）」と言ってもいい。

「学ぶ姿勢」のある人は、何よりも素直です。
つまらない先入観を持たないから、生半可なリアリズムで好奇心を閉ざさない。
素直な人に聞かれると、こちらもつい真剣になる。知っている限りのことを、
知らないことまでも、教えてあげたいという気分になる。そういうものです。

以上、この三つの条件をまとめると、

「学びたいことがあります。教えてください。お願いします」

という文になります。これが「マジックワード」です。
これをさらっと口に出せる人はどこまでも成長することができる。
この言葉を惜しむ人は学ぶことができないのです。
学ぶ力には年齢も社会的地位も関係がありません。
>>963さんも、早く学ぶ力を身に付けてください。

学びたいことがあります。お姉さん。教えてください。お願いします

丁寧なのはそれはそれで煩わしい
大事なのは何がどの程度わからないのか明確にすること

たいていは何がわからないのかわからないケースのことのほうが多いよな。

そこまで筋道がわかってれば、多分なんかぐぐればでてくる気がする

やろうと思えばできるが、めんどくさいからネット上だとつい乱暴な言葉になっちまう

女子に手取り足取り教えてもらいたい

女子に手取り足取り教えたい

お礼としてセックスしたい

ツイッターのウィジェットで、リプライを全件表示（スクロールバー付き）で表示するようにするには、
以下のコードをどう改造すればよろしいでしょうか。

txtでアップロードしました。よろしくお願いします。

ttp://www.kent-web.com/pubc/book/test/uploader/uploader.cgi?mode=downld&no=5488

rppを9999にして駄目だったら諦めて死んどけ

xmlhttprequestってスマホや携帯でも動作しますか？
ちょっと実機がないので実験できません。
回答お願い致します。

各キャリアがエミュレータ出してる公式ＨＰへGo

スマホは問題ない
携帯はブラウザや機種による
というか今時珍しいが定額にしてない人も世の中にはいるし
例え携帯で使えたとしても携帯相手には使わないほうがいいぞ

そうですか。。。
めんどくさいなぁ〜
今はスマホが主流ですし、普通の携帯は無視します。
ありがとうございました。

画像を変えまくってアニメーションを作ったのですが、画面がチカチカしてしまいます。
何か解決策はありますか。

画像をプリロードする
canvasでやる

jqueryでfadeOut関数を使おうとしてるんですが、
これ関数が終了した後に要素削除してしまってるんですが、
単純に透明度ゼロにするだけの方法ないですか？
animateでやらないとだめなんでしょうか？

fadeTo

>>979
スマホも駄目だって。
裏で勝手に通信して通信費どうこう言われたら責任取れるの？

>>983
ありがとうございました！

>>984
通信費まで気にしてたら何も作れなくありませんか？
ページの全部を単純にHTMLで表示するのにかかる通信料と
ページの一部だけをAJAX通信にして表示するのにかかる通信量の差なんて微々たるものじゃないですか？
そもそも利用者が裏でどんな通信してるかなんて気にしてなくないですか？
動画ファイルとかを裏で読むのであれば、
注意事項として記載しておくべきだとは思いますが、
HTML数十行分のバイト数をAJAX通信にするだけでなので別に良いと個人的には思います。

スマホで定額入らずネット使う奴は馬鹿だからほっといて良い

それより次スレどうするんだよ

スマホって定額必須じゃなかったっけ？

>>985
ヘッダは無視なんですね

別に必須ではないだろ

いいえ必須です

>>986の言うとおりだな
SB以外必須ではないけどネットするやつにとっては必須
店員に死にますよって警告されて
未だに100万請求来て消費者センター通報して
払えないーっていうやつはなんなんだって思う

>>981
できました。有難う。

ネットはWi-Fiですればいいじゃない
よって必須ではない

>>993
引き籠りならそれで十分なのだろうが…