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

━━━━━JavaScript質問スレ道場訓━━━━━
　一、礼節を重んじ常に努力精進すること
　一、ブラクラに打ち勝つ精神力を持つこと
　一、心身の優れたJavaScriptを学ぶこと
　一、雑草の如く生涯JavaScriptを貫くこと
　一、感謝と反省を忘れないこと
　以上
━━━━━━━━━━━━━━━━━━━━━━

このスレに書き込むことが許されるものは以下のとおり
・テンプレ/FAQ/過去ログ/関連資料を読める者。とくに>>2-10は必須!!!
・JavaScriptとJavaの違いを理解する者
・スクリプトを組むための最低限のHTML・CSSを理解する者
・ユーザーに迷惑となるスクリプトを書かない者
・「初心者です」を振りかざさず、質問を分かる日本語で説明できる者
・対象環境や使用技術は質問者の裁量であることを理解する者
　(質問/回答時はなるべく環境明記。WinIE5.5/N6未満と希少ブラウザは必須!)

[必読]過去スレ全集 http://user.ftth100.com/mirrorhenkan/javascript/
前スレ http://pc8.2ch.net/test/read.cgi/hp/1158468856/l50
まとめサイト http://web2ch.s31.xrea.com/?JS
FAQ・注意・過去ログ・関連資料・関連スレ>>1-10またはまとめサイト

【質問を書く上で】
1)ユーザ(閲覧者)に迷惑がかかる性悪スクリプトは回答されない。
　例: 別窓開きまくり、閉じる/戻るのを妨害、全画面占有、etcは最悪。
　答えさせようと「分からねえんだろ」と煽っても無駄(過去スレが証明)。
2)言葉でぐだぐだ書かずにソースを貼る、ただし要点を整理して。
　そのまま貼って動かせると試してもらいやすい(ただし回答者に連結さすな!)
　長い(1レスに入らない)場合はアップロードしてURIを貼る。
3)初心者という言葉は危険なので使わない方がよい。
　初心者を言い訳に自力で調べない/考えない奴が最悪に嫌われる。
4)自分で調べたこと/試したこときちんと書く(調べもしない奴は最低)。
　ただ「動きません」「エラーです」は何も情報がないため嫌われる。
　エラーは「どの行で何のエラー」を書く(ブラウザをそのように設定すれ)。
　ブラウザの設定すらできんヤシはFFxのJavaScriptコンソールを使え!!!
　OS、ブラウザ、バージョン、うまく行かない条件を明記しエラー再現可能に。
5)特に古いバージョン限定の時は必ず明記! 回答もチグハグになり回答者に2度
　手間を食わせる可能性大(現行Ver.:IE5.5-6、N6-7、Opera7-8)
6)どういう時にどういう動作をさせたいのかを脳内にとどめずきちんと書く。
　例:「自動ポップアップしたい」←どういう場合(マウスオーバー、クリック、
　ボタン押し、select選択)に何(別窓、レイヤー、その他)が出るのか書け!
7)質問はまっとうな(他人に理解できる)日本語で。
　前項の例に限らず、他人に理解できない質問文は煽られるだけで時間の無駄

【FAQその1】
Q1. 開いた別窓/フレームの内容にアクセスできないのですが…
A1. ページ内容が別サーバの場合セキュリティ制約により絶対無理です。
Q2. JavaScriptでローカルファイルを読み/書きたいのですが…
A2. Webではセキュリティ制約により絶対無理です。できたら恐ろしいことに…
A3. 同じタグの中でonclick="foo()"とonclick="bar()"を同時に使いたいのですが…
A3. セミコロンで複数の文を区切られます。onclick="foo();bar();"としましょう。
Q4. document.write(...)でページ内容を追加したいのですが…
A4. 一度ページ表示完了後にwrite()すると内容はクリアされちゃいます。
　部分的に内容変更するには(1)他フレーム/iframe/別窓への表示、
　(2)textarea等への表示、(3)DOMでノード挿入、(4)innerHTMLのどれかで。
　innerHTMLは非標準ですがIE、Opera、Gecko(N6/N7/Firefox等)で対応済。
Q5. table/tbody/tr要素のinnerHTMLを書き換えるのがうまく行かないのですが…
A5. IEはそれらの要素のinnerHTMLは変更不能。DOMを使って書き換えるか
　<div><table>...</table></div>とでもしてdivのinnerHTMLを書き換えましょう。
Q6. DOMでtable要素にtr要素を追加しても表示されないのですが…
A6. IEではtbody要素にtr要素を追加する必要があります。
　tbody要素はtbodyタグを書いていなくても自動的に作成されます。
　またはtable.insertRow()/tbody.insertRow()を使いましょう。
Q7. Aタグのonclickで動作指定してるのですが時々動きません…
A7. 「onclick="...;return false"」としないとページ移動しちゃうから。
Q8. 変数w1、w2…を順にループで(番号をiに入れて)設定/参照したいのですが…
A8. グローバル変数はwindowのプロパティだからwindow['w'+i]を読み書きすれ。

【FAQその2】
Q9. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A9. 「document.forms.myform.elements[変数名].value」でどぞ。
　JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　例:「obj.p0=obj.p1=...=obj.p8=0;」⇔「for(i=0;i<9;i++) obj['p'+i]=0;」。
Q10. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A10. IEではe.currentStyle、Geckoではwindow.getComputedStyle()を使います。
Q11. 100*1.15の結果が114.999…998となってしまうのですが…
A11. コンピュータの実数計算は全て近似値だと思え。誤差が嫌なら整数で計算。
Q12. 任意のデータをサーバ(別鯖ではない)から取り寄せたいのですが…
A12. Geckoのnew XMLHttpRequest()、IEのnew ActiveXObject("Microsoft.XMLHTTP")
　を使えばできる。古いブラウザだと隠しフレームに読むなどのワザが必要。
Q13. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A13. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどうぞ。
　複数の関数を呼びたいときは obj.onclick=function(){foo();bar();};
　という風に無名関数を作りましょう。中に書かれたコードが実行されます。
Q14. 文字列の置き換えをするときにコードを使いたい(Perlのs///e)のですが…
A14. string.replace(/.../,function(str,p1,p2,...,offset,s){...})としましょう。
　正規表現にマッチした文字列がreturnで返された文字列に置き換えられます。
　各引数はstrがマッチした部分文字列、p1,p2,...が1番目、2番目、…の()の中身、
　offsetがマッチした位置、sが置き換え前の文字列全体になります。

【主張の対立：他人の嗜好は尊重。損得の議論は歓迎】
・仕様を読む：回答者なら仕様の該当部分は読んでいるべき。質問者でも
　仕様を読まずうだうだ書く奴は注意されて当然。読み間違いは生温く指摘。
・英文文書：翻訳の努力を惜しむべからず。 読めないなら和訳を探し、
　なければあきらめよう。翻訳サイトを知っている人はうまく誘導してあげて。
・IE専用/アンチIE/クロスブラウザ：「○○は不要」「○○だけであと
　は無視」は不毛。質問者が分かって選択していれば尊重する。無知か
　らIE専なのは指摘してあげると親切。
・標準準拠 vs 使えればよい：標準はブラウザが変わっても維持される
　可能性大。非標準機能も損得を分かった上で使うならよい。
・MS vs アンチMS：MS固有の情報はMSのサイトで見ないと分からないが、
　そこだけ見ているとIE専になる。あとは上2件と同様。
・別窓、イベント抑止など：一般には迷惑スクリプトだが質問者に正当
　な理由があることも。尋ねて分かってないようなら煽っても可（ｗ
・innerHTML vs DOM：それぞれに長所/弱点があるので理解した上で選
　択するべき。一概にどちらは駄目、とは言えない。
・on属性 vs addXXX()：ハンドラが1つだけと分かっていればon属性
　で簡単にハンドラを設定もあり。上書きが心配ならaddXXX()。

【標準規格・リファレンス】
規格を読まずにどうなってるか分からんとか質問しないこと！

まとめサイト
→ http://web2ch.s31.xrea.com/?JS

ECMA-262
→ http://www.ecma-international.org/publications/standards/ECMA-262.HTM
→ http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)

W3C Document Object Model Technical Reports
→ http://www.w3.org/DOM/DOMTR

E4X (ECMAScript for XML)
→ http://141.30.92.52/cubetto/download/ECMA-357.pdf

MSDN Library JScript / DHTML (現在日本語版は古杉)
→ http://www.microsoft.com/japan/msdn/library/ja/script56/html/js56jsoriJScript.asp
→ http://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Mozilla Gecko DOM, Netscape devedge
→ http://www.mozilla.org/docs/dom/domref/
→ http://www.mozilla-japan.org/docs/dom/domref/ (和訳)
→ http://web.archive.org/web/20040822074426/devedge.netscape.com/central/javascript/

【チュートリアルサイト・サンプルサイト】
規格が読めないならまずはチュートリアル。サンプルサイトも沢山ある。

ECMAScriptチュートリアル (アクセスできないとの説あり)
→ http://www.axis.t.u-tokyo.ac.jp/~shunak/ecmascript/

MetaGraphic Cell
→ http://www2u.biglobe.ne.jp/~oz-07ams/prog/

どら猫本舗のリファレンスカウンター
→ http://www.doraneko.org/

はぎさんちのページ Mozilla's DOM Sample Project
→ http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/mds.cgi

Dynamic Scripting
→ http://www.interq.or.jp/student/exeal/dss/

JavaScript深層
→ http://www.hawk.34sp.com/

【検索】
キーワード『…』で検索しろ」「ぐぐれ」と言われた場合はこちらへ
→ http://www.google.co.jp/

【関連スレ】
板違い、スレ違いに注意！サーバ側での処理はWebProg板へどぞ！

Webサイト制作初心者用スレ Part 172
→ http://pc8.2ch.net/test/read.cgi/hp/1157790159/l50

CSS /* CSS・スタイルシート質問スレッド【60th】 */
→ http://pc8.2ch.net/test/read.cgi/hp/1157985465/l50

CSS/DHTMLバグ辞典スレッド 【第５版】
→ http://pc8.2ch.net/test/read.cgi/hp/1144494359/l50

役に立つ書籍は？ 3冊目
→ http://pc8.2ch.net/test/read.cgi/hp/1142829968/l50

( ﾟдﾟ) ｵｯﾂｰ♪

前スレでかきこしたものですがDat落ちしたみたいなので
一応前スレで書きこしたないようをここに書き込んでおきます

>>974
失礼しました。
修正版をアップしてくれてたんですね
なかなかいいですね
打った瞬間スローになるところも
ありがとうございます

このあとは、それぞれとんだ方向のGIFに切り替わりホームランかどうかランダム？
に判定してその結果をGIFに反映させるという感じです。
あとは、ポール際のシーンもあって、ファールかホームランかの微妙なGIFも使いたいと思っています
そのシーンのGIFはまったく作ってないですが

>>991
ってことで>>947さんが修正してくれた感じでいいと思います

JavaScriptでクラスを定義する時って
色々な書き方がありますが、どんな書き方がスタンダードですか？

僕は↓に習ってますが
ttp://www.morijp.com/masarl/homepage3.nifty.com/masarl/article/js-oop.html#class-canonical-form

>>10
打つ瞬間とまっているの古い機種だったからなんですね
新し眼の機種でやったらスムーズにいきました

全スレの986です。

992,993さんの通りにやってみましたが
オブジェクトを指定してくださいとエラーが
でてきてしまいました。
どうしてなのでしょうか？？
よろしくお願いします。

>>13
関数Aの中で定義された関数Bは通常関数Aの中でしか使えない。

すれ違いかもしれませんが、

youtubeの動画を見ようとすると
JavaScriptをoffにしてるか
flash playerの最新版が入っていないため
見られないといわれました

flash playerは入れましたが、まだ見られませんでした。
JavaScriptはインターネットオプション→セキュリティ→レベルのカスタマイズ
を開いてスクリプトの項目を全て有効にしてみました。
それでもやっぱり見られません。
youtubeだけでなくflashを使ったページは皆見られないようです。

ブラウザはIEエンジンのsleipnirを使ってます。
(ただのIEでもダメでした。)

どうしたらいいでしょうか？

>>15
Flashの問題、どっかに不具合修正するパッチがあったはず
よく覚えてないのでここ以外のスレで聞いた方がよろし。

スレ違いだね。初心者スレに逝くのがいいんじゃないの。
ここは自分でJavaScriptコード書く人のためのスレ。

>>14
自分頭悪いので言っている意味は分かっていても
それからどうしたらよいか分かりません。
ご迷惑をおかけしますので手取り足取りスレに行ってきます。

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

前スレの948です。いろいろやってるんですが、解決しないのでもう一度質問してみます。

基本的にはブラウザを閉じた場合や他のページに移動した場合、タブを閉じた場合などに
その情報をXMLHttpRequestでサーバ側に伝えたいということなのですが。。。

前スレで教えて頂いたOnBeforeUnloadだとダイアログ出すことは出来ますが、
そのままブラウザ閉じられた場合に関数を実行できません。
window.addEventListener('beforeunload', '関数名', true)
のようにしてもそのまま閉じられた場合はFirefoxではアクションを検知しません。
何か対策などはありますでしょうか・・・。

>>16　ありがとうございます！
flashplayerのスレ行ったら、
やっぱり同じ問題になってたらしく、
プレーヤーをダウングレードしてみました！
見事見ることができました。

>>19
結局閉じる時に確実に何かをするというのは難しいと思うよ。
むしろXMLHttpRequestを使って定期的にサーバ側に「開いている」
と伝え、サーバ側で一定時間報告がなければ閉じたと思うのが素直かと。

>>21
やはりそうですか・・・。
サーバ側で監視スレッドを立てるなどの方法も以前から検討はしてましたが、
これできっぱり諦めがついたのでそのように実装しようと思います。
ありがとうございました。

ロードが終了したiframeの高さが知りたいんですが、
どうしたらいいのでしょうか？

alert(myiframe.document.body.scrollHeight);
alert(myiframe.document.body.clientHeight);
alert(myiframe.document.body.scrollTop);
alert(myiframe.document.documentElement.scrollTop);
alert(myiframe.document.body.offsetHeight);

これだとできませんでした。

>>23 ホレ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var w = frames.f0, h = 0;
if(w.document.documentElement && w.document.documentElement.clientHeight) {
h = w.document.documentElement.clientHeight;
} else if(w.document.body && w.document.body.clientHeight) {
h = w.document.body.clientHeight;
} else if(w.innerHeight) {
h = w.innerHeight;
}
alert(h);
}
</script>
</head><body onload="test()">
<iframe name="f0" src="t2.html"></iframe>
</body></html>

＞＞２４
ありがとうございます。

すいません、質問の仕方が悪かったんですが、現在のサイズではなく、
表示されている中身がスクロールバーなしで済むときの最小サイズが知りたい
のです。当然サイトによって値は変わるものになると思います。

わかりましたらお願いします。

>>25
中身が別鯖上なら無理

＞＞２６
ありがとうございます。別さばではないです。

<html><head>
<script type="text/javascript">
function t() {
var w=document.getElementById("i"),d=(w.contentDocument?w.contentDocument:w.Document).getElementsByTagName("body")[0];
var o="OH: "+d.offsetHeight+"<br/>SH: "+d.scrollHeight+"<br/>CH: "+d.clientHeight+"<br/><br/>";
document.getElementById("o").innerHTML=o;document.getElementById("ta").value=d.innerHTML;
w.height=d.scrollHeight;
}
</script>
</head>
<body onload="t()">
<iframe id="i" src="t2.html"></iframe><br/>
<textarea id="ta" rows="10" cols="80"></textarea>
<div id="o"></div>
</body></html>

>>28
できました！
ありがとうございます。

>>28
一応、まだIE5.5は残ってるだろ。しょうもないことすんな。

>>29
>>24が書いてるみたいに、frames.f0 のように書かないと、
一部の訪問者から、ウイルスの警告が、とかなんとか苦情くるかもなｗ

>>30
IE5.5についてkwsk

「JavaScript コーディング規約」でググると
http://c2.com/cgi/wiki?JavaScriptCodingStandard
↑が出てくるんですけど、

/*-------------------------------------------------------------------------
* Gui framework classes for the Web Client are stored in this file.
*
* DEPENDENCIES
* - Data.js
* - Utils.js
*-------------------------------------------------------------------------/

これってコメントとして間違ってません？

フォーム内の要素にチェックが幾つ入っているか（あるいは入ってるか否か）を判断する
メソッドか何かはありますか？
必須入力項目のチェックに使いたいのですが、forで繰り返してelemtent.checkedを一つずつ
チェックするしか方法はないでしょうか？

ちなみに
http://www.tohoho-web.com/js/form.htm
ここを参考にしています。

ない

function checkVaildness(form){
    var s ='';
    var name, id;
    var eles = new Array();
    for(i = 0; i < form.elements.length; i++){
        name = form.elements[i].name;
        id = form.elements[i].id;
        eles[name]++;
    }
    for(var k in eles){
        s += k + ' = ' + eles[k] + ', ';
    }
    alert(s);
    return false;
}

nameをインデックスにしてその個数を数えたいのですが
値がNaNになってしまうのはなぜですか？

>>35
初期値を入れないとundefinedでそれに1足そうとしたらNaN

var a="", b="", c="";
みたいな書き方ができるって、知らない人が意外に多いのよね。
たいてい
var a = "";
var b, c;
って使い分けたような書き方をしてある。

var a = b = c = "";

>>37
普通、初期値がある変数宣言と、ない変数宣言は分けて書くだろ。
そうしないと、後でデバグする時に、見づらくてかなわん。

>>39
あ、例が悪かった。dも用意して、
var a = "";
var b = "";
var c, d;
かな？初期値を入れる時にvarを連呼。

このCGI
http://www.futomi.com/library/accs.html

を使って、htmlにJavaScript

<SCRIPT Language="JavaScript">
<!--
document.write("<img src='http://www.hoge.com/foo/acc/acclog.cgi?");
document.write("referrer="+document.referrer+"&");
document.write("width="+screen.width+"&");
document.write("height="+screen.height+"&");
document.write("color="+screen.colorDepth+"'>");
// -->
</SCRIPT>

を記述したところ…
IEで見ると、JavaScriptを書いた部分に20pxほどの余白が出来てしまいます。

fifefoxだと出てこないのですが…。

余白が出てこないようにするには、
どうすれば良いのでしょうか？

お分かりになる方がいらっしゃいましたら、
よろしくお願いします。

ちなみに、jsを外部に書き出してもダメでした。

>>38
それだとbとcがグローバルになるぞ。

このサイト↓
http://update.microsoft.com/microsoftupdate/v6/default.aspx?ln=ja

ページ開くと、「高速」のところにフォーカスがあるじゃあ〜りませんか。

これを応用して、ページを開いた時に、自動的に特定のテキスト文字へフォーカスを当てることは、
JavaScriptオンリーできますか？

>>43
そのテキスト文字というのがリンクならできる。
リンクじゃなくてもブラウザによってはできる。

var o = {o:42};
というのはどういうことなのでしょうか。「o」が「o」 を持つことは
あり得ないと思うのですが。

alert(o.o);//42
有り得てる。

new Array()のコールのときに
まとめて連想配列を宣言するにはどうすればいいですか？

>>47
>>45

>>47
function ObjectArray() {
var a = new Array(),i;
if (typeof arguments[0] == "object") for (i in arguments[0]) a[i] = arguments[0][i];
for (i=1; i<arguments.length; i++) a[i-1] = arguments[i];
return a;
}
var myArray = ObjectArray({apple:"りんご",banana:"バナナ"},"あ","い","う","え");
for(var i in myArray) document.write(i+"="+myArray[i]+"<br>");

>>49
知識ないのに回答するな

通常の配列に更に数字以外のプロパティを付けるっていう理解だったんだけど

ふつーにありえる。

>>48
それだとnewコールしてからさらに45を記述しないといけないようですが。
デフォではできないということでいいんでしょうか？

>>46
ありがとうございます。それは私も確認しています。
分からないのはJavaScriptは参照渡しですよね。とすると「o.o」は
中でどのような処理になっているのでしょうか？

>>53
var o = new Array()
o = {o:42};
みたいにしたいって事？

var o = {o:42};
だけでいいよ。


>>54
var o = {o:42};
は
var o = {"o":42};
とまったく同じ。

Drag and Drop で、
ウィンドウを越えて Drag and Drop したいんだけど、ムリ？

DIV＋Position:absolute とかで作った擬似ウィンドウ（と呼ぶのか？）
の間でDnDをするのはカンタン。
でも、Window.open()とかで作った、ホントの別ウィンドウの間で
DnDって可能？

>>57
できたらキモイ

>>56
可能。おわり。参考）GoogleMap

>>55
var o = new Array( {o:42} );
みたいのはできないんですかね？

>>59
alert(o[0].o)

>>60
どーゆーことですか？

>>58

え？マジ？
やり方まで教えて！とは言わないんで、
Googleマップのどこがヒントになってるかだけでも教えてくださいな。
いまやってみたけど、どっこもDrag and Drop対応なんてしてないっぽいよ。
どこでDnDできるんですかね。

>>62
できたらキモイっつの
Firefoxなら拡張機能ごりごり書けば何とかなるかもしれんが、それはもうjavascriptとは無関係の世界

>>58はGoogleマップのぐりぐり感をD&Dだとおもってるんジャマイカ?
よくわからんけど

ごりごりぐりぐり

IE限定のキモイやつ
<html><head><script>
var x,y,list;
function getList(){return list;}
function init(){
list = (window.opener ? window.opener.getList() : []);
list.push(moveIcon);}
function mouseDown(){
x = event.screenX - window.screenLeft - obj.offsetLeft;
y = event.screenY - window.screenTop - obj.offsetTop;
obj.onmousemove = mouseMove;
obj.onmouseup = mouseUp;
obj.setCapture();}
function mouseMove() {for (var f in list) list[f](event.screenX - x, event.screenY - y);}
function moveIcon(x, y) {
obj.style.left = x - window.screenLeft;
obj.style.top = y - window.screenTop;
pos.innerHTML = x + ", " + y;}
function mouseUp() {
obj.releaseCapture();
obj.onmousemove = null;
obj.onmouseup = null;}
</script>
<body scroll=no onload="init()">
<button id="btn" onclick="window.open(document.location.href)">Window OPEN</button><span id=pos></span>
<div id="obj" onmousedown="mouseDown()" style="position:absolute;top:100;left:100;width:50;height:50;background:blue;"></div>
</body>

うはｷﾓｽ
Opera でも動作した

JavaScriptでwaitってどうすればいいですか？

<img src="server1.com/img.jpg">
<img src="server2.com/img.jpg">
みたいに、同じイメージなんですが、
生きてるサーバが見つかるまで順繰りに
トライしたいのですが、どーしましょう。
XmlHTTPRequestですと、ドメインの制限に引っかかります・・・。

img.onerror とか img.onload とか img.complete とかチェックしたら？

>>66
そういや、前どっかのWeb屋が作ったサイトで

処理
var limit = new Date() + 10 * 1000;
while (new Date() + 0 < limit);
処理

みたいなことが書いてあるのがあって、かなり死んだ。 むしろ死ねばいいのに。

>>66
setTimeout()で代替できるように書く。それができない奴は
JavaScriptやってはいけないと思う。>>69 みたいなのは最低だから。

>>69
それじゃあ文字列の連結だろ。そして>>70は気づけよ。

デバッグ中なら見逃しちゃまずいけど、デバッグしてるわけじゃないし…。

>>57

質問です。
JavaScript間もないのでガベジとかよく分かっていません。
初期化だけで使うような関数はdeleteしておいたほうがよいでしょうか？

>>74
そんなもんのメモリが問題になることは絶対にないね。それとも
初期化に使う関数が何万行もあるのかね。

タイマーを作る時にボタンを押す前はstart押した後はstop
しstopになるとstartになると同時にカウントが0になるように
したいのですが、停止の欄にどのように0になるプログラムを
組んだらよいのでしょうか？

76さん、がっこうのせんせえにきいてみてください

>>75
いや。たったの１行です。実は、ここ
ttp://www.graviness.com/virgo/javascript/d010823.html
読ませてもらっていて、不安になったものですから。そんな
ばかなとは思いましたが、なんかもしや真実かもとか考えて
しまって。ここの人も分からないとは書いてますが、大嘘で
すか？

2001年とは微妙に古い

>>78
1行だったらそんなものほっとくべきだよ。
>>76
<button onclick="this.innerHTML=(this.innerHTML=='start')?'stop'(count=0,'start')">start</button>
とかかな。試してない。そもそも読解の困難な日本語だし。

こんにちは。
var a=new obj();
のような書き方は正しいですか？

>>81
正しい。というか他にどういう書き方すんねん？

>>82さん
というと、オブジェクトにvarをつけても別に問題ないですか？
変数はオブジェクトなんでしょうか。

>>83
日本語を話せ

わかりました。

>>83
var はすべての変数につける。JavaScriptでは変数は入れるもの
の種別と関係なくすべて一緒だから、 数だろうが文字列だろうが
オブジェクトだろうが何でも入れていい。変数はオブジェクトでは
なく「オブジェクトや値を入れる(指す)ことができるいれもの」かな。

CPUになるべく負荷を掛けずにwaitする良い方法ないですかね。

>>87
setTimeout

もちろんsetTimeoutで考えてるんですけど
その場で処理をとどめて置くことってできますかね？
考えつかない・・・

実現が相当厳しい気がするのですが、皆さんのアイデアをお貸しください。

JavaScriptでプログラムを書いていると、ページ遷移はあまりしない方向になりますよね。
しかし、処理の一部一部をブラウザ上でブックマークなどをさせてあげたいと思ったとき、
どうやって実現すればいいのかさっぱりわからなくなってしまいました。

具体的には、ページ遷移を起こさずにアドレスバーの文字を変えることが出来ればいいのですが、
実験してみたところ出来ませんでした。直感的にはセキュリティ上絶対に出来ない気がしています。
ハッシュ（abc.html#hash）を利用してブックマークさせる方法も考えたのですが、
ブックマークはいいのですが掲示板などで自動的に#以降が無視されることもありますし、
google等のキャッシュに残らないという問題もあります（個々のページは残したいと思っています）

かといって、そこそこ大きな規模になれば、画面の描画や内部データもそこそこの量になり、
出来ればページ遷移によってユーザに無為な時間を取らせたくないと思っています。
（しかし最終的に実現できない時は、ページ遷移でユーザがブックマーク可能にする事を考えています）

こういう問題の解決方法はあるのでしょうか？
どうかご意見アイデア等あればお聞かせください。よろしくお願いします。

>>89
その場にとどまることは出来ないので、プログラムの構造をそれにあわせて変えるのが普通です

>>90
＞ハッシュ（abc.html#hash）を利用してブックマークさせる方法も考えたのですが、
画面遷移無しでhtmlに値を渡す、且つブックマークできる方法としては
これしかないと思うんだけど。

＞ブックマークはいいのですが掲示板などで自動的に#以降が無視されることもありますし、 ・・
これ意味分からない。どういうこと？

あ、つまり掲示板などでURLを書き込んだ時に#以降が無視されることがあると。
まぁ俺から言わせてもらうと#以降を無視するような作りになってる
掲示板の方が直すべきだと思うけどね。



＞ブックマークはいいのですが掲示板などで自動的に#以降が無視されることもありますし、 ・・
これ意味分からない。どういうこと？

あ、誤爆。
ちなみにテスト
http://hogehoge.com/index.html#foo=aaa&bar=bbb

>>93
そう、まさにその通りです。
メーラーなどでは結構頻繁にありますよね。

例えばblogのページなどを個別のURLで表せればいいなと思っているのですが、
友人にメールしたら見られないなんていう悲劇を考えると、画面遷移した方がマシですよね。

私もハッシュしかないのではと思っていますが、もしかしたら何か方法があるかもと思って質問しました。

>>95
「abc.html#hash」も「abc.html?query」も両方受け取れるようにしておけば？
で、掲示板などに張る場合はqueryにして、それ以降はhashにするとか。

横槍だが、blogのページが
http://blog.hoge.com/#username
とかだと萎えるな

ここで紹介されてるね。
ttp://la.ma.la/blog/diary_200502270128.htm

HASHを使った方法はかなり一般的だからね

>>96
なるほど…それは妙案ですね
ベストは97さんの言うように、なんとかURLを変更することですが、
別ウィンドウを使ったりしない限り無理そうですね…

別窓を作ってそこに自分の内容をそっくりコピーして放り込み、
ページ遷移してその冒頭で別窓があればその別窓からそっくり
持って来て終わるようにするとか。ただし、最初からページ
内容をほとんどJavaScriptで生成するように書く必要があるな。

>>101
別ウィンドウがが見えなければ完璧なのですが、それは出来ませんよね。
内容をほとんどJavaScriptでやるのは問題ありません。

ちなみにチラシの裏ですが、documentが違うとelementの移動等は出来ません

>>102
それはこのスレでガイシュツで、elementは移動できないので全部innerHTML
にしてどっかんと移すという荒技をやるという…

えっと、よくわかんないんでお願いします。
インターネットがクラスだとして、インスタンスが「2ch」なら、
インターネットのプロトタイプは何ですか？

って、インスタンスが「2ch」っておかしい様な。
インスタンスはプロバイダあたりでいんじゃないの。

>>104
なんでクラス方式とプロトタイプ方式が混ざっているのさ。

>>102
>ちなみにチラシの裏ですが、documentが違うとelementの移動等は出来ません

本題と関係ない話にレスするのもあれだが、何を言っているのかね。
移動も出来るし、Node#importNode() でコピーもできる。

>>104
そういうわけのわからんオブジェクト指向はPerlスレでやってくれよ。

質問です。
JavaScriptでオブジェクトを日付型に変えるにはどういう操作をすればよいのでしょうか？

>>108
オブジェクト指向じゃなくてプロトタイプ指向だろ。文句言う代わりに
一言答えてやればいいじゃん。当人は分からなくて質問してるんだから。

>>110
オマエモナー
>>109
JavaScriptには日付型というものはないけど。

>>109
var obj = new Object();
obj = new Date();

>>107
いやいやIEでは出来ないぞ、確か

>>112さん　ありがとうございました。
それでやってたんですが、場所が悪かったみたいですorz

ttp://musyoku.com/talkxp2/chat.php
↑みたいなチャットのページって
javascriptだけでは作成できないのでしょうか？
参考になるようなサイトが有りましたら
教えて頂きたいのですが・・・
宜しくお願いします。

>>115
http://www.geocities.jp/mirrorhenkan/chat/

DOM や オブジェクト指向に詳しい
JavaScript の本ってどんなのがありますか？

>>115
JavaScriptだけでできることというのは、そのブラウザ上だけで
動くようなものだからね。アンタと彼女が同じパソコンのキーボード
を交互に打つようなチャットならできるけどそういうのが作りたい？
>>117
サイ本かMy UNIXだろ、何回もガイシュツだけど。役に立つ書籍スレ
へ逝って見れば。

>>115
確かJavaScriptはセキュリティーか何かでファイルへの書き込みは不可能(独自拡張は例外)だったと思う。
つまり、橋渡しが出来ない。JavaScriptエンジン→別のマシンのJavaScriptエンジンの通信も確か出来ないし。
Ajaxって呼ばれているものもサーバで何か動いているから出来る訳だし。
もちろん、クライアントをJavaScriptで組むのは可能(やってる所あるし)。

結論として、「JavaScriptだけで」は現時点では無理。

なんて論理的なんだろう

質問です、よろしくおねがいします

画像をマウスオーバーさせると、指定した文字列の色を変える方法を知りたいです

■■■■
■画像■　←マウスオーバーすると
■■■■

指定した文字列　←この文字列だけの色が変わる

JavaScriptは難しいですね。他の方のスクリプトを閲覧してそれを理解するのは何とかできるのですが、
自分でスクリプトを書くとなると、どうにもこうにも、どうしようも出来ない…

どうしようもないなら、あきらめたほうがいいよ。

>>119
javascriptだけでも可能。

<script type="text/javascript">
function add(){
var li = document.createElement("li"), txt = document.getElementById("txt");
li.appendChild(document.createTextNode(txt.value));
document.getElementById("log").insertAdjacentElement('AfterBegin',li);
txt.value = "";txt.focus();
}
</script>
<form action="#" onsubmit="return false">
<input type="text" id="txt" size="48" value="" />
<input type="submit" value="送信" onclick="add()" />
</form>
<ul id="log"></ul>

フレームに関する質問です、お願いします。(初心者)

index.htmlで上下分割フレームを2つ開いています。(上がtb、下がd)
tbフレームとindex.htmlは同じ鯖でdフレームは別鯖です。
tbフレームのリンクをクリックするとtbフレームを閉じ、dフレームで現在開いているページ
を表示するようにしたいのですが、どのようにすれば良いのでしょう?

>>118,119
早速のご回答有難う御座いました。
javascriptという物を正確に理解していないので
私の質問の仕方が悪かったようです。
115で貼ったリンク先のように、文字を動かしたり
出来るようなチャットを作る事はかなり難しいのでしょうか？
ここのチャットもタイムリーに自動更新されないところを
見るとcgiチャットと変わらない気もしたのですが、画面上で
文字を上下左右に動かしたりという小細工が出来るようなものを
自分のHPに設置したいと思いまして。。。

自作にこだわっている訳ではないので（自信もありません）何処か
でこのようなチャットをレンタル（もしくはスクリプトの配布）
しているところがあれば素直にそれを利用したいのですが。

結果的にスレ違いになってしまっているかもしれませんが
よろしかったらアドバイスをお願い致します。

>>123
ｍｊｄ？

>>121

「指定した文字列」 ってのが id などで特定できるなら

<img src="画像" onmouseover="document.getElementById('STRINGS').style.color='#ff0000';" />
<span id="STRINGS">指定した文字列</span>



「指定した文字列」 ってのを、ページ内の 「任意の文字列」 で捜したいなら、
http://pc8.2ch.net/test/read.cgi/hp/1066750037/293-294
を参考にする。

>>127
kitty-guy wo aite ni suru na!

>>126
文字を動かしたりはできるけどサーバに保存できないよ。
だから複数のマシンで情報を交換するチャットは不可能。
あのサンプルは相手方の応答をその場でランダムにでっち
あげているだけだからどこにも保存しない。

>>128
getElementByIdがポイントですね。覚えます。
ありがとうございました。

<HTML>
<HEAD><SCRIPT>
function f(x) { x.style="display:none"; }
</SCRIPT></HEAD>

<BODY>
<P onDblClick='f(this)'>paragraph 1
<P onDblClick='f(this)'>paragraph 2
<P onDblClick='f(this)'>paragraph 3

ダブルクリックすると消えてしまう要素(上の例ではP要素)を作り
たいのですが可能でしょうか? 上のソースではうまくいきません。

x.style.display="none";

>>133
できました! ありがとうございます。

>>127>>129
あんたらがパールやらルビーやらスキーマやらで書く部分をjavascriptで書いてやればjavascriptだけでできるだろーが

(；；＾ω＾)

>>135
質問者の立場で考えたらかなり不親切なアドバイスだよな。
あんたは誰にそれを主張したいんだ？
んなこたぁー誰だって分かってんだよ。
具体的にそれをどうやって実装すんだよ。めんどくせーだろーが。
普通に役立つこと言えや！事実なんてどーでもいーんだよ。
これだからセオリストは嫌いなんだよ。アホばっか。

>>137
まーあんたには一生かかっても解らないだろうな
エンジョイだよ、エンジョイ

これだから余裕ない奴は嫌いなんだよ。
(；；＾ω＾)

まさかログを全部クッキーに…

>>135
サーバサイドのJavaScriptエンジンがあれば>>139が言うみたいにcookieにログ書き込んで、
その実体にあたるファイルをサーバの公開されてるディレクトリ内にcookie.txtとして保存する実装なら、
それをAjaxとほぼ同じ手法で読み込んで出来るはず。

という訳で、サーバサイドJavaScriptエンジン(JavaScript1.7)を>>135がサラッと作れば解決。
実現すれば結構便利かも。

cookie に log 記録だぁ ?
なんと言う不毛な議論を !!!
ここが本スレだぁ ?
へそが茶を沸かすわ !

>>140
最近ではサーバに保存したデータもcookieって呼ぶのか？

てかすでにJavaScriptの範疇じゃねーだろｗ
普通にサーバーサイド使ったほうが早い

>>135
「JavaScriptだけで」 ＝ 「クライアントだけで」

>>121の質問ってさ、もしかして<a><img><br>テキスト</a>でCSSでいいんじゃねーの？
画像のすぐ下に文字あるんなら a:hover とかで設定したほうがｲｲよ　>>121

タブ切替えのスクリプト（http://www.scbr.com/docs/products/dhtmlxTabbar/）を使用したページの、
タブ内にImage Thumbnail Viewer（http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm）を
使いたいのですが、Thumbnail Viewerが
いちばん最初に表示されているタブだけしか動作しません。

この2つを同時に使う事は出来ないのでしょうか・・・

応援依頼です。

<meta http-equiv="content-type" content="text/html; charset=shift_jis">
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　~~~~~~~
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　↑

shift_jisは小文字で書くと間違い？
答えがでてません。

web初心者スレ
http://pc8.2ch.net/test/read.cgi/hp/1160325838/l50

>>146
普通に考えて両方組み合わせるような改造が必要だと思われ。
勉強するなら質問は歓迎するよ。全部書いてくれとかなら断るけど。

教えてください。フレーム内に読み込んだ他サイトのページに
“ステータスバーを流れるメッセージ”のスクリプトがあり、それが
親フレームのステータスバーに作用してしまって困っています。
これを止める手立てはありますでしょうか？　ソースを見ると
以下のような記述がありました。

stcnt=0; msg="ほにゃらら 　"
blnk = " "
str=blnk+blnk+blnk+msg;
timeID=10;
function scroller(){
status=str.substring(stcnt++,str.length+1);
if (stcnt>str.length) stcnt=0;
clearTimeout(timeID);timeID = setTimeout("scroller()",100);}

他サイトをフレーム内に読み込んでいるのは先方も了解済みで、
同好サイトのリンク集みたいなことをやっています。

test1.style.backgroundColor = "#ffffff";
test2.style.backgroundColor = "#ffffff";
test3.style.backgroundColor = "#ffffff";
これを簡単にしようと思い、ウェブを参考に
for ( i = 1 ; i < 4 ; i++ ) ["test"+i].style.backgroundColor = "#ffffff";
と記述してみたのですが、
styleはNullまたはオブジェクトではありません。
とエラーが出てしまいました。
一行目から三行目までをまとめた構文にするにはどうすれば良いのでしょうか。

for ( i = 1 ; i < 4 ; i++ ) window["test"+i].style.backgroundColor = "#ffffff";

Firefoxでこのページと同じことをしたいのですが、
どうすればいいのでしょうか？
ttp://www.ilovex.co.jp/Division/SRD/archives/2004/12/file_1.html

>>151
ありがとうございます。無事出来ました。

>>152
なにしたいんだよっつつつ

>>154
Enterキーを押したとき、TABキーを押したことにしたいのです。
具体的には、Enterを押したときにTABと同じように次の入力フィールドに
フォーカスを当てたいのですが

YouTubeの動画を、JSで動的に埋め込みたいのですが、innerHTMLでもDOMでもうまくいきません。
静的なHTMLを埋め込めばもちろん普通に表示できるのですが、AJAXと連動したものを作っているので、できればJSで操作して埋め込みたいのです。

・innerHTMLの場合
targetDiv.innerHTML = '<object 〜><param 〜></param><param 〜></param><embed 〜></embed></object>';
// YouTubeのサイトのEmbedというところに書いてあるHTMLのvideo_idとwidthとheightだけ変更したもの

・DOMの場合
var object = document.createElement('OBJECT');
object.width = width; object.height = height;
var param1 = document.createElement('PARAM');
param1.name = 'movie'; param1.value = 'http://www.youtube.com/v/' + videoId;
// 似たようなcreateElementの処理で、上記HTMLと同じ構造を作る
object.appendChild(param1);
object.appendChild(param2);
object.appendChild(embed);
targetDiv.appendChild(object);

処理前と処理後のinnerHTMLを見てみましたが、<object>タグがまったく追加されていません。
何か良い方法がありましたら、よろしくお願いします。
（今のところIE6で実験しています。後々時間が許せばFireFox等にも対応したいと考えています）

できるかぎり直接objectタグを埋め込みたいのですが、代替案としてiframeを使う方法も考えています。
targetDiv.innerHTML = '<iframe src="http://www.youtube.com/v/' + videoId + '" width=・・・ />'
といった感じです。
これならまあまあうまくいくのですが、どうしてもiframeの「枠」が出てきてしまいます。
たしか、この枠は
iframe.contentWindow.document.body.style.border = 'none';
みたいに消すしかなかったと思うのですが、如何せんiframeのsrcがswfファイルなので、「アクセスが拒否されました」とか訳のわからないことを言われてしまいます。

iframeのsrcに自分のサイトのHTMLを指定して、そのHTML内にobjectタグを書く方法もやってみましたが、どうもうまくいかない部分が出てきてしまいます。
bodyのmarginをゼロにしてborderをnoneにした上で、objectのwidthとheightに100%を指定しているのに、なぜかembedに妙な余白ができてしまい、（他との兼ね合いで）レイアウトに食い違いがでてきてしまいます。

なんとか上手くいく方法はないものでしょうか・・・？
長文失礼しました。

()で括った文字以外の文字を数えることってできますか？

>>158
str.replace(/\([^\)]*\)/g, '').length()
試してないけど。

あざ〜す

html内で変数を共有化することは出来ないのでしょうか？
こういう感じです↓
一度閉じるとダメなのでしょうか？

<script type="text/javascript">
b = "Hello World" ;
</script>

<script type="text/javascript">
document.write(b) ;
</script>

>>161
同じ文書内でその順番で書かれていれば
当然意図したとおりにできるはずだが？

あれ、まとめサイトって最近の過去ログとかなかったっけ？

「過去スレ全集」へ逝け。

http://sorgalla.com/projects/jcarousel/example_dynamic_ajax.html
↑このスクリプトを使用して、画像のパスとリンクを別々に設定したいのですが、
その場合どのようにスクリプトを加工したら良いでしょうか？

初心者ですが、勉強したいので、どこをどのように改変すべきか
どなたかご教示いただけると嬉しいです。

http://sorgalla.com/jcarousel/

画像を一覧表示してあるアルバムのページで、ウィンドウサイズに応じて
innerHTMLで動的にソースの画像を変えようと思ったのですが、どこから
手をつけていいかわかりません。

お助けおねがいします。

説明してあげようと思ったのですが、どこから
教えてあげればいいかわかりません。

お手上げです。

IE5.0/5.5/6.0
のjavascriptの違いをまとめたサイトってない？

いきなり5.0で動かないっていわれたんだけど、そんなもん持ってねぇよｗ

>>156-157
ただコピペするだけでできるだろ。間違えようがないなｗ

>>168
VMware がフリーになったから
そこに 98SE か 2000 を入れる

もしくは
スタンドアローン版の IE がどこかに落ちてる

>>168
http://msdn2.microsoft.com/ja-jp/library/2z6exc9e.aspx

ブラウザ側はしらね。

ttp://browsers.evolt.org/?ie/32bit/standalone

>>156-157
<P>とか<DIV>とかで囲んだ形で丸ごと書き出してないんだろ。

>>170-172
thx!
自分で入れてやってみるしかないみたいね

よく覚えてないけど、
<a href="#" onClick="foo();">...</a>

foo() {
form.submit();
}

くらいの簡単なものだったような希ガス
明日いろいろやってみるわ

<script type="text/javascript"><!--
document.write(aaa);
...
src="test.js"
...
</script>
のように、外部ファイルをincludeする方法はありますでしょうか？

>>148さん
なぜ両方組み合わせるような改造が必要なのかも
理解できてない初心者ですが勉強しますのでお願いします！

>>175
ttp://q.hatena.ne.jp/1161158347

>>176
洩れもソースは読んでないんだけど、タブで前面に出ているものに
対してのみビュアが動作するということは、ビュアが動作を張り付ける
時に探す対象が前面に出ているものだけになってしまってるということでしょ。
だから前面に出ていないものに対しても同様の処理が行えるようにするという
ことじゃないの。

まあ、ちゃんとソース読んで検討しなよ。読めないなら読めるようになる
まで自力で勉強してね。入門書なんかもあるしさ。

>177
ありがとう！

レスどうもです。

>>169
コピペするだけというのは、YouTubeのビデオの右側にあるEmbedという欄の<object 〜>タグのことでしょうか？
たしかにHTMLファイルにそのままコピペすればビデオを表示できるのですが、できればページのロード後にユーザーからの操作を通じてJavaScriptで動的に埋め込みたいと考えています。

>>173
すみません、<P>とか<DIV>というのは何のことでしょうか？
いちおう自分の用意した<div id="targetDiv">の中にJavaScriptで埋め込もうとしています。
（156-157で書いた文章は長文な上にわかりづらくて、すみません）

そのまま素直にinnerHTMLに、YouTubeのサイトで表示される埋め込み用のobjectタグをコピペしたものを文字列として代入しても、なぜかその結果が反映されないのです。
もしさらに良い知恵があったら、よろしくお願いします。

>>180
色々確認してみたいんだけど、

if (document.all) {
document.getElementById('targetDIV').innerHTML = '<embed src="http://www.youtube.com/v/1Fp870UGG7s" type="application/x-shockwave-flash" width="425" height="350"></embed>';
}
else {
document.getElementById('targetDIV').innerHTML = '<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/1Fp870UGG7s"></param></object>';
}

は動く？

読み込む外部jsを変数によって変えたいのです。

<script type="text/javascript">
<!--
if (flag == "a") {
<script type="text/javascript" src="a.js"></script>
} else if ( flag == b ) {
<script type="text/javascript" src="b.js"></script>
}

上のようなことをするにはどうすればいいのでしょうか？

>>182
>>177

この質問多すぎるからFAQに入れるかね？そしたら罵倒すれば済むし（ｗ

>>181
なんと！できました！
IEではobjectを使わずに、embedでやるとできるのですね。勉強になりました。
Firefoxでは上下どちらとも動かないようですが、また後ほど色々考えてみようと思います。
どうもありがとうございました！！

...innerHTML = '<div ...>' + ( YouTube Embed をコピーペーストするだけ ) + '<\/div>';
で、どちらもできるだろうに……。

TEST_WINDOW = window.open("test.html" ,"testwin","width=210,height=160,resizable=no")
で開いたウィンドウの中身が全部読み込まれた時のイベントはどう記述すれば良いのでしょうか。
TEST_WINDOW.onload()では駄目でした。
出来ればIE6に対応した形式でお願いします。

>>187
TEST_WINDOW.onload = function() { 動作…; } ;
JavaScriptの文法を勉強しろボケ!

>>188
ありがとう。ごめんなさい。
改変は出来ても真っ向から学習する時間が取れんので。。。

>>188
文法的にはそれでいいけど、それでは動かないような気が・・・

そうだな。過去にも何度か出てきたが、IE6 なら、attachEvent を使う。
もっと言えば、最初はURI引数を空にして、イベント処理を与えてから、
TEST_WINDOW.location.href = "..."; でロードさせた方が確実だろうな。

というか、別窓を開くの、かったるくないか？
もうすぐ2007年だぞ。<IFRAME>が登場して10年近い。
どうしても別文書を開きたいなら、<IFRAME>でいいんじゃないか？
(<IFRAME>要素オブジェクト).onload = function () {...}
みたいな書き方なら、期待通りに実行されるだろ。

>>191

javascriptでCGIからの戻り値を得ることはできますか？



背景

大容量ファイルをアップロードし処理するサービスを作りたい。
サーバはファイル名により処理をするかどうかの判断をする。

大容量ファイルをフォームからアップロードしてからサーバで「ファイル名により処理しない」と判断される場合、転送時間が非常に無駄です。

そこで、フォームのサブミットボタンを押しアップロードが始まる前に、javascriptでファイル名だけ取得し、サーバ側に問い合わせ、処理しないのであればアップロードをしないといった操作を行いたい。

ファイル名により処理するかどうか判断するcgiは既にあるものとします。

なんだか偉そうな文体になってしまい失礼しました。
どなたかご教授お願いいたします。

>>193
できます

>>194にNGワード発見ｗ

>>193
> javascriptでファイル名だけ取得し

この部分はブラウザの実装依存じゃないかしら

>>197
ファイル名だけならOperaでも可能

>>195
方法を教えていただけないでしょうか。

>>196
失礼いたしました。ご教示お願いしますm(__)m

>>197
対象はIEのみなのでOKです

>>199に教授すると
html

<script>
function f(){
var xhr=null;
if (window.XMLHttpRequest)xhr=new XMLHttpRequest();
else if(window.ActiveXObject)
try {xhr=new ActiveXObject("Msxml2.XMLHTTP");}
catch(e){xhr=new ActiveXObject("Microsoft.XMLHTTP");}
xhr.open("GET","http://hogehoge.com/tmp.cgi?"+document.getElementById('f').value.replace(/^.*[\/\\]/,""),false);xhr.send("");
if(xhr.responseText=="t"){alert("up");}else{alert("not up");}
}
</script>
<input type="file" id="f"/><button onclick="f()">!</button>

cgi

#!/bin/sh
FN=`env | grep QUERY_STRING | sed 's/[^=]*=//'`
echo "Content-type:text/html
"
if [ $FN = hoge ] ; then
echo -n t
else
echo -n f
fi

>>200
http://www.ietf.org/rfc/rfc2606.txt
ttp://blogs.msdn.com/xmlteam/archive/2006/10/23/using-the-right-version-of-msxml-in-internet-explorer.aspx

あと、HTMLのID属性を追記するわけないだろ。
必ずあるNAME属性を利用するに決まってる。

>>200
遅くなりましたが、ありがとうございます！
これからちょっとやってみたいと思います。

>>201
えっと･･･、低レベルな私にはちょっと難しくてよく分かりませんが、
メモしておきます！
何か問題が起これば参考にさせていただきます。
ありがとうございます。

>>202
>>201は低脳のデシャバリなだけなので気にしないほうが吉
2個目のリンクだけはちょっとだけ役立つけど

台形公式による円周率の近似値の計算（分割数は1000）を完成させなさい,
という問題を教えていただけませんか？

>>200様
無事やりたいことができました。
私の頭では最初「これは何の処理だろう？」と思っていましたが
ファイル名だけを取り出すところまでやってくださり
本当にありがとうございました！

>>204
javascript:for(a=0,x=0;x<1000-1;(a+=(Math.sqrt(1000*1000-x*x)+Math.sqrt(1000*1000-(x+1)*(x+1)))/2),++x);alert(a*4/(1000*1000));
というブックマークレット

間違えた。
for(a=0,x=0;x<1000;(a+=(Math.sqrt(1000*1000-x*x)+Math.sqrt(1000*1000-(x+1)*(x+1)))/2),++x);alert(a*4/(1000*1000));
でいいのか

<span id=a><span id=b onClick=f()></span></span>
<script>
function f(){
alert(?????????) // 1つ外のタグという命令でaを取得し表示できませんか？
}
</script>

汚いHTML書く奴だな

this.parentNode.id

>>208
parentNodeのこと？

JSってWebProg板じゃないの？そろそろ移動したら？

>>211
WebProg板のローカルルール
「* JavaScript、VBScript等クライアントサイドの話題はWeb製作板へ」
これを直す気があるなら頑張ってね。

↓の記事で、
http://itpro.nikkeibp.co.jp/article/COLUMN/20061026/251846/?ST=develop&P=4
http://itpro.nikkeibp.co.jp/article/COLUMN/20061026/251846/zu04.jpg

B.prototype = new A();
は、prototypeプロパティのコピーって説明されてますよね？

でも、
function A() {
this.x = 'hogehoge';
}
function B() {}
B.prototype = new A();
var p = new B();
とした場合。

aleart(p.x); //hogehoge
で、アクセスできますよね？

Aのprototypeのコピーじゃなくて、
B.prototypeが new A()を参照して、チェーンしてるだけですよね？

そういうふざけた記事を見ると、著者に仕様書よめ、と言ってしまいたい

prototypeプロパティのコピー　って意味不明すぎてなんともコメントつけようがありません

javascriptで、selectタグ中のoption項目の数を増減させるにはどうすればいいですか？

動的にoptionエレメントを生成してselectエレメントの子要素にすればいい

>>215
Optionコンストラクタっていうものがある。

>>216-217
new option()でoptionオブジェクトが作れるんですね〜！
念入りに調べてみたらちゃんと解説してるサイトが見つかりました。
ありがとうございました〜。

自分で調べたのは実に偉い

>>213
最近，Webプログラミングの世界で静かなブームになっている言語があり
ます。何を隠そうJavaScriptです。

だとさｗ　このあたりから中身を見抜いたほうがいい。
しかし、NIKKEIのサイトはイラつく。高が一度の閲覧のためにバカでかい
flashと重い画像をしこたまキャッシュに入れられてページがでるのに
１０分くらいかかる。もう二度とご免だ。行かない。

>>218
たしか、new Optionは廃止になるんじゃなかったか？

10分てｗどんだけ細い回線使ってんだよ

var hoge;
if (!hoge = false) {
alert('hoge is not false.');
}

↑は構文エラーになるのですが、JavaScriptの仕様はそういうもんでしょうか？
Cでもこういう書き方はエラーになりますか？PHPだと大丈夫なんですが。

==

>>223
そういう意味ではなくて、代入した値に対して反転評価してます。
意図としては、つまり、
if (!false) {
}
と同義です。
（hoge is not false.と書いたのはなんか意味が変なので、気にしないで下さい）

>>223
Cでも構文エラー。
PHPは特別な構文として許しているだけ。
「左辺値」でぐぐれ。
というかECMAScriptの仕様書漁れ。

>>226
了解です、ありがとうー

if(!(hoge = false))

問題があってここに来ましたが、
過去ログを調べて解決できました。
このスレの神々と住人に感謝、です。

いろいろと調べていましたが、検索に限界を感じてしまったので、
どうか質問させてください。
function output(num){
switch(num){
case 1:
n = (jumpArray[1][document.form.jump1_1.selectedIndex]+jumpArray[1][document.form.jump1_2.selectedIndex]);
if(document.form.seq1.checked == true && document.form.mul1.checked == true) {
n = n * 88 / 10000; document.form.point1.value = n;
break;}
case 2:
n = (jumpArray[1][document.form.jump2_1.selectedIndex]+jumpArray[1][document.form.jump2_2.selectedIndex]);
if(document.form.seq2.checked == true && document.form.mul2.checked == true) {
n = n * 88 / 10000; document.form.point2.value = n;
break;}
}
以上のように全く同じ処理を、場所のみ変えて行うのですが、
現在はswitch文を使って、onClickイベントから数字だけを返して分岐させています。
ただこれが延々と30くらい続く予定でして、さすがにそれは大き過ぎると感じ、
この処理を分岐させずに、すっきりと行える方法はないか、と考えています。
フォームの名前は数字だけを変えて統一させているので、
これを使って何か良い方法はありませんでしょうか？
どのように検索すればよいかわからなくなってしまったので、
こちらに質問させて頂きました。
スレ汚し、本当に申し訳ありませんが、何卒お願いいたします・・・

FAQは見たか？
>>3-4

勉強をかねてGETをパースするスクリプトを書いてるんですが。
idx[id[0]] = id[1];
のように配列のキー(?)に変数を指定する方法が分かりません。
それともこのスクリプトにはほかの問題があるんでしょうか？
秀丸で書いて、IEで表示させてるだけなのでデバッグにてこずっています。

-------------------以下ソース-----------
arr = location.search.substr(1).split("&");

idx = new Array(2);
for(i in arr){
echo(i + ":");
echo(arr[i] + "<br>");
id = arr[i].split("=");
echo("!" + id[0] + ":" + id[1]);

idx[id[0]] = id[1];
}
echo("safe");
echo("!" + idx[test1]);

>>232
そのtest1というのは何？ 'test1' じゃなくて？

>233
ありがとうございました。
俺だめじゃん・・ orz

ついでに聞いてよろしいでしょうか？
idx[id[0]] = id[1];
ではなく
id[0]内の文字列で変数を作って、 id[1] を代入する方法がありましたらお願いいたします。

GETが test1=1 だとしたら。
document.write(test1);
で 1 が表示されるといった感じにしたいのです。

eval すればいんじゃね？

>>235
FAQ読もうな。>>3とか。

>>236 ボケ!そんなもんにeval使うな。

>>235
それはやらない方がいいよ! 重要な変数「x」があったとして
「?x=0」とかつけられたトタンにそのxが書き換えられてしまうだろ。
PHPとかでそういうのが問題になったことがあるんだよな。

>>239
その無理解・混乱ぶりの方がこええよｗｗｗ

>>231
遅くなってすみません。
FAQは読んだつもりではいましたが、
よく見ると似たような質問がありました。
ご指摘、ありがとうございます。
しかし・・・こちらの問題に適用しようとしたのですが、
どうもうまくいきません・・・
そのままではダメなのでしょうか。

もちろん、理解してちゃんと使えばできるだろ。
理解できないのなら自力で勉強すれ。

Dateオブジェクトを使って桁数補正ができるのはどういう理屈ですか？

>>243
桁数補正とは何かね。

つ　sprintf

あ、ここJavaScriptのスレだった

>>242
あなたの叱咤のおかげで、自力で解決にこぎつけました。
いや、自力といっても結局は過去の回答のおかげです。
function output(num){
switch(num){
default:
n = (jumpArray[1][document.form["jump"+num+"_1"].selectedIndex]
+jumpArray[1][document.form["jump"+num+"_2"].selectedIndex]);
このような感じにしたら、どの列でも処理をしてくれるようになりました。
ただ、switch文は必要がないはずなのに、
これをはずすと動きません・・・
最初からdefaultにすれば動くので、問題がないといえばないのですが、
気になるところではあります・・・

何にせよ、ご誘導とご叱咤、本当にありがとうございました。

×ご叱咤　　○叱咤
美しい日本の美しい日本語では「ご叱咤」とは言わない。
「叱咤激励」参照。「ご激励」と言わないのと同じ。

>>248
迷いましたが、つけてしまいました・・・
ご指摘、ありがとうございます。
・・・この「ご」はOKですよね。

>>249
OK。自分で勉強したのは偉い

IE7に変えてから2ちぁんねるブラウザ（かちゅーしゃ）でランタイムエラーが出るようになった。
一行目で文字が正しくありません、っていうもの。

不思議なのはhoge.htmlとしてローカルでIEで読み込ませると正常。
問題のスクリプトは外部スクリプトで読み込ませているんだけど、これを外部でなく
普通（内部）に記述すると正常に動作する。
外部スクリプトを複数記述しているので、IE7になって、外部スクリプトの読込数とか
バッファに制限ができたのだろうか？

なにかヒントはないでしょうか。

ヒント：板違い

ヒント：IE6

一行目で文字が正しくありません

var tmpAtagObj = document.createElement("A");
var tmpString = document.createTextNode("New Document");
tmpAtagObj.appendChild(tmpString);
tmpAtagObj.href = "#";

こんな感じでオブジェクトどこかのHTMLに突っ込んだ場合
ダブルクリックされた時にhogeという関数を動かしたいのですが
tmpAtagObj.ondblclick = "hoge()";
じゃ無理でした
ダブルクリックされた時動かすにはどうすればいいのでしょうか？

すいません自己解決しました・・・

やっぱり解決してませんでした。

>>255
FAQ読んでから質問しろよクズ

クズと言う奴がクズです。

>>251です w
いやね、その外部ファイルに var a; とかwindow.alert(1); とか単純なコードだけ書いても
同じなんだよね。スクリプトエラーなら直せばいいんだけどさ w
いや、まいったまいった。

>>260
>>252

BMIの計算を作りたいんですが画面に何も表示されません。どこが間違ってますか？

function bmi(){
var taijyu=61; // kg
var shincyou=1.75; // m
var kekka=Math.round(taijyu / (shincyou*shincyou)
);//四捨五入
var hyouka;

if(kekka<18){hyouka="やせ";}
else if(kekka<25){hyouka="標準";}
else{hyouka="肥満"}

document.write("あなたのＢＭＩ指数は、"+kekkka+"です。
<br>体系の評価は、\""+hyouka+"\"です。");
}


【html】
<html>
<head>
<title>BMI計算</title>
<Meta http-equiv="content-script-type" content="text/javascript">
<script src="javascript1.js" type="text/javascript"></script>
</head>
<body onload="bmi()">

</body>
</html

試してないが
<body>
<script type="text/javascript">bmi();</script>
</body>

>>262
kekkka

>>259
FAQ読まない奴のがクズに決まってるさ。2度と来るな。

htmlとcss勉強してきたんだけどjavascriptってかなりムずくね？
とりあえず自分で名前つけられるのが変数なのか？

>>266
エラーの分かりやすいPHPとかjavaとかの基礎をやってから戻ってくると逆に近道かもね。
プログラムっぽいのが初めてなら。

JavaScriptは癖あるよ。ブラウザ依存とか変なとこでひっかかったりする。

でも美しい言語の一つでもある。

確かにJSは美しい、いまだにPerlとかPHPの変数に$付ける仕様に慣れない・・・

付いてないとどれが変数でどれが構文でどれが関数か分かりづらいんだよ

JavaScript美しいかぁ。
実際利用するにはHTMLと組み合わせないといけないからな。。

JavaScriptっていうかECMAScriptの美しさは、クロージャや無名関数、関数オブジェクト、みたいな関数型言語由来の機能を残しつつ、ナチュラルな構文で書けることかなーとか思う。
なじみやすい中置記法とか、ドットによるオブジェクトのメンバアクセスとか、C由来の構文とか。
メソッドのレシーバ（this）が動的に変化するポリモーフィズムは、強力すぎてやや複雑すぎる感じもあるけど、個人的には好みだな。
もちろん細かい不満はたくさんあるけど、根底にあるモデルがすごくしっかりしていると思う。

欠点としてはモジュール化・パッケージ化がしづらい、書き方に個人個人の癖が露骨に出る、ブラウザに乗っかったJSのオブジェクトモデルは何だか知らんがグジャグジャ、などなど。
実用性の面では最悪レベルの言語かもしれん。
まあ要はオナニー言語ってことだな。

だいたい同意。

JavaScript に慣れてしまうと他の script 言語がキモく思えてしまう.
たとえば AppleScript も OOP の仲間だけど激しくキモい.
perl に至ってはじんましんがぁ〜〜〜〜.
でも, 場合によっては使わざるを得ないのが鬱だぁ.

変数に$がついてないと書けないなんて、スクリプト言語「しか」
書けないヤツということになるわけだが…

以下のソースのようにスクロールを作った

<html>
<head>
<title>
Javascriptスクロール
</title>
<script language=Javascript>
<!--
msg="文章";
function scroll(){
msg=msg.substring(1,msg.length)+msg.substring(0,1);
document.myform.mytext.value=msg;
setTimeout("scroll()",300);
}
//-->
</script>
</head>

<body onload=scroll();>
<form name=myform><input size=60 name=mytext></form>
</body></html>

同ページに別文章で同じようなスクロールをもう一個作るにはどうすればよいのでしょうか

>>255
tmpAtagObj.ondblclick = hoge;

>>262
onloadにdocument.writeを書いても反映されないよ。
もしonloadに入れたいんだったら
document.getElementById("bmitext").innerHTML = "結果文字列";
とかやって、<body>〜</body>内に
<div id="bmitext"></div>
とか入れるといいんじゃない？

すいません、質問よろしいでしょうか？

表示するページをJSPで生成してtableを表示する際
classファイルの方でSQLを流し、tableに表示するデータを取得しています。

tableの一列目にチェックボックスがあり、ページの中のボタンを押すと
チェックされた行の別の列のvalue(bool)を見て、正しい行のみ
classファイルへ飛ばそうとしています。

チェックボックスのon/offをチェックし、
同じ行の他の値を調べるJavaScriptの記述方法を教えて頂けないでしょうか


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

function question(){
　　alert('これからいくつか質問します。');

　　name=prompt('あなたの名前は？','中田ヒデ');

eat=prompt('好きな食べ物は？','うめぼし');

　　sport=prompt('好きなスポーツは何ですか？','サッカー');

if(confirm(Ｊリーグは好きですか？)){j='好き';}
　　else{j='嫌い';}

　　alert(name'さん、あなたは、'+eat+'が好きですね。スポーツは'+sport+'が好きですね。\n
Ｊリーグは'+j+'ですね。'

↑すいません！

がんばってjavascriptを勉強しようと思ってるのですがつまづいた・・。
上の函数を作ってみたんですが全然作動しません。
一番最後のalert(name〜);のとこを入れないとダイアログなどが出て正常に動作します。
なので、この部分がエラーだと思うんですが、どこがおかしいんですか？
alert(aa);みたくシンプルにやっても駄目でした。ヒヨッコに力を貸してください！

>>281
http://www.tohoho-web.com/js/form.htm
>>282
とりあえず変数nameが文字列と連結されてない

>>282
「(」と同じ数だけ「)」が必要だとか文字列の途中で行変えちゃ
いけないとか。エラーのときは「何行目の何文字目でエラーか」
出るんで、それを見て自分で直せるようになるべきだな。

>>283の>>281は>>280宛ね

<script type="text/javascript">
<!--
function question(){
alert('これからいくつか質問します。');
var name=prompt('あなたの名前は？','中田ヒデ'),eat=prompt('好きな食べ物は？','うめぼし'),sport=prompt('好きなスポーツは何ですか？','サッカー'),j=confirm('Ｊリーグは好きですか？')?'好き':'嫌い';
alert((name?name+'さん、\n':'')+(eat?'あなたは、'+eat+'が好きですね。\n':'')+(sport?'スポーツは'+sport+'が好きですね。\n':'')+(j?'Ｊリーグは'+j+'ですね。\n':''));
}
// -->
</script>
<input type="button" value="問い" onclick="question()">

>>280
ハア? 正しいとかチェックするとか喪前の脳内にしかない
定義だらけでまったく内容が理解できないよな。
>>1 「質問を分かる日本語で説明できる者 」

恐ろしく亀だが、>>140のサーバサイドJavaScript実装(っぽいもの)のプロジェクトがあった。なんかMozilla系の実装を利用するっぽい。

ttp://ajaja.alphageek.jp/
既出？

きんもー☆

>>284
＞エラーのときは「何行目の何文字目でエラーか」 出るんで

どこに出るの？

>>290
テンプレを嫁。ブラウザをそのように設定するか
警告の「!」アイコンをクリックする。

嫁だってﾌﾟﾌﾟﾌﾟきんもー☆

別に煽ったっていいけど何も出ないよ。まあがんばって虫取りしたまへ。

Javascriptにバイナリデータを吐かせて、それをブラウザに画像データとして解釈させることってできますか？
<img src="img.js">みたいなことを考えているんですが。

画像としてのコンテントタイプが送れなそうだし無理ですかねえ

>>293は腐女子だから気をつけろ

>>294
mime type を送るのは鯖のお仕事

javascriptの勉強をはじめました。
どうでもいい疑問なのですが、なぜjavascriptの変数やfunction名は大文字と小文字が入り混じっているのですか？
また、大文字を使う場合の規則性などあるのでしょうか？

>>297
You is a big fool manという変数を作りたいときに単語の頭を大文字にして
youIsABigFoolManと表す

>>296
知ったか発見

>>297
"camel casing"でググると吉。

規則は>>298の言うとおりで、その大文字がラクダのコブを
連想させるところから命名された。

>298,300
camel casing参考になりました。ありがとうございます。
javascriptの命名規則はcamel casingが基本ということでOKでしょうか。
もう少しググってみます。

javascriptのエラーが出るブラウザの設定ってどうやんの？ムズいの？
誰か暇人の教えたがり君設定方法を書いてくれ

>>302
まずブラウザ。

camel casing は読みづらいのでうちはラクダ本派だけどアンダースコア派。

Javascriptは書くが、Java厨ではないのでアンダースコア派。
もしくは全部小文字で日が経つとなんだかわからなくなる派。

>>303
インターネットエクスプローラー６

>>306
インターネットオプションの詳細設定を総なめしてみれ

>>306
まず、絶対にエラーを起こすようなスクリプト(関数閉じてないとか)を含むHTMLを読ませたら、左下に黄色いマークが出るはずだから、それをダブルクリックする。
で、「ページにエラーがあるときは、このメッセージをいつも表示する」にチェック。あと、「詳細を表示」にしておく。

まさか釣りじゃないよね？

釣りだよバカ死んで

最初の単語も大文字なのはそのcamel casingってのに入るの？
それとも、そんな変わった書き方してるの俺だけか……。

どっちもキャメルケース。
大文字始まりをアッパーキャメルケース、
小文字始まりをローワーキャメルケースというんだと。

俺の場合JavaScriptでは基本的にローワーキャメルケースで
コンストラクタとして使う関数名にはアッパーキャメルケースを使う。

確か過去スレに、Sunの出しているJava Coding Standardに従うのがいいんじゃね？というスレ的推奨があったよね

>>304-305
きみらが初心者か、または、入門時にまがい物を見て影響されちゃっただけだよ。

例えば、RubyやPerlの関数名や変数名をキャメルにしたら間違いなく誰かに突っ込まれる。
逆も然り。要するに、言語の慣例に倣うのが基本だな。
JSでアンダースコア使うなら、それなりに意味のある使い方にした方が良いだろうね。

>>305
スレチガイだが、厨じゃなくても、Javaはキャメルで書くよね？馬鹿？

>>307-308
おお、センキュウ〜
こんな便利が昨日があったとは・・

あ、↑の日本語がおかしいや。すみません。
あとjavascriptもスタイルシートみたく外部ファイルにしたほうがいいの？

ケースバイケースとしか言いようがない

ふーん。じゃあ馴れるまで外部は止めとくよ。サンクス。

>>316
彼は大谷晃。決定打発言乙。まあ晃は晃でも谷本のウザさは異常

"追加"ボタンを押すと、入力欄とそれに対応する"クリア"ボタンが追加されるようなことがしたいと思い、
入力欄と"クリア"ボタンの追加はできたのですが、
"クリア"ボタンにonclick="clearInput(id)"のような指定をしても思ったような動作が得られませんでした。
onclick="clearInput(2)"とか定数にするとクリアが機能するんですが、クリアされる入力欄が固定になってしまって．．．

onclickの指定は、〜.setAttribute('onclick', new Function("clearInput(id);"));のようにしています。

間違っている点やおすすめの方法などありましたらご指導お願いいたします。

>>319
FAQをよく読めボケ!

orz

質問です。
for(var i=0;i<5;i++){
document.getElementById('tf'+i). ...
}
のようにしてIDを設定しようとしたのですが、オブジェクトがnullだと叱ら
れました。こういう書き方だとgetElementById('tf'1).のように設定される
からでしょうか。getElementById('tf1').にするにはどう書けばよいかご教
示ください。

>>322
tf0がないってオチはないだろうな？

ありがとうございます。それはないです。

それなら>>322で取得できるはずだべ
そうなると...の部分が怪しいがまずは一時変数に格納するとかして問題を切り分けたらどうよ？

お願いです。。。。。どう検索しても出てこない質問です。もし奇跡的にもここで分かる方がいたらぜひ教えていただきたいです。わらにもすがる思いでここにきました。
質問は、""（ダブルクオーテーション）の中には''（シングルクオーテーション）が入りますよね？そのシングルクオーテーションのさらに中に同じことをしたい場合、どうすればいいのでしょうか？というものです。
そもそも３つの入れ子は無理なんでしょうか。。。。お願いです！助けてください！！！！！！！

>>322
Firefoxを入れる。
ttp://www.mozilla-japan.org/

FireBug extention を入れる。
ttps://addons.mozilla.org/firefox/1843/

debug している url を Firefox で表示する。

右下のステータスバーにある、緑のチェックマーク、若しくは、エラー表示をクリックして、Firebug を表示する。
左側のLine number をクリックすると、そこで実行が停止するように設定できる。
設定したら、再表示。

うまくいくと、設定した場所で実行が止まり、右側に変数の内容を表示する。
左下にある、曲がった矢印の2番目の奴で、以降一行ずつ実行。

結果、ここで同じ様な質問をしなくて済むようになる。めでたし。

>>326
back slash （日本語windowsなら　\ マーク）で、エスケープ。
" ' \"\" ' " こんな感じ。

>>328
うわ〜〜〜〜〜〜〜〜！！！！！！！本当にありがとうございます！！！
信じられません。グーグルで二日間探しまくったのに、全く出ていませんでした。
あなたは神です！！！！ありがとうございました！！！！！

具体的にどういうキーワードで探したら二日間もかけながら見つけられなかったのか興味がある。

でもエスケープという単語を知らずにどうやって調べればいいのかもよくわからんな

むしろ、最初に言語リファレンスを読まないのが問題なわけで…

記号の検索は名称でないと難しいからなあ
まあでも>>332が全てだな

んなこたあない。Googleの検索方法の書籍を読めば出ている。

引数に0から始まる数、例えば0123を渡したところ83という数に変わっちゃったんですが
0から始まる数字は渡せない仕様ですか？

>>335
８進数として解釈されてる、というか、０から始めるのは８進数の書き方だから。

JavaScript始めたばかりなんですが、驚きの連続ですｗ
で質問なんですが、この言語って、インスタンス生成時点でクラスの
型は自動的に決めてくれるんですか？prototypeに配列を代入する
と配列になるとか。

>>337
たぶんJavaから入ったのかな？
そうなら、変数の型は全てObjectだと思えばおｋ。
実体となるオブジェクトの型やプロパティの有無に関するチェックは全て実行時。

>>337
まずクラスだのいう考え方をきれいさっぱり捨てる。
次にスコープとスコープチェーンを理解する。

特定のクラス名を操作したい場合はどうすればいいの？
idだとgetElementByIdでいけるんだが、
getElementByClassnameってのも無いみたいだし、全く分からん。

>>340
全部のエレメントを検索してgetAttribute等でクラスを識別するのが普通
API一つでどうこうなったりはしない

>>340
まあ本来はclassNameって、JSで一括操作するためのものじゃなくて、CSSで一括指定するためのものだしな。
JSで一括操作するならclassNameに頼らず、HTMLやXMLレベルでDOMの構造をうまく作っとくほうが得策かとは思う。
何か理由があってどうしても必要なら、>>341の言うとおりに自分で実装したらいいと思う。
もしくは、諸悪の根源prototype.jsを使うかｗ

prototype.jsの関数を使ってみたがどうも上手く行かない。

http://www.devpro.it/bytefx/index.php
このスクリプトを使って、特定のクラスを付けたメニューのhover時に色をフェードさせるように
したいんだがダメだ。

function fade(){
bytefx.color(document.getElementsByClassName("classname"), "backgroundColor", "#000", "#fff", 1);
}
これで黒から白に変わると思うんだが、どこがダメなのかさっぱり（メインのソースは省略）。

>>343
ライブラリの使用に困るような初心者は、
手取り足取りスレやWebProg板のAjax語るスレに行けよ。

>>341
XMLなら、メジャーな言語・パーサーのどれでも、XPathを使うに決まってる。

>>340
DOM-level-3-XPathまたはDOM-level-2-Traversalを使えるなら、それを使う。
IEは、存在しないプロパティを持つCSS規則を作って抽出してCSS規則を削除する。
どれも無理なら、DOM-CoreとDOM-HTMLで書くしかないが、
CSSセレクタに使える文字とHTMLのCLASS属性値で使える文字にギャップがあるから、
正規表現を使わずに文字列操作だけで実装するよう注意する。

あるidを持つタグの子ノードをするにはどうすればいい？

document.getElementById("id").childNodes.setAttribute("-","-")

こんな書式じゃダメみたいなんだが、色々調べてもやり方が分からん。

×あるidを持つタグの子ノードをするにはどうすればいい？
○あるidを持つタグの子ノードを操作するにはどうすればいい？

>>345
childNodes の最後の s は、複数形の s です。
ですから、複数の Node が、配列で返ってきます。

故に、ある特定の childNode を操作しようと思うなら、
….childNodes[x].…　とすべきでしょう。

>>347
ありがとう。

しかし上手く行かない。
idにlistを付けたulの子要素であるliタグにclass名を付けたいんだが

document.getElementById("list").childNode.setAttribute("class","class名");

どこが間違ってる？

>>348
日本語くらいちゃんと読めよｗ

>>349
ありゃ、俺はどこを読んでたんだorz
んー、でも動かん。
エラーは出なくなったがclass名が付加されない。
諦めますた。

>>350
setAttributeでclassをいじる事に関してはFAQを読もう
ま、諦めたならいいけど

そういや予約語の class っていつ使うん？

仕様が確定して処理系が実装されたとき

classと暮らす

>>354
テラワロスｗｗｗ

>>355
こんばんは〜
荒らしに来ますたぁ〜
さいきん, ろくな ねたが ないのねぇ〜.
もしかして れべる ていか ??? (ぐゎ〜はっはっは)

>>354-356
自演乙。去れ。

http://www.oricon.co.jp/news/rankmusic/

hahaha

>>353
先行予約しすぎだろｗ

すいません。
もしAが数字じゃなかったらという条件式を次のように書いたのですがうまく行きません。
if(A!=/[0-9]/)
どう書けばよいのでしょうか？

事故解決しました。お騒がせしました。

689 名前：名無しさん＠お腹いっぱい。[sage] 投稿日：2006/10/28(土) 20:48:29 ID:3XbZPdPf0
> 自己解決しました
近頃この手の素っ気ないレスが多いが、たとえ自分で解決したとしても、
その手法をレスすれば、他の困った人々の手助けになるとは考えられないだろうか。

はい、考えられません。

isNaN()

質問です。
生成されたオブジェクトのコンストラクタをとると、｛｝の中に
[native code]と出ますが、この[native code]ってどういう意味
なんでしょうか。お教えください。

nativeのcodeという意味

>>367
早速の的確なお答えありがとうございました。勉強になりました。

>>366
「マシン語のコード」

function unko(){
var setlist = document.getElementById("list");

for (var i=0; i<setlist.length; i++) {
if (i%2) {
setlist.childNodes[i].setAttribute("title","unko");
}
}
}

listと言うidを持つulタグの子要素であるliタグの中で、偶数版目のものだけにtitle="unko"を
付けたいがどこが間違ってるのか分からん。
知っている人がいたら教えてください。

IEはsetAttribute()が効かないが

>>371
一応Firefoxで確認しています。

<ul id="list">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ul>

こう言う並列なリストがあって、liタグ全てにclassを付加したいんですが、どうも上手く行きません。

よくわからんが372だけを見て書いてみた

var items = document.getElementById("list").getElementsByTagName("li");
for(var i=0; i<items.length; i++) { items[i].setAttribute("class(Name)","適当な名前"; }

動くがどうかはしらない。またclass(Name)についてはFAQ参照

>>370 の
setlist.length を setlist.childNodes.length に変えるだけだろ

すいません、質問です。

CSSでイメージのロールオーバー設定すると、画像を先行取得していないので、
マウスオーバー時に読み込みマークでるじゃないですか･･･。

イメージを先行取得させるjavascriptを教えていただけないでしょうか？

http://www.google.com/search?hl=ja&q=javascript+%E7%94%BB%E5%83%8F+%E5%85%88%E8%AA%AD%E3%81%BF

image preload に JavaScript 使うまでもなんじゃない ?
僕なら普通に html 記述して display:none にしておく.
ただし, 数が多くなると読込時間が長くなる.
この辺の兼ね合いが大切だ.

>>376

あざーす！

>>377

なるほど、バランスを見て色々やってみます。
ありがとうございます。

ロールオーバーされそうなイメージだけ先読みしとくとかね。

携帯から失礼します。

IE5or6限定での質問です

つい先ほど知ったのですが、ユニークなIDが振られたタグを参照する場合、document.all. を省略できるんですが、これってIEの仕様（正式にサポートされている）ですか？

MSDNを小一時間見渡してみたのですが（英語力のなさもありますが）こういう参照方法についての記述は見当たりませんでした。


それから、BODYのonloadで呼んでいる関数内で、そのBODY内のDIVを上記方法で参照すると、エラー（定義されていません）になる可能性はありますか？


よろしくお願いします

>>381
8年前、IE4時代の記事。
http://msdn.microsoft.com/library/en-us/dhtmltechcol/cols/dndude/dude081798.asp

>>373
おかげ様で出来ました
感謝してます！！

>>377
クソだな

>>382
ありがとうございます。
なるほど、その当時は仕様だったんですかね。今もそれは変わってないんでしょう…。


それから、二つ目の質問で追記（すいません）なんですが、実際にそういうエラーが出る場合があるらしいのです（自分の環境では再現しない）

で、色々考えて、onloadイベントは、readystateがloadedの時点で発生して、でも参照時にはcompleat（スペル違う？）ではないからかな、とか考えたんですが…。違いますかね？

要素の参照はdocument.getElementById()を使う。それが一番無問題。
IE専のしかも現在公式サポートでない機能のことなど知らんし、
何がどう実装されてるかも不明。
だからそれで相談されても何のアドバイスもないね。

>>386
お前アホかｗｗアドバイスできないなら偉そうにレスするなよｗ

>>386
ま、確かにその通り。

では、二つ目の質問をちょっと変えます。
bodyのonloadイベントは、そのbody内のエレメントはすべて準備が調ってから（readyStateがcompleteになってから）発生するのでしょうか？それとも（あくまで可能性の話として）タイミングに寄ってはエレメントを参照するとエラーになることはあるのでしょうか？
MSDNでは、全てLoadしたら、という書き方をしていて、それってどっちなのかぁ？と思いまして…

readyStateってDOMに対して定義されてないだろ

あ、そうなんですか。すいません。勉強不足でした。
ということは、bodyのonloadイベントで実行しておけば、そのbody内はどれも参照可能ってことですか？

>>390
>bodyのonloadイベントで実行しておけば
自分で試せ屑。

HTMLのBODY要素のONLOAD属性値に書くことが即ち実行とは言えない。

HTMLのイベント属性値にはreturn文が書けることからも
想像できるように、匿名の関数が作られている。
その匿名関数がイベント発生時に実行されるから、
HTMLのイベント属性値として書いたスクリプトもその時に実行される。
試しに、onload="alert(arguments.callee)" してみればよい。

HTMLのイベント属性値に限らず、例えばIEなら、
<script type="text/javascript" event="onclick()" for="EYED">alert(arguments.callee);</script>
<p id="EYED">hoge</p>
のように、SCRIPT要素の内容が匿名関数本体になる。
(つまり、これはクリックするまでは実行されない。)

ところで、開始タグ直後に「普通の」SCRIPT要素を書けば、
DOM構築及びレンダリングと同期して処理がされる。
また、DOMNodeInsertedイベントタイプを利用すれば、
DOM構築及びレンダリングと非同期で処理がされる。

>>391 何を演説してるのか分からんね。
>>390
HTML 4.01ではonloadは次のように規定されている。

The onload event occurs when the user agent finishes loading
a window or all frames within a FRAMESET. This attribute may
be used with BODY and FRAMESET elements.

だからonloadイベントハンドラの中でgetElementById()で取るなら
どの要素も既に読まれていて取れるものと理解される。取れないなら
仕様に合わないブラウザが悪い。

IE専の機能の場合、そのふるまいがどうであろうと「そういうもんだ」
とIEが言うならそれであきらめるしかない。

一言多いな

質問です。
プロトタイプ継承問題なのですが、英語圏のサイトでincapsulatedという
単語で説明されている意味がよくわかりません。おわかりの方、ご教示
ください。

encapsulateのことを時々incapsulateって言うこともあるから、たぶんencapsulatedのことだと思うけど、日本語で言うと「カプセル化」。
普通にオブジェクト指向でいう、内部仕様の隠蔽の意味かと。

みなさん、いろいろありがとうございました。
とても勉強になりました。

var items = document.getElementById(idname).getElementsByTagName(tagname);

for (var i=0; i<items.length; i++) {
var number = i+1;

setlist[i].setAttribute("onmouseover","function(){kansu"+number+"();}");

任意のidを含むリストの子要素を取得して、そこのmouseover時に動的な名前の？関数を割り当てたいんだが、
上手く行かない。
firefoxは別の設定でいけるんだが、IEでは全然ダメ。

多分上の設定では以下のようになってきちんと動くと思うんだが、どこが悪いのでしょうか？
<ul id="id">
<li onmouseover="function(){kansu1();">リスト1</li>
<li onmouseover="function(){kansu2();">リスト2</li>
<li onmouseover="function(){kansu3();">リスト3</li>
<li onmouseover="function(){kansu4();">リスト4</li>
<li onmouseover="function(){kansu5();">リスト5</li>
</ul>

ど素人なのですが 色々調べてもわからなかったので質問させてください

下のような感じで 選択肢が2つあるラジオボタンと、それに属する2つの
プルダウンメニューを設定しています
　　　　　 　┌─────┬─┐
◎Tシャツ│menu1　　 　│▼│
　　　　　 　└─────┴─┘
　　　　　 　┌─────┬─┐
◎ズボン │menu2　　 　│▼│
　　　　　 　└─────┴─┘
menu１のプルダウンをクリックすると「Tシャツ」のラジオボタンが
menu2のプルダウンをクリックすると「ズボン」のラジオボタンが
onになるようなスクリプトを作りたいのですが 上手くいきません


html(実際はphpファイルですが)には
<form action="***.php" method="POST">
(中略)
<input type="radio" name="type" value="1">Tシャツ｡
<select name="group_id1" onFocus="changeCheckedA()">
<option value="hansode" selected="selected">半袖</option>
<option value="nagasode">長袖</option>
(中略)
</select><BR>
<input type="radio" name="type" value="2">ズボン
<select name="group_id2" onFocus="changeCheckedB()">
<option value="jeans" selected="selected">ジーパン</option>
<option value="chino">チノパン</option>
(中略)
</select>
</form>

<続きです>
jsファイルに
function changeCheckedA() {
document.forms[0].radio.value[1].checked = true ;
}
function changeCheckedB() {
document.forms[0].radio.value[2].checked = true ;
}

とやっています

ネットで調べて表記方法を細かく変えてみたのですが 一向にラジオ
ボタンはonになりません
何かとてつもなく根本的な勘違いをしてるんだと思いますが わかり
ませんでした

何かアドバイスをいただけるとうれしいです
よろしくお願いいたします

>>397
いろいろだめだ

>>399
フォームに名前を付けちまった方が手っ取り早いと思うがどうよ。
あと、セレクトメニューの名前が同じなのはわかりにくいが。

>>397
setlist[i].setAttribute("onmouseover","kansu"+number+"();");
でどうよ？

>>399
function changeCheckedA() {
document.forms[0].type["0"].checked = "on";
}
function changeCheckedB() {
document.forms[0].type["1"].checked = "on";
}
にしてみ。

>>402

それだとIEが動かないんですよorz
多分setAttributeうんぬんの問題だと思います。
代わりにfunctionを挟めば良いらしいんですが、＋で結合している形なので"function(){kansu"が
文字列と判断されて動かないみたいで…。

上手い事やる方法は無いのかなぁ。

今更ですが>>397のsetlist[i]はitems[i]の間違いです。

>>397
文字列ではなく関数オブジェクトを渡す。
items[i].setAttribute("onmouseover",window["kansu"+number]);
または
items[i].setAttribute("onmouseover",new Function("kansu"+number+"();");

>>403
setAttributeを使うという考えが諸悪の根源。
items[i].onmousemove = window['kansuu' + i];

>>404 >>405
やっと出来たー。
お二人には感謝！！
10時間以上かかってようやくここまでこぎつけたorz

ほんとうに感謝です。

>>401
ホント汚いコードですいません

>>402
確かにvalueは数値ではなく文字列として考えるべきですね!!

でも変えてみましたがダメでしたorz　もちろんhtmlのvalueも変えたの
ですが…("1"と"2"だったので"0"と"1"に)

他にどこがダメなんでしょうか…

>>407
ごめん、ちょっと勘違いしてたので訂正。
↓をそのままおれのとこのIEで動かしたら、おそらく意図したとおりに動いたよ。

<script type="text/javascript">
function changeCheckedA() {
document.forms[0].type[0].checked = "on";
}
function changeCheckedB() {
document.forms[0].type[1].checked = "on";
}
</script>

<form action="***.php" method="POST">
<input type="radio" name="type" value="1">Tシャツ｡
<select name="group_id1" onfocus="changeCheckedA()">
<option value="hansode" selected="selected">半袖</option>
<option value="nagasode">長袖</option>
</select><BR>
<input type="radio" name="type" value="2">ズボン
<select name="group_id2" onfocus="changeCheckedB()">
<option value="jeans" selected="selected">ジーパン</option>
<option value="chino">チノパン</option>
</select>
</form>

何をメチャクチャ書いているんだか…
document.forms[0].elements.ラジオボタン名[番号].checked = true;
だ! デタラメなアドバイスする奴は去れ!!

>>408
いけました!!　ありがとうございます!!
本当にありがとうございました!!!

しかしname="type"ってのはややこしいですね　反省です

setAttributeの引数はどっちもDOMStringだろ。
setAttribute("onmouseover",new Function("kansu")みたいな馬鹿な書き方は
誰が言い出したんだろ。

ひとつ質問です。
オブジェクトのリテラルでキーはクォーテーションで囲むのが正しいですか？

>>412
囲んでも囲まなくても正しい

>>411
馬鹿IEの実装はそうなってないんだよ。

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

setAttribute使う奴は皆stringでいいと勘違いする。
だから漏れはsetAttributeを罵倒することにしてる。

IE6以上限定でもいいのですが、
input-buttonの絶対位置を調べる方法はないでしょうか。
ボタンはスタイルシートで絶対位置指定してるものではなくて、
描写位置を知りたいです。

input-button要素に限ったことじゃないと思いますが
調べる方法を教えて下さい。

>>416
setAttributeを使わないと指定できないものもあるんじゃないのかな。
それと、setAttribute自体の引数は両方Stringだよ

>>417
offsetLeftあたりでぐぐってみて

>>418
ありがとう。

すいません。
解決できたと思い込んでいたのですが、
思っていたのと違うみたいです。
offsetLeftは、ウィンドウを基準にした場合の要素の左の座標
だと思うのですが、
取得できた値がかなり小さいです。
なぜでしょうか。

>>420
自分で調べろ。最終ヒント：msdn measuring でぐぐれ

>>418
setAttribute()でないと指定できないものの具体例、キボン。

langとか

>>423
http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-59132807

つまり、合計して求めるしかないってことですね。
ありがとうございました。

onClickやonKeyPressに複数イベントを設定することはできるでしょうか。
たとえば、ボタンを押したらfunction aaaとfunction bbbを両方実行させたいのですが

>>426
function ccc(){
aaa();
bbb();
}
という風に纏めた関数を作って、function cccを呼び出せばいい

>>427
やはりその方法しかないでしょうか。
各イベントには１つづつしか設定できないでしょうか

選択値によってスタイルのクラス名を指定し、visibilityをhidden／visibleをボタン一括して切り替えています。
このとき、クラスが設定されているタグの種類はいろいろ（少なくともspanとdiv）です。
　例：選択値＝'typeA' … 対象クラス名＝'classA'
　　　 選択値＝'typeC' … 対象クラス名＝'classA','classB','classC'

document.all[i].className、document.all[i]..style.visibilityを使用して
IEでは何とか動くようにできましたが、他のブラウザ（NN7、FireFox、OP9）では全く動いていません。
document.all[i]ではなくdocument.getElementsById['id_str']または
document.getElementsByTagName('tag_str')というサンプルは多くありましたが、
クラスが設定されているタグはページ内に複数あり、IDは設定していませんし、タグも1種類ではありません。
どうすれば、ページ内のクラス名を参照し、visibilityを変更することができますか？

>>428
onclick="aaa();bbb();"

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

>>429
必要なタグを全部見る

>>429
HTML の構造を工夫して,
document.getElementsByTagName('hx');
を活用すれば id を振らなくてもうまくいく.
んで, IE を基準に考えて script を書くのはお薦めしない.

>>432、>>433
ありがとうございます。
全てを対象にするものが無いようなので、spanとdivのみを使用するようにして
この2種類のTagNameを調べるようにしてみます。

>>428
テンプレは読んだのかね。addEventListener/addHandlerを使えば
いくつでも追加していいける。ただしブラウザ振り分け必要。
>>429
document.allを使った時点でクロスブラウザは捨ててると思うべき。
他のブラウザで動かないとか言い出すのならDOM標準準拠で書け。
どっちでも自分の好きな方でいいが目指す方向と違う方を選んで
おいて相談されてもやる気にならんから。

IE7で、下のような確認させる表示をつけたときだけ、そのボタンをクリックしても実行されません。
<input type='submit' name='delete' value='チェックした写真削除' onclick='return confirm("本当に削除してもいいですか？")' />
IE6やFxでは動きます。どうすればいいのでしょうか？

>>436
7.0.5728.16387
7.0.5744.16384
では問題なかった。

>>437
申し訳なかったです。
下記のIE7のスタンドアローンのやつだと、無理だっただけっぽいです。
http://www.koikikukan.com/archives/2006/11/08-005050.php

>>437
申し訳なかったです。
下記のIE7のスタンドアローンのやつだと、無理だっただけっぽいです。
http://www.koikikukan.com/archives/2006/11/08-005050.php

>>435
addHandlerとは？

>>434
IE  addRule(),  removeRule()
W3  insertRule(),  deleteRule()
すればいいだけのような気がするが……。

>>434
もし、どーしてもHTMLのclass属性値で自力抽出したいなら、DOM-XPathを使えって。
FxやOpera9相手なんだろ？これら今時のUA相手に、DOM-Coreや
DOM-HTMLを使って全部回すなんて、頭おかしいと思われるよｗｗｗ

FAQ かなと思ったけどうまく調べられないのでお願いします。
script src で読み込まれた js 内で、自身のパスを参照するにはどうすればよいでしょう？
img を吐くようなスクリプトで、script src 自体はどこに貼られてもよいようにしたいわけですが。
できそうな気はするんだけど…。ってか、一応以下でできたんですがもうちょっときちんとした方法は無いものかと。

document.write('<span id="xxxxxx" />');
var e = document.getElementById("xxxxxx");
var basePath = e.previousSibling.src; // script src
basePath = basePath.substring(0, basePath.lastIndexOf('/') + 1);

/

ノシ

try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}

上記で、document.write(xmlhttp.readyState);を行うとどうしても4でなくて
0となってしまいます。
処理自体はxmlhttp = new XMLHttpRequest();の方が走っているのですが…
エスパーの方、いらっしゃいましたらお願いします。

>>443
過去ログにもあるがちょうど最近似たような話題を見たな。
ttp://ajaxian.com/archives/documentwrite-and-xhtml
というわけで
var e = document.documentElement;
while (e.tagName.toLowerCase() != "script") e = e.lastChild;
var beginPath = e.src;
でどうよ？

thx

>>446
document.write()使ってるという時点で皆ドン引きかと思われ。
過去ログ読みまくればreadyState論議が見つかると思うけどね。

質問です
javaスクリプトを用いて
ページ自体を更新することなく
部分的にCGIの実行結果を表示したいのですが
これは可能でしょうか
(perlでサーバー上のファイルサイズ取得、これをスクリプトでリアルタイムに表示)
おねがいします

質問です。
フォームのイベントでoptionのvalueに値を代入すると、その値の
optionのtextがselectの窓に見えるようになるというのは、どういう
理屈からですか。いくら考えてもわかりません。IE専の仕様ですか？

>>450
まさにそういうことを目的とするのが
今流行のAJAXというものらしいです
ぐぐれば死ぬほど出てきます

>>451
サンプルが無いと意味がよくわからんです。

>>451
value of type DOMString
The current form control value (i.e. the value of the
currently selected option), if multiple options are
selected this is the value of the first selected option.

とあるから、そしてreadonlyではないから、ここに書き込むと
それが選択された値であるように選択項目が切り替えられる
ようになっている、という風に読んでもいいんじゃないの。
必ずそうなっているべきかどうかは疑問だけどさ。

>>453
なるほど選択されたという認識ですね。私はindexでするようにして
いたのですが、確かに依存なしかというと安心できないかもです。
ありがとうございました。

>>450
"CGI の実行結果" というのが
"CGI によって記録されたファイル" なら,
XMLHttpRequest が使える.
ただし, 使えない server があることに注意.

それと XMLHttpRequest は確かに魅力的だけど,
UA を選ばざるを得ない結果になりがちだし,
返される文字コードが utf-8 デフォなので
かなり使いにくい...

>>452
下らない質問ですんませんでした＾
おかげさまで解決しました
>>455
AJAXでCGI直で実行結果をリアルタイム表示に成功しています
これをうまいこと数値として扱えれば最高なんですが
この辺の可能性は勝手に探してみます

ありがとうございました

>>450
ajaxでもいいけど面倒なのでiframeにでも読ませるのが簡単かもよ。
とにかくアンタが詳しい処理内容を説明しないから誰も回答しようが
ないんだよ。質問するならするでちゃんと説明しなよ。

質問です。
appendChildするのではなくて、オブジェクトそのものをHTMLとし
て生成する方法はありますか。あれば、やり方教えてください。

>>458
HTMLとして とはどのような形を言うのでしょうか。

>>458
もしかして 「要素オブジェクト.innerHTML = 'HTML文字列'｣
のことかね？もしそうなら，，，

過去スレくらい読めボケ!!! 2度と来るな!!!

>>458
文字列としてのhtmlをどこかのinnerHTMLにつっこめば、
それはDOMオブジェクトとしても扱えるよ。
そういうことを言っているんじゃないのかな？

私的最近のやりかたは、javascriptでcreateTag,appendChild等でタグを生成する
ようなことはめんどうなのでほとんどせずに、テンプレートから文字列として作った
html(の部分)をinnerHTMLにつっこんで画面を構成する、というようにしてます。

>>461
たいへん参考になりました。ありがとうございました。

形の上で罵倒だろうが >>460 もちゃんと教えているということが
コイツには理解できないようだな。2度と来ないで欲しいね。

warota

>>463
おまえバカだろ

460==463 //true
自業自得 ﾌﾟ

こういう時は罵倒も含めてレスくれた人全員にアンカーするのが
波風立てない大人の生き方。これ最強。

華麗にスルーされて少し傷ついた>>459の意見ｵﾜﾘ。

タグ直書きでappendChildみたいな事がやりたいなら、
insertAdjacentHTMLというものもありますよ。

>>1-467
ありがとうございます

>>468
このレスにはレスが貰えなくて傷つきますた

前スレまでしかレスしてない人が傷つきますた

質問です。
コンストラクタ内の「this.getMonth()+1」が「101」と連結になってしまう
のですが、どうすれば加算になりますか。「Number(this.getMonth())+1」とか
でもだめでどうやってもうまく行かないです。

ソース書けと。

個人的にJavaScriptの+演算子が文字列連結の機能を持ってしまっているのは
言語設計上のミスなんじゃないかと思うわけだが。

>>471 parseIntでぐぐれ

>>471
Number()やっても駄目というのはげせないね。ソース貼ってみ。
>>473
Number()やって駄目ならparseInt()だって変わらんだろ？
変わるという目算があるのなら伺いたいところ。

文字列+this.getMonth()+1　とかやってるんじゃないかと

(this.getMonth()+1) で普通はおｋだと思いますが、
もしgetMonthが自作メソッドならそっちの問題かも知れませんね。

this.getMonth()-0+1
これだ

>>477
なるほど。意図がわかりづらいがなるほど。趣味のソースで今度使おう

>>趣味のソースで今度使おう
ﾌﾟﾌﾟﾌﾟ

来週11月23日(木) 趣味のソース会 開催
　　〜晩秋の採れ立て素材で旬を味わおう〜

初歩的なことですいません。
function f(){}
からfを取り出すにはどうかけばよいのでしょうか。

f取り出すと何が起こるの？

unction (){}

pop関数アルゴリズムを考えると、どうしても配列のlengthに値を代入し
なければなりませんよね。しかし、それはreadonlyなので、そこでアル
ゴリズムが止まってしまいます。ブラックボックスの中はどうなってい
るのでしょうか。ご教示ください。

>>483
ちがう



f f

>>481
高度すぎてわかりません
>>484
それJavaScriptの質問なの？
function pop() {
[native code]
}

>>484
ってlengthはreadonlyではないんだけど。
>>481
toString()で文字列にしてfunctionの次にある名前を取り出せば？

ちなみに配列のlengthはreadonly属性がついていない
ついているのは文字列

>>481 >>484
目的を教えてくれんと返答のしようがないよ。

>>487
こういうこと？

var f_str = (f+'').replace(/^function�s+([^�(]+)[�x00-�xff]+/,'$1');

function Class1() { this.a = 1; }
function Class2() { this.a = 2; }
Class2.prototype = new Class1();
var test = new Class1();

この時、Class1のaを3にしたい場合は
test.prototype.a = 3;
で良いのでしょうか？

491はミスです。全文書き直させてください

function Class1() { this.a = 1; }
function Class2() { this.a = 2; }
Class2.prototype = new Class1();
var test = new Class2();

この時、Class2のprototypeに設定されているClass1インスタンスのaを3にしたい場合は
test.prototype.a = 3;
で良いのでしょうか？

>>492
test.constructor.prototype.a = 3; かな。

function Class1() { this.a = 1; }
function Class2() { this.a = 2; }
Class2.prototype = new Class1();
var test = new Class2();

Class2.prototype.a = 3;

かな？
インスタンス側に.prototypeは無い・・・と思います。

>>493

testのconstructorはClass1になってるんじゃないかな？

>>492
でも無事に　Class2のprototypeに設定されているClass1インスタンスのaを3に　にしても
その内容ではどこにも影響を及ぼさないと思いますよ。

>>496
あ？アホかお前？知識無いのにレスするなよ。
新しいClass2を作ったら影響するに決まってんだろクズ

>>497
しないってｗ

>>491-498
結局prototypeのaをぶじ変更してもClass2()のコンストラクタで
aを書き換えてしまうからね。名前が違えばちゃんと影響が見えるが。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
function Class1() { this.a = 1; }
function Class2() { this.a = 2; }
Class2.prototype = new Class1();
var test = new Class2();
test.constructor.prototype.a = 3;
test.constructor.prototype.b = 4;
var test1 = new Class2();
document.writeln('a = ' + test1.a + ', b = ' + test1.b); // 2と4を表示
</script></pre>
</body></html>

質問です。
javascriptをMAC版のIEだけ読み込ませない方法はありますか？
よろしくお願いします。

普通のブラウザ判別でしょ。検索したら。

>>484
function POP()
{
var pp = this[--this.length];
return pp;
}
でいいのじゃないか？

>>502 それはマズいでしょ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
var a = [1,2,3,4,5];
a.pop = function() { var pp = this[--this.length]; return pp; }
document.writeln('[' + a.pop() + ']');
</script></pre>
</body></html>

質問者がみんな音信不通な件について

指定したい時間だけまってくれるようなプログラムを教えてください。

勝手な想像

Wait(30)

ってやると３０秒たつまで何もできないような感じで
よろしくお願いします

>>505
JavaScriptにはそれは存在しません。30秒後以降にやりたい
動作を別の関数にしてsetTimeout()で登録すれ。そのように
コードを直せない奴はJavaScriptプログラミングをしてはいけない。

リンクをクリックして背景色や背景画像を閲覧者が変更できるようにしたいのですが、
ＡＡＡ
ＢＣＤ
ＥＥＥ
というテーブル内で、D内にあるリンクを押すとCの背景が、
B内にあるリンクを押すとテーブル全体の背景が変更できるようにしたいのです。

同セル内にあるリンクで同セル内の背景変更などのスクリプトは
検索してあったので分かるのですが、
指定した範囲のみを変更するってことはできるのでしょうか。

>>507
テーブルだろうがセルだろうが、「要素」 なのはかわらんわけで、
idつけて要素を特定してやればいいだけでしょ。
わざわざテーブルとかで検索するからややこしくなる。DIVのスタイル変更もTABLEのスタイル変更も一緒。

質問です。
Arr=[1,2,3,4,5]という配列を出力するときに通常だと、
1,2,3,4,5
ですが、これを各要素ごとに改行させて
1
2
3
4
5
としたいのですが、Arrにどういう変更を加えたらいいのでしょうか。
よろしくお願いします。

自己努力により解決してしまいました。
スレ汚しすいません。

>>507
セル再現して書くのめんどい。
テーブルのサンプル貼れば
それを暇人が勝手に改造してくれるよ。たぶん

>>507
function getCellBefore(cell) {
  var i = cell.cellIndex - 1;
  return i == -1 ? null : cell.parentNode.cells.item(i);
}
function getAncestorTableOf(node) {
  var TABLE_TAG_NAME;
  if (node) {
    TABLE_TAG_NAME =
      node.ownerDocument.documentElement.tagName == 'HTML'
        ? 'TABLE' : 'table';
    while (node.nodeName != TABLE_TAG_NAME) {
      if (!(node = node.parentNode)) {
        return null;
      }
    }
    return node;
  }
  return null;
}

>>508さん>>511さんレスありがとうございます。
以下をやってみたのですが動きません。

head内に
<script type="text/javascript">
<!--
function bgc01(#000000){
document.getElementById("lf").bgColor=#000000;
}
//-->
</script>を、
背景を変更したい<table>内にid="lf"を、
>>507のD内の変更を実行するリンク<a>に
href="#" onClick="javascript:bgc01(#000000);"を書きました。
良ければどなたか添削していただけないでしょうか…

>>513名前入れ忘れました>>507です
>>512さんありがとうございます
正直自分のレベルだと何が何だかよく分からないのですが
>>512さんのタグを元に検索してまた勉強してこようと思います
せっかく書いて頂いたのにすみません…
スレ汚し失礼しました

>>512
わざと難しく書くなよｗ

>>513
512のスクリプトをｈｅａｄに置いて、

テーブル全体の場合
<td onclick="getAncestorTableOf(this).style.backgroundImage='url(画像.jpg)'">

左のセルの場合
<td onclick="getCellBefore(this).style.backgroundImage='url(画像.jpg)'">

こんな感じに使えるよ。

>>513
<html>
<head>
<script type="text/javascript">
<!--
function bgc01(id,color){
document.getElementById(id).style.backgroundColor=color;
}
//-->
</script>
</head>
<body>
<table id="lf">
<tr><td>A</td><td>A</td><td>A</td></tr>
<tr><td><a href="javascript:bgc01('lf','#FF0000')">B</a></td>
<td id="lf2">C</td>
<td><a href="javascript:bgc01('lf2','#0000FF')">D</a></td></tr>
<tr><td>E</td><td>E</td><td>E</td></tr>
</table>
</body>
</html>

prototypeはプロパティですかorオブジェクトですか？

なぜorで結ぶ

javaでポップアップメニューを出したのですが、
body部分の表のしたに隠れてしまってみえないのです。
どうすれば、表の上にポップアップが来るのか教えてください

志村！スレタイ！スレタイ！

div z-index 1

>>518
Is prototype a property _or_ an object?

>>516さんが書いて頂いた通りにしたところ無事動きました！
画像変更や他のやりたいことも時間掛かりましたができるようになりました。
>>515さんも有難うございます。参考にさせて頂きました。

JavaScript苦手だったんですけど検索中に良いサイトがたくさん見つかったので
もう少し勉強してみようと思います。皆さんありがとうございました。

Formの要素の何かに対して操作をするFormのプロトタイプを
作ろうとしているのですがうまくいきません。

例えばFormのnameを設定するfunctionを次のように書いてみました。
setNameでformの名前を設定させ、alertでセットした名前を確認する動きをさせたいものです。
うまく動かない原因を教えていただけないでしょうか。

Form.prototype.setName = function(val) {
this.name = val;
}
function test() {
var f = document.forms[0];
f.setName("aaa");
alert(f.name);
}

>>497-498

ちょっと噴いた

>>524
Formがコンストラクタじゃないからじゃね？
常識的に考えて…

>>526
そうだったのですか。
勉強不足でした。出直してきます。

ならこうしてしまえばどうよ
function Form(){/*.......*/}
Form.prototype.setName = function(val) {
this.name = val;
}

質問です。
画像をアップロードする掲示板CGIで、
投稿ボタンを押したときに通常の投稿動作に加え、
別の掲示板CGIにも同一の内容を投稿したい(POSTで同一のフォーム内容を送信、ポップアップ等でも可)のですが、
このようなことは可能でしょうか
もし可能なようでしたらヒントいただけると嬉しいです。

>>529
xmlhttp

>>524
HTMLFormElement.prototype.setName = function(val) {
this.name = val;
}
IEはDOM系のクラスオブジェクト組み込まれてないから無理だよ

>>528
form要素のオブジェクトが確実にその>>528のつくったやつの子孫ならいいけどねえ

クラス「っぽい」オブジェクトってつけるの忘れた

>>529
サーバ側でその別の掲示板にpostし直すようにしたほうが簡単かと。

レスありがとうございます
サーバー側からですと
ユーザーのほうでポップアップさせることが出来ないので
そちらも含めて方法を考えております
何か方法ありましたらよろしくお願いいたします。

どーでもいいが、NN4とNN3の場合、Formオブジェクトも、Form.prototypeも、存在する。
しかし、nameプロパティ（HTMLのNAME属性）を変更できない。

ついでに、どーでもいいが、NN4とNN3の場合、Inputオブジェクトも、Input.prototypeも、存在する。
nameプロパティ（HTMLのNAME属性）を変更できる。

他にも、衝突させそうな名前として、Urlオブジェクトなんてのも思い浮かぶ。
まあ、NN4以前の話だから、どーでもいいがな。

へえ〜へえ〜

あれ、IEでは name 値って変更できなくなかったっけ？

>>534
テキトーにいうけど、
onsubmit で フォームの action と target を一時的に変更して submit() して、action と target 戻して普通に送信すればいくんじゃね？

>>538
submitした結果が戻って来て別のページに遷移してしまうと現在の
ページのスクリプトはそこであぼーんになるから、それを避ける方法
まで含めて考えれ。

>>539
ごめん、何言ってるか解らない。

フォーム送信するとページが切り替わるでしょ。見た目が今
いるページと同じだとしてもさ。それを避けるにはiframeの
中とか別窓から送信するとか、targetでそれらを指定とか。
まあ別に洩れが作るわけじゃないから判らないならそれでいいよ。
忘れてくれ。

539ではないが、スクリプトはページが切り替わるとメモリから削除されて
しまうのでもう呼び出せないということだ。

「すごいサイト」を教えて下さい
お願いします

ttp://www.aiseikai.or.jp/

>>544
それは頻出なんで他のを

テーブルのTRをrowspan="2"にして反映させたいのですが、

やっている事はTDの中身が<の時に<のTDエレメントを潰してrowspanをかけることです。
setAttributeもrowSpan=2もouterHTMLをアラートすると確かに書き加えられているのですが
画面に反映しません。

document.getElementsByClassName("maintablecolor2").each(function(e){
if(e.innerHTML && e.innerHTML.match("<")) {
mark=e;
target=e.parentElement.previousSibling;
}});
target.rowSpan=2;
mark.parentElement.removeChild(mark);

<table border="0" cellspacing="1" cellpadding="5" class="maintableborder">
<tr valign=top align=left>
<td style="" class="maintablecolor2">テキスト１</td>
<td style="" class="maintablecolor2">テキスト２</td>
</tr><tr valign=top align=left>
<td style="" class="maintablecolor2"><</td>
<td style="" class="maintablecolor2">テキスト３</td>
</tr></table>

1回新しくTRエレメントを作って現存のTRの書かれてる属性をどうにか取得してrowspanと一緒にsetAttriubuteし直して
（それかtr rowspan="2"というエレメントを作るか）子ノードのクローンをつけて、親ノードに付け直すしかないのでしょうか？
スマートなやり方があれば教えて下さい。

>>546
そもそもtr要素にrowspan属性など存在しない。
大体getElementsByClassNameとかeachとかは何だ。
もしPrototype.jsとかを使ってるんだったらその旨ちゃんと書け。
あとparentElementはIE専だぞ。

>>546 td要素のrowSpanの書き換えはちゃんと動作するよ(IE,Gecko)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<table border="2" summary="test"><tbody>
<tr><td onclick="this.rowSpan=2">X</td><td onclick="this.rowSpan=2">X</td></tr>
<tr><td onclick="this.rowSpan=2">X</td><td onclick="this.rowSpan=2">X</td></tr>
<tr><td onclick="this.rowSpan=2">X</td><td onclick="this.rowSpan=2">X</td></tr>
</tbody></table>
</body></html>
だからアンタは他のところで失敗してるわけ。ちゃんと問題を
切り分けて追求しろって。

>>541-542
ん、だから、onsubmit されたときに、

form.target = "_blank";
form.action = "second.cgi";
form.submit();

form.target = "_self";
form.action = "first.cgi";
form.submit();

return false;

とかやればいく気がしね？ って >>538 で言ったんだけど。
なんで別のページに遷移して戻ってきたときのことのメモリのことまで考えなければいけないのかﾜｶﾝﾈ (´･ω･｀)

>>549
1回目に送信したらしたらよそのページへ行ってしまって
続きが実行されない。「戻って」なんて来られない。
やってみれば分かるだろ。

onsubmitの中にsubmit()入れるとかいうヘンな技はさておいて。

test

<form>><input>... のあたりで、
入力欄に何か入力されたら、それをイベントとして捕らえるのは、
どうやってしましょうか？
<input oninput="func_handler(this.form)">
見たいな事がやりたいわけですが、誰か教えていただければ。

>>550
当たり前のこと言ってもなあ。

>>552
onchange とか onkeydown とか？

>>552-553
onkeyupが吉という説もある。

>>554
あぁ、そうだね。

>>552
onchange のことかな。
でもこれはフォーカス外れないと起きないよ。

あれ、ごめん。
リロードしたつもりだったけど、できてなかった。

チームで作ってる他人の関数名を拾って、削除したり追加したりしたいのですが…
追加削除に関しては、prototype.jsで出来る事が判明したのですが、関数名を指定しないといけない…
functionの関数名をどうにか拾えないものでしょうか？

質問です。
次のコードで文字補充を試みたのですが、thisに割り当て
られませんと叱られます。どこがいけないのでしょうか。
String.prototype.add=function(n) {
for(i=0; i<n; i++){
this += 'a';
}
return this;
}
alert('x'.add(3));

>>559
thisを変数にすればいいんじゃね
普通に動くようになる気がするが、違うんだ？

少しだけ前進…
Fxでは最高の結果だが…　IE6は駄目過ぎ；；
ブラウザの違いは、いつも泣きそう；；

<script>
function hogehoge(){
var func_name = document.getElementById('hoge').getAttribute('onclick');
alert (func_name);
}
</script>
<input type="button" id="hoge" value="IEとFxの違いがあるような無いようなｗ" onclick="hogehoge()">

>>558
それって必要あるの？

権限系の一括モジュールなんすよ。追加削除は、必須らしいんで…
>>562
もし知っていたら、本当によろしくお願いします；；；；

>>559

String.prototype.add=function(n) {
var r = this;
for(i=0; i<n; i++){
r += 'a';
}
return r;
}

こんな感じでよろしくおねがいします。

iにもvar付けろよ

>>559
それってどう動作して欲しいわけさ。まさかこれを実行した
後はプログラム中の 'x' と書いてあるところが全部 'xaaaaaa'
と書いてあるかのように動作して欲しいっていうわけ？
そんなことできるわけがない。質問を分かる日本語でちゃんと書け。

>>560さん,>>564さん
うまく行きました。多謝。

>>547-548
Oops久々だったんでそんなチョンボとはorz...

target=e.parentNode.previousSibling.firstChild;
でOK？

あと必ずしも先頭に"<"があるわけじゃないので、"<"が親エレメントの何番目にあるか保持したいのですが
var cnt=0;
while(e.previousSibling){e=e.previousSibling;cnt++;}
とかでOK？ほか何かDOMのメソッドとかあります？

>>568
Geckoとかは終了タグと開始タグの間の改行とかも
テキストノードとして保存するんで、テーブルを使うのなら
cellIndex、rowIndex、cells、rowsあたりを使ったほうが確実。

こういうふうに元のArrayクラスをオーバーライドするんでなく
MyArrayみたいに独自のArrayクラスを作ってこれにArrayクラスを継承させるにはどう書いたらいいのですか？

<script>
Array.prototype.even_join = function(){
var str = '';
for(var i=0; i<this.length; i+=2){
str += this[i];
}

return str;
}
Array.prototype.odd_join = function(){
var str = '';
for(var i=1; i<this.length; i+=2){
str += this[i];
}

return str;
}
var x = ['チ','ク','ン','ラ','コ','ラ'];
document.write(x.odd_join(),'がたった！<br>');
document.write(x.even_join(),'がたった！<br>');
</script>

>>570
普通にAを継承したクラスBを作るのと同じ。
function B(){}
B.prototype = new A;
BがMyArray、AがArrayになるだけ。
ただしlengthプロパティやtoStringの扱いには気をつけろ。

>>571
レスありがとうございます。
コストラクタはどのように書けばいいのでしょうか？

もしかしてArrayとStringみたいなネイティブクラスって継承してもメソッドはthis自体を操作するようになっているから
自分でプロパティを操作するように再実装しないといけないんですかね？

>>571
＞ただしlengthプロパティやtoStringの扱いには気をつけろ。

この意味がやっとわかりますた。
コンストラクタで要素をセットするときに自分でlenngthメッソドをインクリメントしなきゃいけなかったわけですね。
なんてこったい...orz

>>570 >>572-574は全部私です、お騒がせしますた。

ちと教えてください。
JavaScriptは型変換がないとのことですが、たとえば、
String.prototype.met=function(){
return this.replace(/,/g, '-');}
var n=[1,2,3,4,5];
だと、n.met()はunsupported objectエラーになります。
こんなときはどう書けばいいんでしょうか。

>>576
どこでそんなでたらめを習ったんだ。
JavaScriptには型も型変換も存在するぞ。
変数が型に縛られていないだけだ。
それからそのコード、Stringに設定した
メソッドをArrayが使えるわけないだろ。

>>576
標準オブジェクトのprototypeに変な関数を設定しないでください＞＜

>>578
くだらねえ。困るのは歴3日くらいの超初心者だけだろ。


>>576
n.toString().met();// 1-2-3
String(n).met();// 1-2-3

しかし、慎重な人はこう書く。
String.prototype.met = function () {
  return String.prototype.replace.call(this, /,/g, '-');
}
String.prototype.met.call(n);// 1-2-3

>>579
お前が初心者だということはよくわかった

慎重な人ﾜﾛﾀ

>>577,>>579
thx. なるほど。
JavaScriptって最も誤解されている言語どころか、うそとデマだ
らけの言語だということがわかりました。Oreilly買うべきかな。

慎重とかそういう問題じゃなくて、
同時に読み込まれる他のプログラムに影響を与えるのが問題だけどな
C言語で #define printf puts とかされるのと同じ

この話題は過去レスにも沢山出ているが、
hasOwnPropertyが動かないブラウザがある以上拡張すべきではない気がする

スクリプトを途中で終了させたいのですが

if (str == "") exit(); //空ならここで終了
以下blabla..

のような事がしたいのですがどのようにすればいいでしょう？

やはり if (str != "") で { }.でくくるしかないでしょうか？

>>584
関数化してreturnしる!

(function() {
...
if(str == "") return;
...
})();
みたいな感じかね

>>582
ネスケのリファレンスとガイド読めば、書いてあるんだけどさ…。
……　誰も、読みやしねー　……

エラー出せば止まるお

【閑話休題】
IsArray()はいかにもｷﾓｲ書き方だ。isArray()としてほしい。

閑話休題って、無駄話を止めて、本題に戻ります。って意味だって知ってた？

>585-586
�d
やっぱそういう方法になるかぁ
おとなしくおっぱいカッコ使っときます

質問させてください。
下記のようにして
CGIの出力を定期的に表示するスクリプトを組んだのですが
最初の一回以降httpObj.responseTextの内容が更新されません
(counter.cgiに直接アクセスしてカウントアップしても数値に変化無し)
どのようにすれば解決できるでしょうか
おねがいします

function loadHTTP(){
　$("view").innerHTML = httpObj.responseText;
　httpObj = createXMLHttpRequest(displayData);
　httpObj.open("GET",counter.cgi,true);
　httpObj.send(null);
　setTimeout("loadHTTP()", 5000);}

自己レスです
うまく省略したつもりがいろいろ足りてなかったことに気付いたので
訂正させてください
下記が正しいプログラムです
改めて、分かるかたいらっしゃいましたらよろしくお願いいたします

function loadHTMLFile()
{　httpObj = createXMLHttpRequest(displayData);
　httpObj.open("GET",'counter.cgi',true);
　httpObj.send(null);
　setTimeout("loadHTMLFile()", 5000);}

function displayData()
{　$("result").innerHTML = httpObj.responseText;　}

function createXMLHttpRequest(cbFunc)
{　var XMLhttpObject = null;
　try{　XMLhttpObject = new XMLHttpRequest();　}
　catch(e){　try{　XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP");
　　}catch(e){　try{　XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");
　　　}catch(e){　return null;　}
　}}
　if (XMLhttpObject) XMLhttpObject.onreadystatechange = cbFunc;
　return XMLhttpObject;}

>>593
function displayData() {
if(httpObj.readyState==4&&httpObj.status==200)$("result").innerHTML = httpObj.responseText;
}

以前、野球のJavaScriptを公開したものです
あれからさらに改造したのですが以下の２点がうまくいきません
誰かご教授をお願いします

http://antiasterisk.neconet.net:40080/up/upload.cgi?mode=dl&file=2517
key=saito2

・スローボールを追加したのですがタイミングがよくわかりません
　前スレ>>974さんが改造してくれたものをさらに改造しているので・・・
ソースの300行あたりの値を変更すればいいと思いますがよくわかりません＾＾；

・IEだと左上の文字が黒ぬき黄色で表示されるのですがFirfoxだと
　全部黒になってしまいます。どうすればいいでしょうか？
　１７、２１，２５行目です

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

教授は禁句。回答意欲の低下を招くことも考えられます。

教授に過剰反応しすぎだろ毎回毎回w

>594
レスありがとうございました
元々そのように記述しておりましたが
検証のため外しておりました。
そのとおりの記述に変更してみましたが結果は変わりませんでした。

カウンターCGIではなくhtmlファイルを読み込む場合に
実行中、ftpから該当のhtmlファイルを消去してみたところ
変化無く処理が続きました。
また、ループの検証のために時計と交互に表示するように改変しましたが、
きちんとループしておりました。
引き続き解決方法わかるかた居ましたらおねがいいたします。

女教授ください。

ご教示ひとつくださーい

ご凶事ください

>>598
Firefoxを入れる。
ttp://www.mozilla-japan.org/

FireBug extention を入れる。
ttps://addons.mozilla.org/firefox/1843/

右下のステータスバーにある、緑のチェックマーク、若しくは、エラー表示をクリックして、Firebug を表示する。
Option を変更して、Show XMLHttpRequests を有効にする。
Console を表示させる。

Respons と Headers を見てみる。

結果、ここで同じ様な質問をしなくて済むようになる。めでたし。

（Header がおかしいんじゃねーの？）

女講師ください

>>598
間にproxyが挟まってる場合とかキャッシュされちゃって同じのが帰って
きたりすることがある。
リクエストに乱数のダミー変数とかをつけて見るとかしてみたらどうかな?

>>604
いや、普通にブラウザがキャッシュ使うから、header でちゃんと指定してやんないと、変更が反映されない。
ブラウザによって挙動が違ったりするから、自前で指定してやんないとはまる事がある。

>>584
do{
hogehoge;
if(hoge)break;
babibabi;
}
while(false)

リストボックスで、複数の半角数字を入力してリストを選択する方法を教えて下さい。
下記のようなリストの場合、「12345」または「123」を押すと（その後にEnterキーがあってもいい）
「12345」が選択されるようなイメージです。

<select>
<option>12345</option>
<option>13579</option>
<option>23456</option>
<option>24680</option>
<option>99999</option>
</select>

下記のサイトでイメージに近いものがありましたが
マウスでリストの選択ができない、
キーを入力した後、マウスでブラウザをクリックしなければならない、
というところが違います。
http://okwave.jp/qa1492903.html

どうかよろしくお願い致します。

>>607
自分で書いたスクリプトは？

○投げなんでは？

禁断のエスパになってみるｗ
5桁だから5回キー叩いて失敗したらまた待ちか？
入力内容は過程を確認しながらか？
入力途中のキャンセルは要るのか？

ま、がんばって探せばあるかもなｗ

レスを参考に
httpObj.open("GET",'counter.cgi',true);
httpObj.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1990 00:00:00 GMT");
httpObj.send(null);
上記のように変更したところ想定どおりの動作になりました。
レス頂いた方々、ありがとうございました。

あのさ、arguments.callee は使わないほうがいいの？

>>611
なんで？ECMAで規定されていて普通のブラウザでは実装済みだろ。
>>607 ホレ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var sel, a = new Array();
function init() {
sel = document.getElementById('s0');
for(var i = 0; i < sel.options.length; ++i) a.push(sel.options[i].value);
document.getElementById('t0').focus();
}
function chg(s) {
var n = -1; if(s == '') return;
for(var i = 0; i < a.length; ++i) { if(n < 0 && a[i].indexOf(s) == 0) n = i; }
if(n >= 0) sel.selectedIndex = n;
}
</script>
</head><body onload="init()">
<div><input id="t0" type="text" onkeyup="chg(this.value)"><br>
<select id="s0"><option>12345</option><option>13579</option>
<option>23456</option><option>24680</option><option>99999</option>
</select></div></body></html>

過去ログでどう検索して良いかわからなかったので質問させてください。
（「background」とかの単語では一通り検索してみました。）

CSSにbackgrund-positionやbackground-imageで指定している値を取得したいのですが、
setAttributeやstyle.〜では取れないのです。（タグのところでstyle指定してないから当たり前？）
やりたいことはその値を取得し、それを元にgetAttributeなどで再設定をしたいのですが、
良い方法はありますか？

なぜ過去ログが検索できてテンプレが読めない

>>614
ごめんなさい。すっかりテンプレ目を通した気でいました。
> Q10. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
> A10. IEではe.currentStyle、Geckoではwindow.getComputedStyle()を使います。
これと同じってことですよね？

調べたらmozillaで載っていました。FireBugで試してみたら何とかいけそうです。
なぜかbackground-positionが取れないけど、background-imageは取れたので。
http://www.mozilla-japan.org/docs/dom/domref/examples7.html

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

>>612
a.push(sel.options[i].value);

IEだとここがだめっぽい

下の領域にイベントを伝播させる方法は？

たとえば、DIV A の上に重ねた形で DIV Bがある。
重ねる方法は position:absolute z-index ・・・みたいな感じ。
で、DIV A/B それぞれ、onmousemove/onmouseup/onclick ... と全部設定されている。
これ、DIV Bの上で、たとえば onmousemove しても、DIV Aではトラップできないんだよね。
DIV Bの領域外でかつ DIV Aの領域内の部分でならトラップできるんだけど・・・。
上に覆いかぶさった DIV Bにより見えなくなっている DIV Aの部分に対しても、
イベントを伝播させたいんだけど、どーするの？

>>616
げげっ! スマソ、 .innerHTML にでもしといて。
>>617
試してないけど DIV BをDIV Aの中に入れてイベントを
バブルさせたらどうかな。

>617
要素をネストしろ。スタイルシートは関係ない。

>>618,619
それ考えたんだけど、ダメ。
というのは、617の説明じゃわかりにくかったけど、
ある種のゲームのようなものを作っている。

１、ドラッグして動かせるDIVが複数個ある。
２、ドラッグ中のDIVのDocument Orderは最優先（手前）になっている。
３、ドラッグされていないDIVは、上にほかのDIVがドラッグされていると、イベントが起こる。

イメージとしては、キャラが複数個浮いているウィンドウがあって、
あるキャラをほかのキャラの上にドラッグすると、
「踏み潰すな！ふんぎゃぁ！」とか鳴いたりする、って感じ。

・・・何が問題かというと、それぞれのキャラのDIVは対等な関係なので、
入れ子つくってバブリングすることはできない。
この場合、キャラの間に上下関係を作らないとだめでしょ。
ドラッグできる（手前に表示）のキャラと、できない（奥に表示）のキャラとか。

>>617
イベントのバブリングって、DOMツリーで、枝から幹の方向に伝達される。（順番変えられるけど…）
だから、兄弟関係にある枝には、伝わらない。

で、私は、自前でユーザーイベントツリーとバブリングやらを実装して、それ使ってる。

>>620
最初にやったのは、親があって、それに全ての子を管理させる、つまり、子から親にネイティブのイベントバブルで伝えて、
親から全ての子へブロードキャスト。

なんか、いろいろやってる内に、これが複雑になったんで、DOMのイベントモデルを模したのを作った。
こっちのアイデアは、インターネットで探して見つけたんで、多分、探せばあるぞ。

というか、検索したらすぐ出てきた。これを参考にして、自分で必要な機能を拡張したのを作った。
ttp://www.fladdict.net/blog-jp/archives/2005/06/javascript.php

たしか、YUI にも、似たような機能があると思う。

>>620
キャラの上に透明セルを貼って二重にしといて、
ドラッグ中は他のキャラの透明セルが最前面にくるようにすれば
たぶん「ふんぎゃぁ！」くらいはできる



かもしれない。

質問です。
テキストフィールドに「blue」などのHTMLで許容される色名を入れて
動作させるスクリプトを組んだのですが、たとえば「plue」などを入
れると、「無効なプロパティ」としてエラーになってしまいます。
条件でこれを排除するにはどうすればよいのでしょうか。
まさか、全部の色名を用意するわけにも行きません。ご教示ください。

>>624
try

そのまさかです。

16進数にしたら良いじゃない

>>625-627
そうですかぁ。try-catch tryしてみます。ありがとうございました。

>>624
CSSで許される色名はたったこれだけでしょ。なんで全部持たない？

The list of keyword color names is: aqua, black, blue, fuchsia,
gray, green, lime, maroon, navy, olive, purple, red, silver,
teal, white, and yellow.

>>629
それはちがうだろ。もっと勉強汁。
あんたが色の見え具合を気にするかどうかなんてどうでもいい。

>>630
1. HTML4.01によって定義される色名は16種類のみ
2. CSS2の色名はHTML4.01によって定義される色名と同じ
3. >>624 「HTMLで許容される色名を入れて」

で「色の見え具合」って何だよ

ユーザスタイルシート使う人の事だろ

何でユーザスタイルシートが出てくるんだ？

ユーザスタイルシートで文字色とか背景色とか変えてるから

>>629はCSS2（2.1)の仕様の4.3.6引用して
16種類しかないんだから
配列かなんかで色名全部持って比較しろって言ってるだけだろ

>>629が色の見え具合を気にしているように読めるのが意味不明だし
ユーザスタイルシートなんて内容と全然関係ないだろ

CSS 2.1の色名は+orangeで17種類だぞ

silverがあってgoldはないってもなぁ。体系的に思想がない。
個人的にはsalmonなんかもほしいところだ。

タグのclassを動的に切り替えたいのですが
どうやればいいですか？
getElementById('hoge').class = 'name'
のようにしてみたのですがエラーになりました。

classNameですた

>>637
それこそ自分で色名からRGB値へのデータベースを作って
持たせろ。何百個でも名前使えるようになるから。

「メソッド」を中国語でいうと？

>>624
手書きしようとするから面倒なんじゃないかな。

MAS JScript> var uri = "http://msdn.microsoft.com/workshop/author/dhtml/reference/colors/colors_name.asp";
MAS JScript> var r = new ActiveXObject("Msxml2.XMLHTTP.3.0");
MAS JScript> var a = [];
MAS JScript> var p = />(\w+)<\/TD>\s*<TD>(#[A-Z0-9]{6})/g;
MAS JScript> r.open("GET", uri, false);r.send("");
MAS JScript> while (c = p.exec(r.responseText)) {a[a.length] = ''.concat('"', c[1], '":"', c[2], '"');}
MAS JScript> Echo('var h6Of = {');Echo(a.join(',\n'));Echo('};');

出力結果
var h6Of = {
"AliceBlue":"#F0F8FF",
"AntiqueWhite":"#FAEBD7",
"Aqua":"#00FFFF",
"Aquamarine":"#7FFFD4",
(中略)
"Yellow":"#FFFF00",
"YellowGreen":"#9ACD32"
};

c[1].toLowerCase()
した方が使い易かったな。

ランダムリンクを使う場合に、いちいちリンクURLを追加しなくても
特定のフォルダ内のファイル全てにリンクさせるにはどうすればいい？

>>641
カンサムニダ

OS:WindowsXP SP2
ブラウザ：IE6

<html>
<body>
<A href="#" onClick="window.external.AddFavorite(location.href,document.title)">お気に入りに追加</A>
</body>
</html>

このスクリプト、サーバ上だと動くのだが、ローカル（C直下）に持ってくると、
クリックしても何もアクションが無くなる。
（アクティブスクリプト関連の設定は許可してあります）
ローカルだと使えないのでしょうか？

>>644
フォルダ内のファイルを連番にすりゃできる

>>646
隠しのマイコンピュータゾーンで実行することになるから、マイコンピュータゾーンで
使用を許可しておく必要がある。

prototype.jsのeach()ってgetElementsByTagNameじゃ使えないの？

$("hoge").each(function(e){
document.getElementsByClassName("hoge").each(function(e){
はいいのに
なぜ
document.getElementsByTagName("hoge").each(function(e){
だけエラー？

ちなみにprototype.jsのソースが見れるサイトも教えてホスイ

>>649
getElementsByClassNameはprototype.jsがつくったもの(返ってくるのはArray。死んだリスト)
getElementsByTagNameはDOM(返ってくるのはNodeList。生きたリスト)

prototype.jsのeachはArray用だからNodeListで使うとエラーになる
prototype.jsは紛らわしい名前つけるのやめればいいのに

test

あるDIVに、ローカルな変数エリアをつくれないか？
スレッドにおける、スレッドローカルストレージみたいなの。
具体的には、
document.getElementById("myid").var1 = "enabled";
みたいな感じで・・・。

その例えばをやってみた？

>>649
$A(document.getElementsByTagName("hoge")).each(function(e){
こうすれば動く。

ソースはどこで見れるもなにも配布元から取得してくればいいじゃん。


>>652
試せ

<html>
<div id="tls1">Trial code for TLS alike vars.</div>
<script>
document.getElementById("tls1").var1 = "you see this var?";
</script>
</html>

---
DOM Inspector でみる限り、ダメっぽい・・・。
どこにも、var1 っつー項目は現れない・・・。

>>655
<html>
<div id="tls1">Trial code for TLS alike vars.</div>
<script>
document.getElementById("tls1").var1 = "you see this var?";
alert(document.getElementById("tls1").var1);
</script>
</html>

質問です。
ラジオボタンで、項目名とVALUE値が同じ場合に二度書きしたくないので、
項目名からVALUE値を求めるようなやりかたはありますか？
<input type="radio" name="tori">ハト
<input type="radio" name="tori">カラス
<input type="radio" name="tori">スズメ
でobj.tori[1].valueとやると「カラス」が出るようにしたいです。

>>656

ウォ！！すげぇ。
動いてるじゃん。THANX！！！！。

でも、なんで、DOM Inspector には現れないんだ？？？？？？

DOM Inspector -> 「正規DOM規格範囲内Element専用」ってこと？

>>657
無意味な横着しないでください ＞＜
どうせスクリプト有効にしないと動作しないんだから、
inputタグそのものをスクリプトで出力したらどうですか？

>>658
DOM Node
Javascript Object

親ページ（フォーム入力ページ）から子ページ（確認ページ）を開き、
親ページのフォーム入力データを子ページに書き込むために以下のように
したのですが、全角文字が文字化けしてしまいうまく表示されません。
何かいい改善策があればよろしくお願いします。

test.html
<html><head><title>test</title></head><body>
<form action="./test1.html" method="get">
<input type="text" name="encode">
<input type="submit" value="submit">
</form></body> </html>

test1.html
<html><head><title>**</title></head><body>
<script type="text/javascript">
url=window.location+""
if(url.indexOf("?") != -1){
v=url.split("?")[1].split("=")[1]
document.write(v)
}
</script></body> </html>

>>650
THANX

じゃあ、いつものようにforかwhileでｶｺﾜﾙｸ回せでFA？

あとだれかprototype.jsのまともな解説サイト知らない？

>>662
prototype.js自体まともじゃないから
まともな解説を書けるわけが無い

>>652-658
DOMとは無関係のJavaScript Objectの仕様だから。
つか、ノードに変なプロパティ付けるくらいなら
DOM3のNode#setUserData()使え。ブラウザ実装は皆無だけどな。

>>661
つunescape

getElementById()ってよく使うのに長すぎね？
gEBI()とかにすればいいじゃんって感じ

<head>
<script language="JavaScript">
<!--
function gazo(mysrc) {
document.img.src=mysrc;
}
-->
</script>
</head>
<body>
<input type="button" value="画像B" onclick="gazo(画像B.gif')">
<img src="画像A.gif" alt="" name="img">
</body>

最初に表示されてる画像がボタンをクリックしたら別の画像に変わり、
変更後の画像（または画像の下に文字列を付け加えてリンク）をクリックしたら
別の画面に飛ぶってスクリプトを作りたいんですが、
どのようにすればいいか教えていただけますか。

>>666
確かに長い。
でも、prototype.js使ってるから、あんまり気にならない。

>667
setAttributeを使う方法を、ぱっと思い浮かんだが、素人にはお勧め出来ないな

>>666 自分でそういう関数を1行で定義して使うのはいいんじゃねの？
>>669 setAttributeダサイ!
>>667 ホレ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var elt = document.getElementById('i0');
elt.src = 't2.png';
elt.onclick = function() { location.href = 't2.html'; }
}
</script>
</head><body>
<div><img id="i0" src="t1.png"></div>
<div><button onclick="test()">Test</button></div>
</body></html>

>>667
その前に、なんだそのｺｰﾃﾞｨﾝｸﾞは？そんなんじゃ画像表示も怪しいだろ。

JavascriptでURLデコードする方法を教えてください
文字コードはShift_JISです。

>>671
ぜひスバラシイコードを貼ってください。よろしこ。
>>672
JavaScriptではできません。SJISコード表を全部持てば
できるけど非現実的だよね。VBScriptかActiveXでできる
んだったっけ、過去スレのどっかにある。

>>670
またもろにメモリーリークパターンか。ほんと使えんやっちゃな。おまえかなり高齢だろ？

>>673
回答ありがとうございます
encodeURIで我慢します。

>>674
どこでどういう風にメモリリークするのか解説してよ
初心者向けスレなんだから

ホレ氏は素人だから、メモリリークが起こっただけで低脳呼ばわりするのは可哀想だが…
674に代わって解説すると、

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

上のコードでtestの中のスコープがeltへの参照を保持していて、
eltのonclickには、クロージャへの参照を保持している。
そしてクロージャの特性上、クロージャがtestスコープへの参照を保持する訳で、
ここで循環参照が発生してメモリリークが発生している、
これは、まっとうなJavaScriptプログラマなら必ず避けなければいけないコードの典型的な例。

正直ホレ氏のコードは問題が多くて初心者向きではないと思うので、それを踏まえて利用してください。

> eltのonclickには、クロージャへの参照を保持している。
「には」？

> クロージャがtestスコープへの参照を保持する
どのクロージャ？

> ここで循環参照が発生して
何がどう「ここで」なの？

正直677氏の日本語は問題が多くて初心者向きではないと思うので、それを踏まえて利用してください。

>>677
問題になるのは循環参照を持った大きいデータが次々にゴミになる場合。
ここでは本来クロージャは不要だから処理系がまともなら何も作らない。
馬鹿な処理系が毎回クロージャ作るとしてもeltという変数1個。
で、次のように変えて
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var elt = document.getElementById('i0');
elt.src = 't2.png';
elt.onclick = function() { location.href = 't2.html'; }
}
</script>
</head><body>
<div><img id="i0" src="t1.png"></div>
<div><button onclick="setInterval(test,100)">Test</button></div>
</body></html>
すごい勢いでtest()を呼んでみたけどメモリ使用量は増えてるかどうか
分からない程度の変動(UNIX/Gecko, WIN/IE6)。他の人も実験してみそ。
少なくとも人間がボタン押す程度で問題になるもんじゃないだろ。
で、アンタの正しいコードを貼ってくれよ。

揚げ足取り必死だな低脳ｗ

で、アンタの正しいコードを貼ってくれよ。せいぜいvar elt
の宣言を外側に出す程度？そうやってグローバル汚染するのと
どっちがいいかという程度の選択だろ。

>>679
> ここでは本来クロージャは不要だから処理系がまともなら何も作らない。
Firefoxのシェアを馬鹿にするな

ちょっと変更してみた
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var dummy = [];
for(var i=0;i<100000;i++) { dummy[i] = i; }
var elt = document.getElementById('i0');
elt.src = 't2.png';
elt.onclick = function() { location.href = 't2.html'; }
}
</script>
</head><body>
<div><img id="i0" src="t1.png"></div>
<div><button onclick="setInterval(test,1000)">Test</button></div>
</body></html>
物凄い勢いでリークしていた

だから人間が押すボタンなんだろ。

>>679
メモリリークってのは、何度も呼び出したからリークするんじゃなくて、
ブラウザを閉じるまで別のページに行ってもメモリが解放されない問題なんだよ
intervalで呼び出すことになんら意味は無いよ
本当にホレ氏は素人なんだな

それと、
> で、アンタの正しいコードを貼ってくれよ。
かっこ悪すぎるｗ

>684が正解
手っ取り早くメモリリークを起こすコードを書くと、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var dummy = [];
for(var i=0;i<1000000;i++) { dummy[i] = i; }
var elt = document.getElementById('i0');
elt.src = 't2.png';
elt.onclick = function() { location.href = 't2.html'; }
}
</script>
</head><body>
<div><img id="i0" src="t1.png"></div>
<div><button onclick="test()">Test</button></div>
</body></html>

これを表示してtestを押し、別のページに移動→メモリ開放されてない
確認して無いけどたぶん動くはず。仕事中にて失礼

わざわざ巨大な環境作って持たせたり何万回も呼べば
そりゃそうなるけど。みんなそんな何日もブラウザ
あげっぱなしなもんなのかね？

ついに負け犬の遠吠えモードになりました…

リークじゃなくてヒストリーのキャッシュなんじゃね？

>>686
256Mのノートパソコンで見ている人がメモリリークの問題のあるページを
２〜３経由するだけで、「メモリが不足しています」と表示されるんじゃないかな

>>689
分かりました、謙虚になります ^_^;;
それで謙虚に質問なんですが、この問題の場合リークのない
コードって皆さんどういう風に書いてますか？マジに質問です。
勉強しますので。

関係ないが勉強になった。偉いぞおまいら。

クロージャ周りのメモリリークはIE7/Fx2では修正されてるけどね。
今回の場合はIE6でも最後eltにnull代入すればリークしないし。

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

>>690
あなたが誰か知らないけれど、
リークの仕組みを理解していれば回避は結構簡単です。

リークが発生するのはDOMの循環リンク管理とScriptの循環リンク管理を
ブラウザで別システムで扱ってしまっているため、システムを超えて参照すると
それがリークとして残ってしまうことが原因です。

一番簡単なのが使い終わったイベントハンドラをスクリプトで外すことです。
ただ、removeEventListener は昔のFirefoxで正常に動かない問題があったりするので
確実な方法ではありません（ちなみに循環参照のメモリリークはFirefox1.5でも発生します）

確実なのはクロージャを使わず、クロージャを実行する関数を別に作って
それに実行させることです。
その場合はDOMに割り当てられるのは関数のみになるので循環参照は起こりません。

クロージャが1個でも循環参照していると、そのスコープ全てがリークするので
メモリリークはそこそこ気を遣う価値のある問題だと思います。
最も今回の発端になったコードくらいだったらリークしてもいいじゃん、と思うけどｗ

>>693
ありがとうございます。「クロージャを実行する関数を別に」
ってたとえばこういうことですよね。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function handle() { location.href = 't2.html'; }
function test() {
var elt = document.getElementById('i0');
elt.src = 't2.png'; elt.onclick = handle;
}
function test1() {
for(var i = 0; i < 10000; ++i) test();
}
</script>
</head><body>
<div><img id="i0" src="t1.png"></div>
<div><button onclick="test1()">Test</button></div>
</body></html>
でもこれだとGeckoですごい勢いでメモリ消費してるよう
なんですけど…何か間違ってます？他の人がどう書いてるのか
教えて欲しいのでよろしくお願いします…

>>692
なるほど! eltにnullを代入すると確かに大丈夫になります。
なんですが、一般にはクロージャに取り込む変数に全部null
を入れるわけに行かないですよね。結局どういう指針で
コーディングすればいいんでしょう。 >>694 が間違ってる
のならどう違うのか知りたいですけど…

質問なのですが

var text = "AAA<div>BBB\nCCC</div>";
var result = text.match(/<div>.+?<\/div>/im);
alert(result);

このように検索対象に改行が入ってると取得できないのです
改行に拘らずマッチさせたいのですが、お知恵をお貸し下さい(-人-)

>>694をFirefox1.0にてメモリリーク確認。でも原因さっぱりわからん。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var elt = document.getElementById('i0');
elt.src = 't2.png'; elt = null;
}
function test1() {
for(var i = 0; i < 10000; ++i) test();
}
</script>
</head><body>
<div><img id="i0" src="t1.png"></div>
<div><button onclick="test1()">Test</button></div>
</body></html>

Firefox1.0だとこれでメモリリークが起こる。
もうわけわからんが、クロージャの問題でないことは間違いないな。

>>696
それさあ、「.」には改行はマッチしてくれないんだよ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<script type="text/javascript">
var text = "AAA<div>BBB\nCCC</div>";
var result = text.match(/<div>[\u0000-\uffff]+?<\/div>/im);
alert(result);
</script>
</body></html>
>>697
確認ありがとうございます。やっぱり謎ですよね？となると、
eltにnullを入れるとかいうヒューリスティックしかないの？

>>698
ヒント:GC

それで結局どういうコード書くのが正しいのか誰か
教えてくれませんか…

>>694
そのやり方でもメモリリークは防げるが、クロージャ使ったときのように
test内の変数をイベントハンドラ内で使うことができなくなる。
多分>>693が言いたかったのはこんな感じ。

function createLeakFreeClosure(closure) {
var count = createLeakFreeClosure.count++;
createLeakFreeClosure[count] = closure;
closure = null;
return function() { return createLeakFreeClosure[count].apply(this, arguments); };
}
createLeakFreeClosure.count = 0;

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

>>695
大雑把に言えばDOM周りのオブジェクトへの参照を切っとけばOK。
例えば>>685のdummyはDOMとは関係ないJavaScriptの配列なので
nullを代入して参照を切る必要はない。ただ、参照を切るやり方だと
クロージャ内でeltを使いたいとかいったときに困るから、
そうした場合は↑の方法のほうがいいと思う。

それからFirefox/Geckoでリークしてるという人、何を根拠にそう判断した？
Mozillaの中の人の非公式な弁明は見たか？
ttp://www.d-toybox.com/studio/weblog/show.php?mode=single&id=2004120603

>>699
おお、どうもです。

>>702
> それからFirefox/Geckoでリークしてるという人、何を根拠にそう判断した？

"calling addEventListener with a closure holding a content node leaks the document"
https://bugzilla.mozilla.org/show_bug.cgi?id=241518

1.5には反映されて無い

>>704
すまんね、702の最後は主に>>694の「Geckoですごい勢いで
メモリ消費してるようなんですけど」と>>698に向けた言葉だった。
確かにFirefox 1.5でもクロージャを直接イベントハンドラに
設定したときのメモリリークは起きる。Firefox 2では修正されてるけど。

IEも7では修正されているんだっけ。
そろそろまともにクロージャが使えるようになって欲しいよ。

>>705
はい、おっしゃる意味は分かりますけど、実行によってプロセスの
使用する記憶領域(実記憶、仮想記憶)が「ものすごく増えたまま」
になるのはGCが効果をもたらしてない可能性が高いという意味で
「怪しい」んじゃないですかね。厳密には分からないというのは
そうですけど…

まあ、回避方法としてはJavaScript側のどこかにクロージャを
持たせてそれを環境を持たない関数で呼び出すということですね。

ところで >>702 だと大量にクロージャ生成してそれ使ったとき
全部配列に並べて持ったままになると思うけどそれはそういう
ものだということ？

登録フォームなどにある、住所コピーをJavascriptでやりたいと思っています。
単にテキストボックスに入力した内容を下のテキストボックスにコピーするには
<input name="address" type="text" onchange="form1.sub_address.value = this.value;">
<input name="sub_address" type="text" >

などで出来るのですが、「住所をコピー」などの文字をクリックするとコピーされる
ようにする方法がわかりません。どうすればいいのでしょうか？

住所をコピー,ってゆう文字列はどこにあんのさ?関係ないコードは貼らなくていいから.

<input type="text" name="address" value=""
/><input type="button" value="Copy to " onclick="this.nextSibling.value=this.previousSibling.value"
/><input type="text" name="sub_address" value="" />

異や。ちがうんじゃない？

Javascriptの文法を学びたいんですが、分かりやすい本はありませんか？
いくつか挙げてくだされ。

文法を学べる本というと、サイ本しか浮かばない…

俺はこのスレッドと、ECMAの仕様書を印刷してわからないところを調べる形だけど…

仕様書を読みなれていない人だと厳しいだろうし、ECMA全部印刷するのに数千円かかるし、
あまりお勧めできる方法ではないか

フォームのエレメント追加(inputタグを増やす)ってやっぱりcreateElement?
動的にナレッジベース作りたい気がするんだけど、
なんか、テキストもチェックボックスも追加上手くいかないんだがなー

innerHTML

>>712
ttp://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference
ttp://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide

この２つ読め。（つか、いつになったらテンプレに入れるんだ？）

>>702 ってクロージャリークを回避してるの？
うへー、なんでそれで回避になるのかわかんねｗ
function内で変数つくって function作った時点でクロージャなるんじゃないんだ？

変数作らなくてもargumentsとかは存在してるからなー。

>>718
elt.onclickに関連付けられている関数自体がtestスコープに参照を持ってないのに注目
この場合、ブラウザの実装として、内部で関数呼び出しを単純なハッシュテーブルのインデックスで扱うので
DOMシステムとスクリプトシステムをまたいだ循環参照にならない。

循環参照をJavaScriptの中に閉じ込めてしまっているのがポイント

>>720
elt.onclickに関連づけられる関数(クロージャ)はargumentsへの
参照を持っていて、argumentsは引数への参照を持っていて、引数
は外側のクロージャを持っていて、外側のクロージャはtestスコープ
の参照を持っているけど、それでいいの？

>>721
なんかよくわからん文章だな。解読するとこんな感じか？

elt.onclickに関連づけられる関数(クロージャ)
【＝createLeakFreeClosureのreturn文で返されるクロージャ】は
【createLeakFreeClosureの】argumentsへの参照を持っていて、
【createLeakFreeClosureの】argumentsは【createLeakFreeClosureの】
引数【であるclosure】への参照を持っていて、引数【closure】
は外側のクロージャ【＝test内でcreateLeakFreeClosureの
呼び出し時に引数として渡されたクロージャ】を持っていて、
外側のクロージャ【＝test内で作られたクロージャ】は
testスコープの参照を持っているけど、それでいいの？

だとしたら「引数は外側のクロージャを持っていて」が間違い。
createLeakFreeClosure内でclosureにnullを代入して参照を切ってるだろ。

>>721
> elt.onclickに関連づけられる関数(クロージャ)はargumentsへの
> 参照を持っていて
持っていないんじゃない？
自分自身のargumentsの参照を持つという意味なら当然持ってるけど、
そのargumentsは外側のクロージャを参照していないし。

何気に濃い―議論してるし、ｶﾞﾝｶﾞﾚ。
ホレ氏がやり込められるの久々に見たなｗ
あとで誰かまとめとけよ。

>>723-724
なるほど。勝ち負けは別にどうでもいいんだけど、まとめなら洩れも
欲しい。結局どう書けばいいのかまだ分からん。>>702 みたいに使ってる
ものもいないものもクロージャ全部抱えておいても、別のページに
移動すれば解放されるからそれでいいってこと？そして >>698 みたいに
null入れるだけでもメモリ圧迫されるのは処理系のバグなの？

>>720
createLeakFreeClosureは渡されるクロージャーへの参照を持っているので
createLeakFreeClosureを通して参照関係は残ってるんじゃないの?

で、たとえば最初のコードでeltにnull入れて消せばいいんでしょうか。
それでいいならこの場合一番ラクちんだと思うけど。真面目に質問なので
教えてください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
var elt = document.getElementById('i0');
elt.src = 't2.png';
elt.onclick = function() { location.href = 't2.html'; }
elt = null;
}
</script>
</head><body>
<div><img id="i0" src="t1.png"></div>
<div><button onclick="test()">Test</button></div>
</body></html>

>>725
そもそも循環参照リークだって処理系のバグみたいなもの。

スクリプト言語でこんな心配しなきゃならんのか

>>720
解説ありがとう。
うー、でもまだイマイチわからない・・・。
> http://www.microsoft.com/japan/msdn/ie/general/ie_leak_patterns.aspx
ここに

実際 >>702 試したらそのように動いたのは面白かった。

>>727
実際試してみればわかるけど、最初のコードで言えばそれでもいいんじゃね。
ってか2行くらいだったらそもそも elt を作らなくてもいいし、それでもいいかも。

間違って途中で送ってもうたｗ
> http://www.microsoft.com/japan/msdn/ie/general/ie_leak_patterns.aspx
ここに
> 要素がクロージャーを参照し、クロージャは親関数パラメータへのスコープ参照を保持します。ここでリークします。
ってあるんだけど、
>>726 もいってるように、>>702 で動くのがちょっと不思議。
もう 1時間くらい悩んでくる ﾉｼ

>>726
createLeakFreeClosureはいわばグローバル変数であり、
test内で作られるクロージャもcreateLeakFreeClosure内で作られる
クロージャもcreateLeakFreeClosureへの参照は持っていない。
クロージャがもつのは親関数の引数及び変数への参照ね。

えーと、
・elt.onclick が呼び出そうとする関数が、クロージャの関数そのもの。
→ リークする

・elt.onclick が呼び出そうとする関数が、普通の関数の場合
→ リークしない

・elt.onclick が呼び出そうとする関数が、普通の関数で、
　 クロージャの関数を別の（グローバルな）場所に退避させておき、その関数の中からそれを直接呼び出す場合
→ リークしない

ですかね？
>>702 はそれを動的に作っている感じか。

最初のコードの場合、↓みたいに簡単に変更すれば、クロージャも利きつつ、リークもしなくなるっぽい。(IE6)
----------------------------------
function test() {
    var dummy = [];
    for(var i=0;i<200000;i++) { dummy[i] = i; }

    var elt = document.getElementById('i0');
    elt.src = 't2.png';
    elt.onclick = test.run;
    test.func = function () { alert(elt && elt.src); alert(dummy.length); };
}
test.run = function () { test.func && test.func(); };
----------------------------------
// test.func → test.run.func に変更するとリークしたりして (そりゃそうだわ)、いろいろ試してて勉強になった。

>>733
なるほど分かりやすいまとめですね。外側で1個関数
作らないといけないのがあんまり嬉しくない感じは
するけどそれはもうしょうがないのかな。

ちょちょちょっとわけわかな俺様はどうも「クロージャ」の定義がわかってないようだ。

new Function(...)を使ってクロージャにならない関数を定義とかどうよ。

うう・・・
>>702 のやり方だと、Fx1.5 で、
elt.onclick = createLeakFreeClosure(func);
はいくのだが、
elt.addEventListener('click', createLeakFreeClosure(func);, false);
だとリークしてしまう・・・。

>>733 みたいな感じだと大丈夫。
どうすればいいんだろ・・・。

とか言いつつ、やってみたら、二重にするだけだったようです。
無駄レス申し訳ない。

>>736
本末転倒

>>735
そもそもクロージャによる循環参照でメモリリークが起きるのはブラウザのバグ

クロージャと関数オブジェクトと無名関数をごっちゃに使ってるやつが多いな。

日常会話なんてニュアンスがわかれば充分だし。

まあIE7でもFirefox2でも修正されてるし、ブラウザが
クラッシュしたりXSSを引き起こしたりする問題でもないんだから、
気にしないって選択肢もありだとは思うがね。
あと7年もすれば気にしない派が大勢を占めてると思うよ。

7年…ネットではかなり長い時間だね。

elt=nullで防げるメカニズムがよくわからん。

>>744
あの場合の循環参照は DOMノードのonclickが関数クロージャを差し、関数
クロージャが変数eltへの参照を保持し、eltにはDOMノードが入っている、
というもの。事後にでも変数eltをnullにすればもはやDOMノードを指さなく
なるので循環参照でなくなる。

防げるっていうか、elt の値がクロージャされなくなるだけかと。

その表現はちょっと。「クロージャされる」ってどういう動詞よ ^_^;

だめかｗ 「クロージャ機能を使ってスコープ内の変数を参照する」 とか言うのだるくてｗ

だって後からnull入れたって変数elt自体は参照できるじゃん。
ただ参照したときの値がnullだっていうだけで。

>749
よくわかんねえけど、参照されるデータが山ほど、作られている場合は、nullで統一、一括うまぁｗ
ってことじゃねぇの？

sage忘れた…
んじゃ、ネタ投下。
ttp://blog55.fc2.com/l/leahdizoma/file/1115bookbooks16.jpg
可愛いよ、リア可愛いよｗ

>>749
循環参照はされなくなるっ初夜

- DOMノードはonclickを持ってる
- onclick は function() {}
- function(){} は「test() 実行時に確保された変数領域」を参照している(*)
- 「test() 実行時の変数領域」には var elt があり、DOMを指している

DOMノードを開放しようとしたとき、
- onclickの開放が必要
- onclickの開放には「test()実行時に確保された変数領域」の開放が必要
- var eltの開放が必要
- そのときeltがDOMノードを指してると循環でヴァー

なので、どこでもいつでもいいからeltがDOMを指してるのをやめればいいのか。

で、(*)のfunctionと変数領域の組がクロージャなんだと理解したんだけどあってる？

document.links[1].href
で<a herf="ここ">は取得出来るけど
<a herf="http://www.google.co.jp/">ここ</a>はどうやって取得するの？

document.links[1].firstChild.nodeValue

おー出来ました
ありがとうございました

ココ､ID出ないのね

>>753
だいたい合ってんじゃないかなー。
仕組みについては、だいたい >>693, >>720, あとは >>730 のMSへのリンクに書いてる感じだと思う。
後半の循環の仕組みは自分ははっきりとはわからないけど、↑の解説みてて受けた印象はそれとはちょっと違ったかも。

しかし、クロージャ、昨日までは、クロージャのなかで使ってる変数だけ選りすぐって都合よく参照するもんだと思ってた。
親関数内で function 作ったら、その親関数内部の変数まるごと参照しちゃうんだねえ・・・。

>>730
>ってか2行くらいだったらそもそも elt を作らなくてもいいし、それでもいいかも。

この問題>>730がいうように、domをスクリプトの変数に保持する必要がなければ敢えて変数保持するなってことで解決したりしないの？
function test(){
$('i0').src='t2.png';
$('i0').onclik=function(){location.href = 't2.html';};
}

replace(/あ/gi,'い') で､半角スラッシュ｢/｣を変換するにはどうしたらいいの？
replace(///gi,'い')もreplace(/"/"/gi,'い')もダメだった

replace(/\//gi,'い')

エスケープの存在をすっかり忘れてた…

>>758
いいだろうけど2回getElementById()なりを呼ぶことになるわけで…

>>753
クロージャとかの理解はいいと思うけど、そうやって再帰的に
たどりながら領域解放するという理解は違っているよ。だって
それじゃよそからも指されているところを解放してしまって破滅
するじゃん。Wikipediaでまず「ガベージコレクション」を読んで
それから「参照カウント」を読むことをすすめる。

改行ってどうやって指定するの？

自己解決
＆＃13；＆＃10；か

\r\n

>>766
それじゃ出来なかったのよ

実は長いJavaScript質問スレの中で、初めてのメモリリークについての議論だったわけだが
俺を含めて多数の人が理解できたみたいで非常に素晴らしい

遅くなりましたが、ありがとうございました。

まあ三年くらいで完全なムダ知識と化すわけだが

>>757
おれもれも。なんでfunction(){}は上の何も見てないのに〜とか混乱してた。

>>763
あー、参照カウント側から攻めたらわけわからんようになりそうだったので。
「Aの開放＝Aへの参照が０になるためには」と読みかえればいいだけかな。

>>768
ついでにやっとクロージャも理解できた。

>>770
３年で陳腐化する知識を拒んでたらどうにも…

>>768
そうか？俺vol3〜40前後の間にお世話になって、このスレの後半からまた見だしたものだが、
そん時同じくクロージャのことでメモリリークするからって>>702チックな書き方のコード見たことあるぞい。
記憶違いだったかな。

>>762
function test(){
with($('i0')){
src='t2.png';
onclik=function(){location.href = 't2.html';};
}}

>>1 のカコスレ全集で簡単に検索してみたけど、
メモリリークについては、今回ほどまとまって議論？はされてないような気がするね。
リークすんだろボケ！ 的なのは何回もあったがｗ
>>702 みたいなコードまではでてないような？

>>772 のコード
おお！ まじで！
・・・って思ったけど、めちゃめちゃリークされるやん、このウスラトンカチｗ

しかし、Ajax で
var req = new XMLHttpRequest();
req.onreadystatechange = function() {
　　if (req.readyState != 4 || req.status != 200) return;
　　// なんたらかんたら
};
ってコードがよくサンプルで乗ってるけど、
これも地味にメモリリークしちゃうのな。怖いねえ・・・。

あれ。試してないけどprototype通してるからとかじゃなくて？
with(document.getElementById('i0')){
ならどうよ。>>730の論理はそういうことだと思われ。

>>775
や、それでいかんねん。やってみ？

>>774
グローバルスコープの変数なら違うだろ。曲解すんな。

>>772
var src = "global";
function test() {
with ($('i0')) {
src = 't2.png';
onclick = function() { alert(src); };
}
}
とすると「global」ではなく「.../t2.png」と表示される。
これはクロージャが要素i0への参照を持っているから。
function test() {
var handler = function() { location.href = 't2.html'; };
with($('i0')){
src = 't2.png';
onclick = handler;
}
}
ならリークしない。

フォロー�dｸｽ。
要は、クロージャ―をDOMに直張りすんなってこと？

>>777
グローバルの話なんかしてないしｗ
まあ>>774の省略コードじゃそうとられるかもしれんがｗ function 内に書いてるんだよ。

>>780
ふ〜んｗ

初心者スレ荒れ荒れなのでここですみません。

livedoor wikiのフリーエリアでDOMを使ってwiki本文を弄くっているのですが
適用範囲を独自に指定できるように、コメントタグで<!--hoge--><!/--hoge-->を挿入しようとしたのですが
どうやらwiki編集画面で入力したコメント//hogeはHTMLに変換されない仕様のようです。
なのでコメントタグをWikiに投稿する事で作成できません。

以上のような状況で、どうやって適用範囲を指定しようか悩んでいます。
カッコ悪くてもロードまで見えていても構いません。
ただ勝手に仕様を決めるわけでwikiなので他の方も使うので、一般的に人が書きそうな文字列と重複したくはありません。
例えば-//hogeとして、リストのテキストで//hogeと表示させたとしても、
誰かしらが例えばJavaScriptのコメントをリスト指定しない保証はないわけだし
かといって∈みたいな変な記号使っても指定しづらいとかいわれそうで悩んでます。

皆さんでしたら、どんな目印記号を使いますか。
まとまってなくてｽﾐﾏｾﾝ。

>>777
ていうか、グローバルな変数に req を設定すれば、今度は Fx がリークする・・・、
っていうか、Fx だとページ移動しても元のページのJSの実行結果もキャッシュするみたいで、
つまりグローバルな変数の中身を保持し続けるから、更新しない限りページ移動してもメモリ減らないぞ。

まあ、走らせた後 req を null にすればいいんだけどさ。

>>782
javascriptと関係あるのか？ｗ
違うとこいったほうがいいよー

どこで聞けばいいですか？ム板の質問スレだとこっちに戻されそう。
初心者スレ機能してないし...
どっか人がいていいとこ誘導して下さい。

wikiのことはwikiで聞けば？

【BLOG】CMS総合スレ2【Wiki,XOOPS】
http://pc8.2ch.net/test/read.cgi/hp/1162287963/

原理はよくわかってないんだけど、
>>702のコードを使用すればIE6とFirefox1.5でメモリリークの問題が起こらない
という認識に間違いはないよね？

>>787
クロージャとDOMでのリークについてはそれでいいかと。
あと >>702 のコード、2つに分けたほうがいいかもしれない。 (addEventListener に対応するため)

>>783
FefoxやOperaが戻る進むの高速化のためにページの内容
（ソースではなく）をキャッシュしてるのとメモリリークを混同するなよ。

というかLeak Monitorで見る限り、Firefox 1.5はloadやunloadといった
特定のイベント以外は、普通の関数かクロージャかに関係なく
removeEventListenerしないとリークするような気がする。
詳しくは試してないし勘違いかもしれないけど。

質問です
o={'a':'x','b':'y','c':'z'}
から、bを取り出すにはどう書けばよいですか？

＞790
for(var i in o) { if(i=='b') alert("b"); }

>>791 Thank you.

?? alert("b") ??

http://www.gac.jp/article/index.php?stats=question&category=&id=17404&command=msg
これと同じ事象で解決された方いませんか？

ポップアップ(文字)が縦表示になっておかしいです・・・
タグか何かを修正すればなおるのでしょうか？

文字列の置き換えで､.replace(/</gi,'<')を使わない方法ってありませんか？
あんま正規表現つかいたくないんですよ

jsファイル読み込みでファイル名を書かずに
「(同じ階層に有る)jsファイル全部読み込む」みたいな記述はできないんでしょうか。
もしいい方法があったら教えてください。

>>796
copy /A *.js all.js

>>796
できない。サーバにあるファイルの一覧を取得みたいな手段が
ないから。CGIなりでファイルの一覧を生成して送るしかない。
>>795
全部自分でループすればどうにでもできるっしょ。
var i, result = '';
while((i = str.indexOf('<')) >= 0) {
result += str.substring(0, i) + '&lt;';
str = str.substring(i+1);
}
result += str;
試してないけどね。

くだ質だけど
lightboxみたいにrelationから外部スクリプトを呼び出す仕組み
ってどっかに仕様書ある？ググったけど見つからないわ。

relationってnanだ？

>>799
仕様は無い。
それの初心者コードを我慢して読め。
function initLightbox というメモリーリークな処理がある。そこに書いてある。

>>798
ふつう、str.split('<').join('&lt;') だろ。

splitの引数って正規表現じゃなかったっけ？

型変換か何かでうまく動くんだから、文字列のままでいいんじゃねーの？

ttp://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/15-5_String_Objects.html#section-15.5.4.14