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

━━━本スレに書く事を許される者は以下の通り━━━━━
　一、JavaScriptはJavaとは別物であると知っている者
　一、自ら学んでJavaScriptコードを書く意思を持つ者
　一、ユーザに迷惑となるスクリプトを書かない者
　一、質問を分かる日本語できちんと説明できる者
　一、トラブルを再現する最小限のサンプルを貼れる者
　一、テンプレ+FAQ>>2-10/過去ログ/関連資料を読める者
━━━━━━━━━━━━━━━━━━━━━━━━━━━
自力で書く気がない人は他のスレへ(テンプレ末尾参照)。
前スレ http://pc11.2ch.net/test/read.cgi/hp/1216867850/l50
[必読]過去スレ全集 http://wing2.jp/~mirrorhenkan/2ch/javascript/
　　(ずべて同一)　　http://www2.atpages.jp/mirror/2ch/javascript/
　　　　　　　　　　http://usamimi.info/~mirrorhenkan/2ch/javascript/
[必読]ガイド http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide
(GuideをReferenceに→Netscape版言語仕様。多くの実装が準拠:ECMA-262.ed3)
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ではセキュリティ制約により絶対無理です。できたら恐ろしいことに…
Q3. 同じタグの中でonclick="foo()"とonclick="bar()"を同時に使いたいのですが…
A3. セミコロンで複数の文を区切れます。onclick="foo();bar();"としましょう。
Q4. document.write(...)でページ内容を追加したいのですが…
A4. 一度ページ表示完了後にwrite()すると内容はクリアされちゃいます。
　部分的に内容変更するには(1)他フレーム/iframe/別窓への表示、
　(2)textarea等への表示、(3)DOMでノード挿入、(4)innerHTMLのどれかで。
　innerHTMLは非標準ですがIE、Opera、Safari、Gecko(N6/N7/Firefox等)で対応済。
Q5. table/tbody/tr要素のinnerHTMLを書き換えるのがうまく行かないのですが…
A5. IEはそれらの要素のinnerHTMLは変更不能。DOMを使って書き換えるか
　<div><table>...</table></div>とでもしてdivのinnerHTMLを書き換えましょう。
Q6. DOMでtable要素にtr要素を追加しても表示されないのですが…
A6. DOMでは(XHTML 1.x除く)tbody要素にtr要素を追加する必要があります。
　tbody要素はtbodyタグを書いていなくても自動的に作成されます。
　またはtable.insertRow()/tbody.insertRow()を使いましょう。
Q7. 変数w1、w2…を順にループで(番号をiに入れて)設定/参照したいのですが…
A7. グローバル変数はwindowのプロパティだからwindow['w'+i]を読み書きすれ。
Q8. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A8. 「document.forms.myform.elements[変数名].value」でどぞ。
　JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
Q9. Aタグのonclickで動作指定してるのですが時々動きません…
A9. 「onclick="...;return false"」としないとページ移動しちゃうから。

【FAQその2】
Q10. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A10. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q11. 100*1.15の結果が114.999…998となってしまうのですが…
A11. コンピュータの実数計算は全て近似値だと思え。誤差が嫌なら整数で計算。
Q12. 任意のデータをサーバ(別鯖ではない)から取り寄せたいのですが…
A12. IE7/Gecko/Opera/Safariのnew XMLHttpRequest()、IEの
　new ActiveXObject("Msxml2.XMLHTTP.6.0") (または"Msxml2.XMLHTTP.3.0")
　を使えばできます。古いブラウザだと隠しフレームに読むなどのワザが必要。
Q13. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A13. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
　複数の関数を呼びたいときは obj.onclick=function(){foo();bar();};
　という風に無名関数を作りましょう。中に書かれたコードが実行されます。
Q14. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　「"...this..."」とか「function(){...this...}」ではうまく行きません。
A14. それらが実行されるときはthisは別のもの(window等)を指してしまってる。
　「function(x){return function(){...x...};}(this)」のようにthisを別の変数に
　束縛しその変数を使って。循環参照によるメモリリーク問題あり(この項記述検討中)
Q15. 文字列の置き換えをするときにコードを使いたい(Perlのs///e)のですが…
A15. string.replace(/.../,function(str,p1,p2,...,offset,s){...})としましょう。
　正規表現にマッチした文字列がreturnで返された文字列に置き換えられます。
　各引数はstrがマッチした部分文字列、p1,p2,...が1番目、2番目、…の()の中身、
　offsetがマッチした位置、sが置き換え前の文字列全体になります。
Q16. input type="file"の値を設定(参照)できないのですが…
A16. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q17. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A17. コード実行時点でHTMLがそこまで読まれてない。onload中でやるとか。

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

ECMA-262 ed.3
→ 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
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
→ http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide (和訳)
→ http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference
→ http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference (和訳)
E4X (ECMAScript for XML)
→ http://www.ecma-international.org/publications/standards/Ecma-357.htm
→ http://www.ne.jp/asahi/nanto/moon/specs/ecma-357.html (和訳)
Mozilla Gecko DOM Reference, Netscape devedge
→ http://developer.mozilla.org/en/docs/Gecko_DOM_Reference
→ http://developer.mozilla.org/ja/docs/Gecko_DOM_Reference (和訳)
→ http://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript / DHTML (現在日本語版は古杉)
→ http://www.microsoft.com/japan/msdn/library/ja/script56/html/js56jsoriJScript.asp
→ http://msdn2.microsoft.com/en-us/library/ms533050.aspx

【チュートリアルサイト・サンプルサイト】
規格が読めないならまずはチュートリアル。サンプルサイトも沢山ある。
(とほほは間違いが多いためこのスレでは批判的意見が多い)
(以下は精選すべきとの議論あるが進んでいないので玉石混淆)
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
オブジェクトなJSの基礎講座
→ http://chaichan.web.infoseek.co.jp/src/2ndthema.htm
【関連スレ】
板違い、スレ違いに注意！サーバ側での処理はWebProg板へどぞ！
Webサイト制作初心者用質問スレ Part 202
→ http://pc11.2ch.net/test/read.cgi/hp/1222007442/l50
CSS /* CSS・スタイルシート質問スレ 上級者用【71th】 */
→ http://pc11.2ch.net/test/read.cgi/hp/1205680031/l50
CSS/DHTMLバグ辞典スレッド 【第５版】
→ http://pc8.2ch.net/test/read.cgi/hp/1144494359/l50
役に立つ書籍は？ 4冊目
→ http://pc11.2ch.net/test/read.cgi/hp/1172823674/l50
JavaScript手取り足取りスレッド
→ http://pc11.2ch.net/test/read.cgi/hp/1205922529/l50
1行javascriptプログラミング
→ http://pc11.2ch.net/test/read.cgi/hp/1066750037/l50
WSH(・∀・)ｽﾚｯﾄﾞ! Part 3
→ http://pc11.2ch.net/test/read.cgi/tech/1208948450/l50

　　>>1
　　　　　　`・+｡*・　　　　　(´･ω･`)
　　　　　　　　｡*ﾟ　 ｡☆―⊂、　　つ　
　　　　　　｡*ﾟ　　　 ：　　　　　ヽ　 ⊃
　　　　　　`+｡**ﾟ**ﾟ　　　　　　 ∪~

>>1（・ω・`）乙　これはポニテがうんたらかんたら

早速ですがCで言うところのexit()みたいな
実行を停止する関数や制御文のようなものはありますか？
リファレンスでそれっぽいのを見付けられませんでした
throw、return辺りが使えるのでしょうか

if(!a) {
　statement
}

これを下みたいに書きたいのです

if(a) exit
statement

>>7
ｲﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀﾀ

>>10
if(a) return;
statement

ありがとうございます
一番上のブロック（？）でもreturnが使えるんですね

つかえないよ

設計から見直せ

グローバルスコープでreturnとか

どこに返るんだよっていう

釜山？

前スレ994です
994-995さんレスありがとうございました。

帰る家がない(´；ω；｀)

使えませんでした…
ですがどうやらexitで終わるみたいです
IE、Firefoxで使えるならリファレンスにちゃんと書いといて欲しい…

>>15
分岐によってstatementの量が極端に違う場合少ない方を
ネストの深い方に入れてインデントを減らすコーディングは
設計と関係無いような…

エー、ちゃんと終わるの？構文エラーではなく？

returnだとスクリプト全体が実行されませんが
exitだと実行されます
未定義関数や他の名前を書いても終わるのでエラーぽいです

ちなみに

var t=new Date()
var h=t.getHours()
if(6<=h && h<18) exit
document.write('<link rel="stylesheet" href="hoge.css" />')

というコードを書きましたが6時前にはスタイルシートが適用され
6時以降は適用されなくなりました
今後の実装がどうなるかわからないので
趣味の範囲でなら未定義関数を終了と考えて良さそうです

エラーコンソール見たらexit is not definedて出てました
止めといた方が良さそうですねorz
しかし終了できないプログラミング言語って
止まれない車と同じくらい危険な気が…

>>25
まあなんでも書き方次第だよ

あほじゃないの。自分がやらせたい動作全体を1つの関数
にして最初にそれを1回呼び出すだけにしておけば、その中で
returnを使えば終わりにできるでしょ。その程度の構造の
工夫もできないんじゃ向いてないよ。

アホなんでネストが何段にもなってるとこんがらがっちゃうんですよね
終わったことは早く忘れてしまいたいというか

function hoge(){
　if(b) return
statements
}

if(a) hoge()

みたいな書き方すれば1段で抑えられそうですね

>>27
頭悪いのはその通りですけど
一部の頭の良い人しか使えないプログラミング言語ってどうなんですか？
上り坂で減速するテクニックがあれば車にブレーキ要らないですか？

ここの人たちに何言っても無駄だから突っかかんの止めな
万人向けのプログラミング言語なんてないし、嫌なら使うなって話

ココ行け
JavaScript 手取り足取りスレッド
http://pc11.2ch.net/test/read.cgi/hp/1205922529/

誘導ありがとうございます
アホな初心者でもわかるようなことを偉そうに煽られたもんで
つい反応してしまいました

window.moveBy() って
IE専用？

<button onclick="aaa.value = '1'; submit();">osu</button>
aaaはhidden項目のnameです。
firefoxだとエラーになってしまうのですが、firefoxに対応するにはどう書けばいいのでしょうか。

>>33
onclick="this.form.elements.aaa.value='1'; this.form.submit()"

何段にもなってこんがらがらせる方が悪いと思うが、
内側の関数から例外をthrowして最外側でその例外をcatchして
普通に終わるようにすれば機械的に変換できると思うな。

グローバルスコープにだらだら書き連ねるような幼稚な設計を見直せと言っているのに

prototype.js ってどうなの。jQueryと比べて

どうと言われてもな

斜め読みでも雰囲気は分かるはずだからまずは読めばいいよ

event.explicitOriginalTarget - MDC
http://developer.mozilla.org/en/DOM/event.explicitOriginalTarget

のanonymous contentとは何ですか？
無名のコンテント？

>>40
anonymous contentでぐぐって勉強すれば。

解答率低すぎて質問スレとして機能してねえｗ

prototype.jsはプログラムの書けない人が使うものですか？

はい

じゃ習うのやめます。やれ、やれとうるさい人がいるもので。
ありがとうございました。

そんなことねーよ

prototype.js と他のライブラリ（JSON.js）を併用していて問題が発生しました。

突き詰めると、eval を delete した後に eval を読み込むと
Object の拡張が消えてしまうというものです。（FireFox2 でのみ再現）
どなたか、原因や解決法にお心当たりはないでしょうか？

伝わり辛いと思いますので、以下にサンプルコードを付します。
Array について同様の拡張を行った場合には、この問題は起こりませんでした。

<html><body>
<script language="JavaScript">
<!--

Object["newFunc"] = function(){};

alert(Object.newFunc); 　　//* 正常に function(){} と表示される

delete eval;

alert(Object.newFunc); 　　//* 正常に function(){} と表示される

eval;

alert(Object.newFunc); 　　//* undefined と表示されてしまう (FF3, IE7 では正常に function(){} と表示される)

alert(eval("1+2"));　　　　　//* 正常に3と表示される

//-->
</script>
</body></html>

なんでevalをdeleteする必要があるのか？

>>48

詳細は分からないのですが、どうやら

> safe and native code evaulation　（ライブラリのコメントより抜粋）

を行うためのようです。

つまり、他のコードで eval が上書きされていると都合が悪いので、
一旦 eval をデリートすることで、eval の内容を剥ぎ取っているようです。

ちなみに、実際のライブラリのコードは以下のようになっています。

e=eval;　　　　　　　　　　　　　　　　　　　　　　//* 元々の eval を待避
delete eval;
if (typeof eval === "undefined")eval=e; 　//* ←ここで質問の内容の問題が起こる
f=eval(""+c);
eval=e;　　　　　　　　　　　　　　　　　　　　　　//* 退避した eval を元に戻す
return f;

（ホントはダメなんだろうけど、行数制限でライセンスコードは割愛．
MIT license の元で Copyright (C) 2007 Andrea Giammarchi - www.3site.eu 名義で公開されているコードです）

>>47
バグなんじゃね？
3で直ってるなら問題ないと思う

リロードしてなかった

>>50

こんな使われているソフトにもバグは有るんですね。
ちょっと意外です。（まだバグ確定ではないかも知れませんが）

>3で直ってるなら問題ない

普及度の高いブラウザには対応したいな〜と思ってましたが、
よくよく調べてみると、もうFireFox2のシェアって6%切ってるんですね。

なんとなくモヤモヤは残りますが、
ひとまず、現実的には乗り切れそうな気がしてきました。


ありがとうございます。


（他の皆様、もし更に具体的にご存知の事がありましたら、引き続きよろしくお願いします）

cookieというのはスタンダロンでも使えますか？自分用に使いたい
のですが。よろしくお願いいたします。

>>53
いまいち。出直しておいで

>>53
他のブラウザは知らんけど、Firefox3ならデフォルトで、
/D:/foo/bar/
などとファイルが置かれているディレクトリがパスになりcookie登録/参照可能。

すいません。コードの中でJScript objectを指定するように、という
エラーが出るのですがどんなことが考えられますか？ラインは当て
にならなくてどの部分かよくわかりません。

>>56
とりあえず落ち着いて>>1を読んでこい

>>57さま
回答ありがとうございます。１を3回読んでみましたが解決しませんでした。
よろしくお願いします。

>>58
なら今度は>>1を理解してからこい

マジレスまがいのレスするからつけ上がるんだボケ

>>60
いつもの人をからかってるだけなんだからマジレスで水を差すなよ

>>56
そのエラーが出る最小限の例題を作って貼って。
作る能力がないならこのスレはあなたのためのものではない。

>>62さん
親切なお答えありがとうございます。自分で見つけてやってみます。
少しはヒントなりいただけるかなと思ったのですが、残念です。

>>62の意味もわかってないとか・・

ダメだこりゃ

次いってみよー

>>63
とりあえずエラーが出る自分のコードをコピペして貼ったらいいよ。って>>62は言ってるのね。
口で説明してもよくわからないから。
エラーとは関係ない部分は削ってコード貼れば大抵誰かが教えてくれる

質問です。

function extend(sub, sup){
　var F = function(){};
　F.prototype = sup.prototype;
　sub.prototype = new F();
　sub.prototype.constructor = sub;
　sub.superclass = sup.prototype;
　if(sup.prototype.constructor == Object.prototype.constructor){
　　sup.prototype.constructor = sup;
　}
}

これは継承のためのユーティリティ関数ですが、if文のところだけが理解できません。
そもそもこれは何をやっているのかがよく分からないのですが、
私の理解ですと、ある特殊な場合にスーパークラスのコンストラクタを自身に設定するということのようです。
この理解が正しいかは分からないです。
このif文の意味を教えてください。お願いいたします。

>>67
うーんたぶん。sup.prototypeにプロパティを設定するときに

function Sup() { ... }
Sup.prototype.method1 = ...; // (1)
Sup.prototype = { method1 : ... }; // (2)

(1)の方法なら自動的に Sup.prototype.constructor == Sup　になるが、
(2)のようにオブジェクトを代入してしまうとその条件に当てはまりますね。

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

デフォルトではfunction Foo(){}のように宣言したとき、
Foo.prototype.constructor==Foo
になるけど、Foo.prototypeにオブジェクトを代入してしまうと、
Foo.prototype.constructor==Object
になりますね確かに。
勉強になりました。


function Sup(){}
function Sub(){}
Sup.prototype = {
　　method1: function(){alert(10)},
};
extend(Sub,Sup);
var o = new Sub();
o.method1(); // 10
var p = new Sup();
alert(p.constructor == Sup); // true

extend内のif文がないと最後の行でfalseになりますね。

正規表現を使って、
xmlファイル中の<Url>http:〜〜</Url>のhttp:〜〜の部分を取り出して、
配列に格納したいのですが、以下の正規表現ではうまくいきません。
ご指摘お願いします。

var url_list = source.match(/<Url>(.+?)</Url>/g);
ちなみに、変数sourceはString型で、そこにxmlが書かれています。

エスケープせなあかんとちゃいまっか。gもいらん。

ご指摘ありがとうございます
エスケープってのは特定の文字を置換することですよね。
もう少し頑張ってみます。

エスケープってのは特別な意味を持つ文字を普通の文字として使うってこと
タグ内の /(スラッシュ) をエスケープしてないから
/<Url>(.+?)</Url>/　が　/<Url>(.+?)</　で終わってる

だから　/<Url>(.+?)<\/Url>/
\を付けるとエスケープできる。ただこれじゃ望み通りの結果は得られんだろうけど。

サブマッチ使えばできるけど
折角XML形式になってるのに、何故DOMを使わないのかと
XMLの意味がない

【質問】 js内にある、多次元連想配列を、サーバー側に送る際の形式について
【状況】 Postで、送ろうと思っていますが、何も考えず送ってみた所、[object Object]となり、そっかオブジェクトだ…と困っています。

全然、解決策が見えないのです…　どたなかお知恵を下さい
よろしくお願い申し上げる；；

>>75
サーバ側でどう使いたいか不明だけど、とりあえず JSON 形式にエンコードしてみれば？

>>75
多次元連想配列を文字列にエンコードしてサーバに送って、
サーバでデコードしたらいいんじゃない？

文字列化の方法としては、
・JSON形式
公式サイト　ttp://www.json.org/json-ja.html
実装例　ttp://ditio.net/2008/07/17/php-json-and-javascript-usage/
・XML形式（実例はよく知らない）
用例　ttp://www.virtual-tech.net/blog/2006/12/prototypejs-xmljavascript.html
なんかが一般的なんじゃないかと。

この2つなら、JavaScript、サーバ側言語（PHPなど）のどっちでも、
エンコード/デコード用のライブラリが公開されているだろうし。

>>76 >>77
なるほど。確かに文字列ですね。
XMLよりも、ｊsonに馴染んでるので、jsonにしてみます。

ライブラリも発見してみました。試してみます。

本当にありがとうございました

'2ch.net'.match(/^2ch\.net$/) が null になるんだけど、何故か分かりますか？

リテラルの中の.を\でエスケープしてる（つもり）部分が問題になってるんだけど、
エスケープの仕方が違うのでしょうか？
'2ch.net'.match(/^2ch.net$/) だと2ch.netが返ってくるけど、
当然ながら'2chxnet'.match(/^2ch\.net$/) もマッチするんですよね。
お手元の環境で再現するかだけでも教えて頂けると嬉しいです。

当方macのFirefox3.0.3、safari3.1.2、Opera9.6でダメでした。

>>79
> 当然ながら'2chxnet'.match(/^2ch\.net$/) もマッチするんですよね。
は
> 当然ながら'2chxnet'.match(/^2ch.net$/) もマッチするんですよね。
の間違いです。すいません。

>>79
Fx3.03では2ch.netにマッチする

バックスラッシュを入力したつもりがIMだかエディタだかの都合で円記号になってたりしないよな？

Fx2.0.0.17でも2ch.netにマッチしたよ

>>82
流石にそれはないです。

みなさんありがとうございます。当然マッチしますよねぇ。
うーん、なんなんだろう。

>>82
あぁ、すいません。どうやら円記号が原因だったみたいです。
こういう場合どうすればいいんでしょうか。

option+￥(半角)キーで\ですね。MS以外のUnicode環境では気をつけないとダメですね。
皆さまありがとうございました。

tooltip.jsでのポップアップに関する質問です。
現在、以下のようになっていますが、ポップアップする画像の
位置をマウスの右上に変更したいのですが、どうしたらよろしいでしょうか？

現在の様子のサンプル
http://www.geocities.jp/chelcy_0603/tooltip/
「aaaaaaa」のところにスクリプトが適用されています。

>>87
tooltip.jsをどこからもってきたのかよくわからないけど、
表示する位置はその中にべた書きしてあるから作者に要望出してみたら？
それか自分でxとかyをいじれば色々変えられるし

>>86
逆じゃん？当方、Macで10年ちかくJS書いているけど、
普通にチルダの右のキー → バックスラッシュ
Opt + チルダの右のキー → Yen記号
だと思う。

>>87
なにがわからないのかを書かないと。
まるっと作ってほしいのなら手取り足取りスレへ。

>>88
ということは表示位置の変更はcssではなく、
.jsの方をいじる必要があるということですね？

>>89
表示位置変更のために、cssのpositionやtop、leftといった部分の値の変更
をしていたんですが、上手くいかず解決法も分からなかったので質問させて
いただきました。
誘導案内どうもです

tooltip.js内の51,52行目の
y = mouseY(e) + 16;
x = mouseX(e) - (ew / 4);
を
y = mouseY(e) + 35 - ew;
x = mouseX(e);
にしたらマウスの右上辺りにくるよ

ただ、単に数値合わせただけだから
windowWidthとかoffsetWidthとかの意味がなくなるけど

>>91
ありがとうございます！
やはり.js内のその辺が表示位置合わせに関連してくるのですね。

729 名前：Name_Not_Found[] 投稿日：2008/10/20(月) 08:43:32 ID:SH1zPud3
JavaScriptでとっても滑らか！画像切替のシンプルな技
http://ascii.jp/elem/000/000/180/180999/

こういうのってJavascriptをわざわざ使う必要あんのか？

>>93
発言の真意が、
1. エフェクト不要
2. Flashを使え
のどちらかは知らんが、"適度"なエフェクトには価値があるだろ。
こんな軽い効果では、無効な環境では全く表示されないFlashよりも、
とりあえず画像は表示されるJavaScriptで実現した方が良いのは確かだし。

>>89
すいません。10年やってる人に恐縮ですが、
ことえりだと環境設定で￥と\の使い分けが設定できるので、
逆とかじゃなくて設定の違いだと思いますよ。

jspでデータベースからデータを取ってきて格納した配列をjavascriptでも同じように変数として扱いたいのですがどうすればいいでしょうか？

jspではtitleとhonbunは配列で

<form name="form_title">
<input type="hidden" name=title value="<%= title %>" >
</form>

<form name="form_honbun">
<input type="hidden" name=honbun value="<%= honbun %>" >
</form>

このように名前をつけ、javascriptでは

var taitoru[]= document.form_title.title.value;
var honbun[]= document.form_honbun.honbun.value;

このように変数に代入しています

jsp側ではSPANでオンマウス時にjavascriptを呼び出し、javascriptでは文字が配列のhonbun[0]等をポップアップした枠の中で表示させるようにさせたいのですが
枠そのものがポップアップしません

上記のjavascriptでの変数への代入部分をコメントアウトすると、枠自体は表示されます

配列を丸ごとjavascriptで配列に代入できないのであれば、1データずつ引き継ぐという方法でもいいのですが、どのようにjavascript側で代入すればいいのでしょうか？

こういうサーバーサイドの言語での配列やオブジェクトを
JSに直接渡そうとする質問が定期的に出てくる理由が分からない

全部同一人物だと思えばスルーしたくなってくるだろ？

http://javascript123.seesaa.net/article/106660331.html
コレを導入しようとしているんですが、
ページを開いた時点でチェックボックスが空なのに内容が表示されてしまいます。
サンプルはきちんと動くのに、コピペしただけの自分のところで動かない理由が良く分かりません・・
ヘルプお願いします。

俺は全く問題なかった。
サンプルコピペで動かないなら動作環境ぐらい書けよ。

PHPの中に書き込んでIEでプレビューしてます。

最初チェックはずれてるときは表示されてて、
一度チェック入れてはずすと消えます。
次チェックすると出てきます

>>99
>>1
どこが分からないのか説明できないなら手取り足取りスレへ

了解です。　移動します。

display:none;　付けるのを忘れていただけみたいです。
CSSのコピペを忘れていました。

コピペもできないってどういうことなの？ﾌﾟﾝﾌﾟﾝ

DOMchange的なイベントって搭載されているブラウザってどれですか？
例えばFirebugってドキュメントツリーが変わった時にそれが反映されて表示されますよね。
そういったことを自分のアプリでやりたいと考えてます。

ドキュメント読み込み完了後にスクリプトから!importantなスタイルを適用するにはどうしたらいいですか？
ただし、あらかじめ用意したCSSファイルを適用するのではなくて、動的にCSSルールを生成して適用するものとします。
試しに、elem.style.background = '#ccc !important'; をボタンクリックで実行させたところ、Fx3では何も変化がありませんでした。

>>106
CSSのexpression使ってやる方法どこかで見た気がしたなあと思ってググったらあった
ttp://d.hatena.ne.jp/amachang/20080530/1212120953
これで要求を満たしてるのかどうかよくわからんが

>>108 これは面白い方法ですね。確かにこれでいけそうです。ありがとうございます。
Firebugのソースざっと見てみたんですが、ちょっとすぐに分かりそうになかったので、また時間が出来た時に見てみます。

質問です。

１．
XPathを使って、title属性を持つdivを抽出したいと思っていまして、今は
//div[@title]
という指定で抽出しているのですが、この表記は間違っているのでしょうか？
一応抽出できてはいるのですが、title="hoge"だとかそういった指定しか見かけなかったので…

２．
href属性の中にURLが書いてあるとき、
そのURLのdomainを抽出する方法を教えてください。
document.domainで今見ているサイトのドメインはとってこれますが、
任意のURLのドメインを抽出することはできるのでしょうか？

よろしくお願いします。

>>106 >>108
DOMNodeInserted、DOMSubtreeModifiedとか。Firefox限定だけど。

>>110
正規表現じゃだめ？

divにappendChild(p)して
そのpの中にaを付け加えたいんですが
どうやってpを取得すればいいですか？
お願いします

>>112
よく分からない質問だな。appendChild(p)するということは
そのpは変数とかに入っているんだよな。ということは今更
取得も何もないと思うが(変数に入ってないのならappendChild()
するときに入れればいいと思うし)。

なるほど
aを持つpを作ってからそれをappendChildすればいいんですね
ありがとうございます

逆でもいい

ExplorerCanvas(excanvas.js) について質問です。

現在excanvasを使用してIE6へ描画処理をさせようと思っています。
このexcanvasを使用した描画処理について自分なりに調べてみたのですが、
以下の二点が分かりませんでした。

・画面上に引ける線の種類は実線のみか？
・画面に文字を表示したいが、直接表示できないため、
　canvasでは「画像で表示」、又は「div要素を絶対座標を使用して表示」となっていた。
　これはexcanvasでも使用できるか？

線種は、折れ線グラフをcanvasに表示していたサイトがあり、
そこで水平補助線の線種を点線・破線・実線から選んでいました。
これはグラフで使用しているからこれらの線を引けるのであって、
実際にcanvasに描けるのは実線のみ、ということでよいのでしょうか？
（できれば点線・破線が引きたいです）

文字表示ですが、現在のブラウザではcanvasの文字表示は対応していないようです。
この場合、canvasでは上記の「画像使用」、「div要素を座標表示」で代用できるらしいとなっていましたが、
これはcanvas同様excanvasで使用できるのでしょうか？
（excanvasでの使用制限でひっかからないか？）

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

>>111
正規表現を考えてみたところ、
サブドメインを判断するのが難しそうなのですが、
何か参考になるようなサイトはないでしょうか。
よろしくお願いします。
また、正規表現以外の方法でも構いませんので引き続きよろしくお願いします。

>>117
"正規表現" "URL抽出" に一致する日本語のページ 約 2,300 件中 1 - 10 件目 (0.09 秒)

答えを求めているように見えるけど、もう少し自分で調べような

URLじゃなくてドメイン抽出だろとつっこんでみるテスト

再帰処理について質問です。

ある文字列を１文字単位で並び替えて全ての組み合わせを生成するプログラムを途中まで作ったのですが詰まりました。
処理速度を最も軽くするにはどう書けばいいでしょうか？

生成する結果は１文字〜任意文字数の全ての組み合わせで、以下の順番で生成します。

あ
い
う
ああ
あい
あう
いあ
・・・・・
あああ
ああい
ああう
あいあ
・・・・・

<html>
<head><script language="JavaScript"><!--
var txtData = 'あいう';　　　　　　　　　　//任意文字列
var n = 2;　　　　　　　　　　　　　　　　　　　//任意文字数
var t = txtData.length;
var k = 0;
var txtArr = txtData.split('');
var list=new Array();
function test(i){
　　if( i<n ){
　　　　if( i>0 ){
　　　　　　var txt = txtArr[k];
　　　　　　k=k+1;
　　　　}else{
　　　　　　var txt = '';
　　　　}
　　　　for( var j=0; j<t; j++ ){
　　　　　　list.push( txt + txtArr[j] );
　　　　}
　　　　if( i>0 && k<t ){
　　　　　　test(i);
　　　　}else{
　　　　　　k=0;
　　　　　　test(i+1);
　　　　}
　　}
　　return list;
}
//--></script></head>
<body onLoad="document.body.innerHTML=test(0).join('<br>');">
</body>
</html>

気軽に「最も」とかいうなよ

もっともだ

(ht|f)tp(s)?:\/\/([\w-~\.]+?)\/

>>122
ご自分の感覚でかまいませんので、
よろしくお願いします。m(_ _)m

JSでやる以上再起処理という時点で「最も軽い」という要件を満たさない気がする

>>126
JSでやる上で「最も軽い」でしょ

>>127
分盲乙

>>128
文盲乙

再帰なんて要らんだろそもそも。ホレ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
function gen(txt, n) {
var l = 0, a = [''];
while(l <= n) {
var b = [];
for(var i = 0; i < a.length; ++i) {
for(var j = 0; j < txt.length; ++j) {
var s = b[b.length] = a[i] + txt.charAt(j); document.writeln(s);
}
}
a = b; ++l;
}
}
gen('あいう', 8);
</script></pre>
</body></html>

appendChild('a')だと、親要素の中にaを追加できますが
中ではなくて、親要素の直後に追加したい場合はどのようにすれば良いのでしょうか

nextSibling insertBefore

>>127
JSは関数呼び出しのコストが高くつくから速度が必要なときに再帰でやるのは悪手という常識

JS、板違い
ここはJavaScript

ボタンを押すと、特定の画像の現在の座標を取得できるような方法を教えてください

特定の画像のオフセット + その親要素のオフセット + その親要素の…

と遡って全部足せばいい。

>>136
それだとブラウザのバグ絡みで不味くなかったっけか

ブラウザによってダメなのがわけわからない

>>130
レスありがとうございます。
繰り返しを使った方法は知っていましたが再帰の勉強中でして、
できれば再帰を使った方法をお願いしたいです。m(_ _)m

>>126
他の言語での処理が早いのは知ってる。

>>127,129,140
>>126はJavaScriptで再帰処理すると速度的に不利になるよと言ってるんだよ

>>141
今は他言語との比較を問題にしている訳ではないのだが？

>>142
頭のめぐりが悪そうなので丁寧に書いてやろう

JavaScriptの再帰はループに比べて遅いので速度がほしいときはループで書け
他言語との比較とか誰も問題にしてねえよｶｽ

再帰処理の勉強がしたいだけなので、パフォーマンスは関係ないって話じゃないのか。

処理速度を最も軽くするにはどう書けばいいでしょうか？

>>142
こいつは・・・ｗ

>>139
アンタが指定した順番(幅優先順)は再帰と相性が悪い。わざわざ適して
ない問題に再帰を使おうとするというのはセンスを疑うけどね。
しかしなぜ皆ごたくばかりでコード書かいてみせない?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
var out = [];
function gen(cur, txt, m, n) {
if(!out[m]) out[m] = [];
for(var i = 0; i < txt.length; ++i) {
var s = cur + txt.charAt(i); out[m].push(s);
if(m < n) gen(s, txt, m+1, n);
}
}
gen('', 'あいう', 0, 7);
for(var i = 0; i < 7; ++i)
for(var j = 0; j < out[i].length; ++j) document.writeln(out[i][j]);
</script></pre>
</body></html>

宿題じゃね？

画像ビューアーを作っています
Imageオブジェクトについて質問です

window.onload = function (){
　url="C:\\test.txt";
　url="C:\\test.jpg";
　objnowimage = new Image();add_log("imageオブジェクト作成");
　objnowimage.src=url;add_log("url設定");
　log.src=objnowimage.src;add_log("url表示");
　objnowimage.onload=function(){add_log("onload");};
　objnowimage.onerror=function(){add_log("onerror");};
}
function add_log(msg){
　info.value=msg+"\n"+info.value
}

このサンプルの二つのurlのファイルはどちらも0バイトの空ファイルです
url="C:\\test.jpg";の時はちゃんとadd_log("onerror");が返ってくるのに、url="C:\\test.txt";の時はonload、onerrorどちらも返ってきませんので
画像でないファイルの時に完全に止まってしまうので困っています
javascrptで、そのファイルが有効な画像ファイルかを調べるを教えて下さい
環境はvista+IE7です
サンプルコードには書いてませんが、completeプロパティも最後までfalseで役に立ちませんでした

質問ですが、次の上がtrueで下がfalseになる理由は何ですか？
両方ともオブジェクトなので参照型なので同じ扱いになるのではないんでしょうか？

function f(){
var r = /a/;
return r;
}
var x = f(), y = f();
alert(x == y); // true

function g(){
var o = {x:2};
return o;
}
var x = g(), y = g();
alert(x == y); // false

>>150
正規表現リテラルはオブジェクトを1つだけ作ってあとはそれを
使いまわす。オブジェクトリテラル(ではなく正式にはオブジェクト
式)はそこを実行するたびに新しいオブジェクトを生成する(だから
リテラルではないわけだ)。

>>149
>objnowimage.src=url

これは一番最後にしたら？

>>152
一番最後にすると、何故かobjnowimage.onerror=function(){add_log("onerror");};
}が作動してしまいました
onloadは作動しなかったのに

そのほかアレコレ順番を変えてみましたが、結果は変らずでした

>>151
なるほど！

var o = {x:2}
は
var o = new Object();
o.x = 2;
の簡易表現と考えたらいいんですね。

一方
var r = /a/;
は、
var r = new RegExp('a');
とは違うので、>150のfをこれで書き換えると

function f(){
var r = new RegExp('a');
return r;
}
var x = f(), y = f();
alert(x == y); // trueでなくfalse!

となりますね。

ありがとうございます。

>>151
function f(p)  {
  var r = /a/;
  r.p = p;
  return r;
}
var x = f("a"), y = f("b");
alert( x.p );
alert( x == y );

こういう風にしたらブラウザで結果が割れたんだがECMA的には後者が正しいんでしょうか？
IE6, Safari3
  x.p: "a"
  x == y: false
Fx3, Opera9.5, GC0.2
 x.p: "b"
 x == y: true

>>153
onerrorが作動するのは正しい動きじゃないの？

質問です。メンバが見つかりませんと出るのですがど
ういう原因が考えられますか。IE6-SP2を使用です。

ハア???

これはまた・・・・レベルの高い質問だな

メール欄

>>155
ttp://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/7_Lexical_Conventions.html#section-7.8.5
を読む限り、rは同じオブジェクトを参照するべきである
(後者が正しい)ように思えますね。

>>143
文盲乙

釣りじゃなければレスをもう一度見ろやｶｽ

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

>走査時に RegExp オブジェクトに変換される
>プログラムまた関数の評価の開始前に生成される
>それは新規オブジェクト生成はしない

この部分を解釈するとやっぱりそうなるんですかね。
しかし解り難い・・・

>>162
おいおい、いまさら「再帰を使った方法をお願いしたい」まで巻き戻すのかよ

昨日の今日で何が「いまさら」だよｗ

>>165

こいつアスペルガー症候群じゃね？

負け惜しみ乙ｗｗｗ

ところで、>>130 と >>147 の所要時間を計測してみたんだけど、
手元のノートPCのFxで 2400msec .vs. 340msec と再帰版が
圧倒的に速かった。もちろん出力まで含めての時間ね。
再帰が遅いとかわめいてた人たち、>>147 より速いの書いてみて
くんないかな。無駄口を叩き合うより優れたコードで競う方が
有意義でしょ？

>>168
>>1

いやだから、>>130 と >>147 の作者なんだけど。
まあ2ちゃんだから信用しないというのなら勝手だが。

負けるなホレ氏。

それで >>130 と >>147 の作者だけど、もう1つ書いてみた。
でもこれも1000msec と再帰版より遅い。やっぱ再帰版が最強なんでは？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
function gen2(a, n) {
var m = a.length, limit = Math.pow(m, n);
for(var i = 0; i < limit; ++i) {
var x = i, s = '';
for(var k = 0; k < n; ++k) {
s = a[x % m] + s; x = Math.floor(x / m);
}
document.writeln(s);
}
}
var t1 = new Date().getTime();
for(var j = 1; j <= 8; ++j) gen2(['あ','い','う'], j);
var t2 = new Date().getTime();
document.writeln(t2 - t1);
</script></pre>
</body></html>

それで >>130 と >>147 と >>172 の作者だけどもう1つ書いた。
これも780msec と再帰版より遅いね。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<pre><script type="text/javascript">
function gen3(a, n) {
var m = a.length, limit = (Math.pow(m, n+1)-1)/(m-1);
var out = [''], p = 0, q = 1;
while(q < limit) {
for(var i = 0; i < m; ++i) out[q++] = out[p] + a[i];
++p;
}
return out;
}
var t1 = new Date().getTime();
var a = gen3(['あ','い','う'], 8);
for(var i = 1; i < a.length; ++i) document.writeln(a[i]);
var t2 = new Date().getTime();
document.writeln(t2 - t1);
</script></pre>
</body></html>

JavaScript がオフになっているかどうかはどうすればわかりますか？

<noscript>JavaScriptがオフだよ　お兄ちゃん！</noscript>

<div class="hoge">
<h2 class="header">Example<h2>
<div class="script">
<script type="text/javascript">
(function () {
あんなことこんなこと
})();
</script>
</div></div>

↑こういう構造で、下の無名関数から<h2>タグをstyle="display:none;"にすることは可能でしょうか？
div.hogeが閉じる前だから無理なような気もするし、
h2.headerはすでに閉じてるから可能のハズって気もするんですが。
可能ならどうやればいいんでしょうか？
ご教示お願いします。

(function () {
document.getElementsByTagName("h2")[0].style.display = "none";
})();

h2 は閉じてるから問題ない

このあたりの話か
ttp://d.hatena.ne.jp/amachang/20061201/1164986067

>>177-178
こんな時間に即レスありがとう。
html内のh2タグの数が不確定なんで>>177のままでは無理だったけど、
>>178も参考にして、↓にしたらうまくいきました！

(function () {
document.getElementsByTagName("h2")[document.getElementsByTagName("h2").length - 1].style.display = "none";
})();

1,2,3,4,5,...とあるボタンを、Allというボタンを押すと順番に全てを押すような動きをさせたいのですが、どうしたらいいでしょうか

>>180
Allのときに1,2,3,4,5への呼び出しメッセージを送る。
多分順番に届く。

IEでのマウス座標の取得関数についてなんですが、
(A) DHTMLクックブックではleftの部分だけ取り出すと、
coords.left = e.clientX + document.body.scrollLeft - document.body.clientLeft;
if(document.body.parentElement && document.body.parentElement.clientLeft){
　var bodyParent = document.body.parentElement;
　coords.left += bodyParent.scrollLeft - bodyParent.clientLeft;
}
(B) 一方、JavaScript Cursor Positionhttp://hartshorne.ca/2006/01/23/javascript_cursor_position/
では、
cursor.x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
となっています。
どちらが正しいですか？(私はどちらも間違いだと思いますが、長くなるのでとりあえず根拠は省いて皆さんの意見を待ちたいと思います)

ポイントとして、
・e.clientXはクライアント領域の座標値なので、コンテンツのスクロール値を足すことで、ページ内の座標に変換する必要があります(基本)
・スクロール値は、standard modeの時は、document.documentElement.scrollLeftで、quirks modeの時は、document.body.scrollLeftです。
・ここまでは、(A)(B)とも同じです。違っているのはclientLeftを引くことによる微調整の部分です。
(A)は、document.body.clientLeftとdocument.documentElement.clientLeftを引いています。
それに対して、(B)はdocument.documentElement.clientLeftだけを引いています。
・当たり前のことですが、document.body.parentElementとdocument.documentElementは同じです。

細かな点として、
・document.body.clientLeftはbody要素のleft-borderです。
element.clientLeft - MDC
https://developer.mozilla.org/Ja/DOM/Element.clientLeft

・(B)によるとstandard modeのIEではクライアント領域の右上端が(2,2)になるような座標系でe.clientXを測っていることを発見したとのこと。
これは、document.documentElement.clientLeftがstandard modeの時に2になるのと符合します。
・また、Windows環境でウィンドウを最大化した場合には、IEに限らず右上端が(2,2)になります。ただし、Operaでは右上端が(0,0)です

半ば自己解決したので、報告します。Bが正解に近いという結論です。
これは何を持って正しい座標系とするかの問題なので答えなど存在しないとも言えそうです。

以下の考察では簡単のためスクロールは無いものとします。また、動作の確認にはIE7を使用しました。

●座標系を5つ定義します。
(1) (B) e.clientX - document.documentElement.clientLeftをx座標値とし、y座標値も同様に計算する座標系。この座標系で(x,y)の座標になる点をB:(x,y)のように書くことにします。以下同様。
(2) (A) e.clientX - document.documentElement.clientLeft - document.body.clientLeftをx座標値(ry A:(x,y)
(3) position:absoluteでtop:0px: left:0px;な点を(0,0)とする座標系。　ab:(x,y)
(4) e.clientX, e.clientYを座標値とする座標系。 cl:(x,y)
(5) 右クリックでコンテンツの右クリックメニューが出る最も左上端を(0,0)とする座標系。 con:(x,y)

●standard modeでは、
・cl:(2,2) = con:(2,2) = B:(0,0) = ab:(0,0)
・A:(0,0)はbodyのborderがある限り別の点。しかも何ら特徴のない点。
例えば、bodyのmargin-left-widthが10px, border-left-widthが20pxの時、A:(0,0)はbodyのボーダー内の点。
つまり、standard modeでは(A)のDHTMLクックブックの座標系は役に立ちません。

●quirks modeでは、
・cl:(0,0) = con:(0,0) = B:(0,0)　←　bodyのborderの外辺であり、表示部の左上端。
・ab:(0,0) = A:(0,0)　←　bodyのborderの内辺
bodyのborderが0pxなら両者は同じ点になります。

●以上のことから、「e.clientX, e.clientYの値からクライアント領域の左上端を(0,0)と見た座標系での値へと変換するには」、
Bの方法が適切だと考えられます。
Bの方法はやってることは簡単なことで、基本的にe.clientX/Yの値をそのまま使いますが、standard modeの時は2(document.documentElement.clientLeft/Topの値)を差し引いて補正します。

言い忘れてましたが、Windows環境ではウィンドウを最大化すると、standard modeで右上端がcl:(0,0)となります。
つまり、clientX/Yが2未満な領域に移動すると、コンテンツの右クリックメニューは出てこなくなります。

以上のように私は考えましたが、今回検索しまくったら、DHTMLクックブックの方法を結構見かけました。
bodyのborderはデフォルトでは0pxだし、あったとしても少ない値なのであまり問題が表面化しないとは思いますが、
(B)の方法のほうがタイピング量も少ないですし、より正しい方法であるように思いました。
何か私の見落としていた点や間違いがあれば補足お願いします。

すいません　質問です

http://www.dhw.ac.jp/faculty/#header
このサイトの下ににある、このページの先頭へのリンクをクリックすると
普通は一気に上までいくけど
なんでこのサイトのはゆっくり上がるんだろ？
どんな技術使えばこんなになるの？なんかいいな

>>181
どう描けばいいでしょうか

>>185 clickハンドラ内でscrollByをsetInterval。

>>147
レスありがとうございます。
順番を無視すればより早くなるかもしれませんが、整頓して出力する方法を探していたもので。
適するかどうか以前に再帰をよく知らなかったので勉強になりました。
ありがとうございました。m(_ _)m

ちなみに、私のノートでも再帰を使ったほうが倍近く早いです。
これは繰り返し文を使うと遅くなるという事でしょうか。＾＾；

データバインドでソートできるテーブルで、セルに交互に背景色を付けて見やすくしたいのですが、
var elem = "TR";
window.onload = function() {
if(document.getElementsByTagName) {
var el = document.getElementsByTagName(elem);
for(var i=0; i<el.length; i++) {
if(el[i].childNodes[0].tagName != "TH"
&& el[i].parentNode.parentNode.className.indexOf("tbl") != -1) {
if(i%2 == 1) {
el[i].className = "on";
} else {
el[i].className = "off";
}
}
}
}
}
これでは初期状態では思い通りになっているものの、ソートをすると色が戻ってしまいます。
ソート後も色を維持できる方法があればご教授下さい。

>>187
おーありがとうございます
ぐぐったら出てきました
勉強してきます

メールで注文する計算フォームを修正していますが動いてくれません。
コードはサンプルページを参考に記述しました。
どこが間違ってるでしょうか？
ページを下記へアップしました。
http://uproda11.2ch-library.com/src/11129760.html.shtml

メール送信を最終的にしたいので借りているCGIのフォーム設定に原因があるのかと
思ったりしましたが。分りません。

>>191
<FORM>がないのに</FORM>があるじゃん

つうかここで質問するようなことじゃないだろ

すみません、そこは削除してしまいましたが実際はあります。
が、やはりここで聴くことじゃないですか？

>>193
>>1
　一、自ら学んでJavaScriptコードを書く意思を持つ者
　一、質問を分かる日本語できちんと説明できる者

最初の文面にCGIと出ているのでURLは開いていませんが、
HTMLまたはCGIの内容と思われるのでここではスレチと言う事になります。

>>194　
そっか。そうですよね。すみませんでした。
レスありがとう御座いましたm(_ _)m

>>189
http://www.makoto3.net/DHTML_IE_NEO2/neo2-0109.html

データバインド懐かしいな。
昔は結構便利でよく使っていたけど、IE専用だったのがネックだったな。
PHPが普及してからは全く使わなくなってしまった。

JSでMath.rint()はどう書けばいいの？

Math.round

>>196
見逃していました、ありがとうございます

CGIやSSIが使えないサーバーで、頻繁に更新するファイルを、
極一部の身内での利用に重宝しています

DOMノードの属性を全て取得するにはどうしたらいいですか？

hasAttribute()で特定の属性を持つか判定したり、getAttribute()で特定の属性の値を取得できますが、
ノードの属性はDOMノードのプロパティから取得できるとは限らないので、for-inでは取得できません。

DontEnumが付いてるのは列挙できない
（俺が知らないだけで抜け道はあるのかも）

列挙するためのライブラリとか読むとDontEnumがついてそうなメンバの名前を持っておいて、
それが存在するかどうか一つ一つ確かめているみたい

>>201
DontEnum属性がついてると列挙できないのは分かるんですが、
DOMノードの場合ですとそもそも属性がプロパティになっているとは限らないですよね。
例えばHTML DOMの場合は全てのHTML属性に対して、その属性名をキャメライズした名前のプロパティを持ちます。
しかし一般のXMLの場合は、全ての属性がプロパティから取得できるとは限りません。
そんな場合に全ての属性を取得するにはどうしたらいいでしょう？

>>202
element.attributesでNamedNodeMapが返ってくる
てかDOMの仕様書読め

>>203
ありがとうございます。これからは仕様書読むようにします。

javascript＋cssでつまづいているのですが

function ch(chsrc) {
document.getElementById("zoom").src=chsrc;
}

<div class="bigImg">
<img src="photo/04.jpg" id="zoom" />
</div>
<img src="photo/02.jpg" class="small" onClick="chsrc(this.src)" >
<img src="photo/03.jpg" class="small" onClick="chsrc(this.src)" >

上記コードで#bigImgに対してfloat:leftを効かせると
IE6(MultipleIE)で動作しなくなってしまいます。
float:leftを切ると実行できます。
仕方ないのでTableでレイアウトしたところ、
それでも無理でした。
CSSによってJavascriptの動作に制限がかかることが
あるのでしょうか？

わかる方がいらっしゃればヒントをお願い致します。

二日間ぶっ通しであれこれやっているのですが、らちがあかず質問します。
eucで書かれたサイトで別のページをXMLHttpRequestで読んで加工して出力したいのですが・・・、
その別のページというのは現状で手をつけること(XMLに変更するなど)はできません。

質問1.
responseTextの内容をXMLのようにパースできるようなライブラリ等はないでしょうか？

質問2.
仮に上の質問でライブラリが無いとした場合、正規表現で処理しようと思うのですが、
eucの日本語にマッチしてくれません。
responseTextの中の日本語にマッチさせる方法まないでしょうか？

IEオンリーの処理でかまいません。
ご存知の方、お知恵を拝借できますでしょうか？

>>205
通常のIE6では動作する。

ところで
class="bigImg"なのに
#bigImgに対してfloat:leftを指定しても意味はない。

function ch(chsrc)なのに
onClick="chsrc(this.src)"これでは動作するわけがない。

>>206
Document.loadXML()では駄目？

responseXML は空なのか

選択をキャンセルしたいんですが下記のように
onchangeイベントでfalseを返しても変更前の
値に戻らないのですがonbeforechangeみたいなイベントは
無いものでしょうか？

<select name="hoge" onchange="return changeHoge();">
<option value="hoge1">hoge1</option>
<option value="hoge2">hoge2</option>
<option value="hoge3">hoge3</option>
</select>

206です。

208>>
Document.loadXML()とは・・・なんでしょう？

209>>
だめでした・・・。
中に何も入ってないです。

なにかいい方法がないでしょうか・・・。

>>211
昔ちょっと調べたことがあるけど、responceXMLは読込先のページのContent-TypeがXMLと判断できないと空になるみたいだね
別ページに手をつけられないとなると難しいな

responceTextをそのままalertかテキストファイルに書き出したら文字化けしてるんじゃないかな
読込先のcharset指定が無かったり異常だったりするとXMLHttpRequestはutf-8扱いしてしまうんで
読込先がeucやsjisで書かれていると文字化けしちゃう
その場合は文字コードをあわせてやらなきゃいけない

>>206
CGIを裏で動かしてプロキシにした方が解析もできるしいいと思うんだけど無理？
JavaScriptで解析とか重くなりそうだけど。

>>210
どういうこと？
changeHogeがどういうことする関数かわからないんだけど、
選択をキャンセルするどのタイミングでどうやると起こるわけ？

>>211
208も言ってるように普通loadXMLを使う。

>>210
onchangeは、変わってしまってから発生するイベントだからreturn falseしても無駄。
onchangeするたびに変わった値をpreviousValueという変数に格納すればいい。

211です。

>>214
なるほど・・・と思ってやってみたけどだめなんですよね・・・。

var domObj;
try{
if(window.ActiveXObject) {
try{
domObj =new ActiveXObject("Msxml2.DOMDocument");
}catch(e){
try{
domObj =new ActiveXObject("Msxml2.DOMDocument.3.0");
}catch(e2){
try{
domObj =new DOMDocument;
}catch(e3){}
}
}
}
else
domObj =null;
}catch(e4){}

if( !domObj ) return;

domObj.loadXML( targetContents );
alert( domObj.getElementsByTagName('table').length )

----------------------------------------------------------
出力:0

211です。

上のエラーメッセージは"テキストの内容に無効な文字が見つかりました"
でした。
がっくし・・・。

いきなりですが、質問です。

たとえば２択のラジオボタンをJQueryのclone()を使って増やすと、FireFoxでは問題なく全て
別々のグループ（name=）で作られるのに、IE7だと全部同一グループとして扱われてしまいます。

ためしにクローン用のラジオボタンからname属性を消すと、IE7では選択不能な状態に。
どうもIE7ではname属性の書き換えができていない模様です。

似た症例が過去に無いでしょうか？
素直にCGI使った方が良いのだろうか？

>>217
意味不明。再現可能なミニマムコードを提示してくれ。

206,211です。

>>212
書き込み見落としていました。

なるほど、
やはり読込先に手を付けないとだめですか・・・。

まいったな、それができないんですよね・・・、
なんかいい方法ないかな・・・。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script src="test.js" type="text/javascript"></script>
</head>
<body>
<div id="radiobase">
<input type="radio" id="radid1" name="rgrp" value="1"/>
<input type="radio" id="radid2" name="rgrp" value="2"/>
</div>
</body>
</html>

// test.js
jQuery.noConflict();
var $ = jQuery;
$(function(){
$(window).ready(function(){
for(var i=0; i<10; i++){
var aaa = $("#radiobase").clone().removeAttr("id");
aaa.find("#radid1").attr("name","rgrp"+i).removeAttr("id");
aaa.find("#radid2").attr("name","rgrp"+i).removeAttr("id");
$("#radiobase").before(aaa);
}
});
});

>>218
>>220-221に即席サンプルアップしました。
IE7とFFでラジオボタンの挙動を比べてみて。

206,211,219です。

>>212

>読込先のcharset指定が無かったり異常だったりするとXMLHttpRequestはutf-8扱いしてしまうんで
>読込先がeucやsjisで書かれていると文字化けしちゃう

metaで指定しててもだめのようですね。
XMLHttpRequestはhttpヘッダの中のcontent-typeとcharsetで内容を判断してるみたいです。
現状httpヘッダにcharsetは吐かないようにしてるからutf-8と思ってるようです。

だめだこりゃ、あきらめました。

>>217でname属性の書き換えができていない模様と書きましたが
DebugBarで確認したらしっかり書き変わってました。
もしかしてIE7の不具合？

>>224
jQeuryは知らんけどこういう不具合があるよん
http://www.tagindex.com/kakolog/q4bbs/501/719.html

>>225
ものすげー有益な情報、超サンクス！！！
やっぱりIEの不具合か、おかげで解決。

具体的には以下のコードで対応可能。
アホっぽいけど、複製じゃなくて生成しろってことだな・・・。

jQuery.noConflict();
var $ = jQuery;
$(function(){
$(window).ready(function(){
for(var i=0; i<10; i++){
$('<input type="radio" name="rgrp'+i+'"/>').attr('value',1).appendTo('body');
$('<input type="radio" name="rgrp'+i+'"/>').attr('value',2).appendTo('body');
$('<br />').appendTo('body');
}
});
});

nicEditのいじりかたについて聞きたいのですがココでいいですか？

そんなもんわざわざいじるくらいなら
HTMLタグ打ちを勉強した方が良いかと

webアプリ作るためにも必要で・・
「クエリ送信」の文字を置き換える方法が知りたいのですが

＞webアプリ
＞webアプリ
＞webアプリ
＞webアプリ

勝手に改変して利用して、
自作ですって公開するのは著作権に抵触するよ
自分で一からJavascript学んで出直してきなさい

そろそろライブラリに関する質問をどうにかした方がいいと思う

「クエリ送信」て type="submit" のデフォルトの文字列のこと？
nicEdit とも関係ないような

>>230
ちなみにNicEditはMITライセンス。
>自作ですって公開
ってのは明らかに真っ黒だけど、
元の著作権表示を行うなら勝手に改変して公開しても全く問題無し。

バブリング？やevent delegation？辺りのクロスブラウザ対応の質問になると思うのですが、

<div style="position:absolute;width:100px;height:100px;"><a href="http://google.com">button</a></div>
<div style="position:absolute;width:100px;height:100px;">A</div>
<div style="position:absolute;width:100px;height:100px;">B</div>

このように同じサイズのブロック要素でレイヤ構造を組んだときに、
IEは最背面ブロックの<A>のボタンの"utton"辺りはクリッカブル、
IE以外は最前面以外のレイヤーは完全に無反応という違いが出ますが、
IEの挙動をIE以外の環境で再現する方法論はありますでしょうか。

>>223
やっぱり文字化けしてるのかな

var Stream = new ActiveXObject("ADODB.Stream");
Stream.Open;
Stream.Type = 1;
Stream.Write(domObj.responseBody);
Stream.Position = 0;
Stream.Type = 2;
Stream.Charset = "euc-jp"; //別ページの文字コードがわからんから、適宜変更して
alert(Stream.ReadText);

responceTextじゃなくて
こんな感じでresponseBodyからエンコードしてやるといいんじゃないかな

>>214
できました。ありがとう。

どうしたアホ外人、出番だぞ

質問です。
オンマウスでメニューツリーを表示したいのですが、
あるサイトを参考にして
親メニューは画像にして、オンマウスで違う画像に変え、
下に子メニューを持ってくるようにしました。
この親メニューを複数使いたいのですが、
どこを変えたらいいのかわからないです。

<SCRIPT type="text/javascript"><!--
function showMenu1(menu1,menu2){
document.getElementById(menu1).style.display = 'none';
document.getElementById(menu2).style.display = 'block';
}
--></SCRIPT>
<STYLE type="text/css"><!--
#M1A { display: block;}
#M1B { display: none;}
*/--></STYLE>

<DIV id="M1A" onMouseOver="showMenu1('M1A','M1B')"><img src="通常の画像"></DIV>
<DIV id="M1B" onMouseOver="showMenu1('M1A','M1B')" onMouseOut="showMenu1('M1B','M1A')"><img src="オンマウスで表示の画像">
<DIV>
<A href="">子メニュ１</A><BR>
<A href="">子メニュ２</A>
</DIV>
</DIV>

idの部分を変えるんだろうとは思うのですが、
アドバイスお願いします。

idと引数

同じblogパーツが貼られているサイト間をリンクするタイプのblogパーツがありますが、
URL取得の仕組みがわかりません。
リファラーから取って来ているのか？？
大まかな仕組みを教えて頂けないでしょうか？
Flashスレで聞く内容でしたらすみません。。。

スレチ

>>239
ありがとうございます。
引数というヒントで答えに辿りつけました。
感謝します。

すいません。objectタグのDOMなんですが

<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
function test(){
document.getElementById("box").data="2.PNG";
alert(document.getElementById("box").data);
}
</script>
</head>
<body>
<input type="button" value="push" onclick="test()"/>
<object id="box" data="1.PNG" width="200px" height="300px">
</body>
</html>

でボタンを押すとＩＥ以外のブラウザではobjectで埋め込まれている
画像が変わります。（ＩＥは変わりませんが、
alert警告では「2.PNG」と表示されます。）

divとかでobjectを囲んで丸ごと入れ替えるという方法はうまくいったのですが
ＩＥでobject の埋め込みデータの中身だけを変える方法はないのでしょうか。
もしあったら教えてください。お願いします。

環境はＸＰＳＰ３　の　ＩＥ７　です

質問させてください。
onclick関数でHTMLのリンク要素のように他サイトに飛ばすことはできますでしょうか？
できるのなら方法を教えていただけませんか？

onclick="location.href='URL'"

>>245
ありがとうございます！できました。
ただ、欲を言えば新しいウィンドウで開きたいのですが、
そのような方法はありますでしょうか？

小出しにすんな死ね

それはギャグなのか

みなさんごめんなさい。
onclick="window.open('URL','new');"
でうまくいきました。

>>247
試してみるまで気づかなかったもので、すみません。

>>248
ギャグではないのですが、失礼しました。

質問です。
var array = [['']];
という２次元配列の宣言の仕方をとあるサイトで見かけたのですが、
これを new Array を使用して宣言しなおすとすると、
どのような宣言の仕方になるのでしょうか？
「[['']]」の具体的な意味（内容）を知りたく思います。
よろしくご教示ください。

>>250
var array = new Array();
array[0] = new Array('');

>>251
レスありがとうございます。
なるほど、array[0]に対して、「''」（中身がない）配列を加える感じっぽいですね。
勉強になりました。

>>252
ﾅﾝｶﾁｶﾞｳﾅｰ。Arrayコンストラクタの引数の扱い方をｼﾗﾍﾞﾅｰ。

var array = new Array();
array[0] = new Array();
array[0][0] = '';

>>253
別に間違ってない。
Array コンストラクタの引数が 1 つの場合、
それが数値の時はその長さの配列が作られるが、数値じゃない場合は最初の要素がその値になる。
結果として >250 も >251 も >253 も

var array = new Array(new Array(''));

もやってることは同じ。調べてみな。

>>254
いやこの辺が違うなって言ったの

> 「''」（中身がない）配列

’’　というのは空文字列の実体なので
new string()　と同等の意味になるでしょ。
new string() と new Array('')　が等価なのかな？

え？string()なんてない？
おじゃましました。

無知もここまでくると気持ち悪いな

var array = [['']];
→ var array = new Array(['']);
→ var array = new Array(new Array(''));
new Array(...)と[...]が違う結果になるのは ... の部分が
1個の整数のときだけだが、上の場合はいずれも該当しないから。
しかし個人的には [['']] の方が簡潔で見やすいと思うけどね。

206,211,219,223です。

>>235
返事がおくれました。

ADODB.StreamはIE7ではだめだそうです。

やはり無理か・・・と、思った矢先、
友達に相談したら希望の光が、
時間がなくまだ試していないのですが、

読み込み元に空のdivを作り、そのinnnerHTMLに
responseTextをぶちこむ、で自分をパースする。

うまくいったら書き込みます。

それでも化ける気がする
iframe.src と並んで最後の手段だね

anything from here offsetLeft,offsetTop,offsetWidthそしてoffsetHeight──静的配置要素の絶対位置を確実に取得する方法について
http://hkom.blog1.fc2.com/blog-entry-503.html
offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js
http://d.hatena.ne.jp/susie-t/20061004/1159942798
Positionオブジェクトの枠線幅問題対策 - Backstage of theater.js
http://d.hatena.ne.jp/susie-t/20070218/1171760841

を読んでJavaScriptでの位置指定をクロスブラウザに完全に行うことが極めて困難だと知り、
ここ二年ばかりは熱心にJavaScriptにハマってましたが、ちょっと幻滅してしまいました。
ここに書かれている対策(table内の要素では位置指定を使わない、body要素でのborder, marginの計算を考慮に入れて
offsetParentsを足し込む、など)をすればうまく動くようですが、
どうも釈然としないものがあります。

・知人は位置指定にこだわるならJavaScriptでなくフラッシュを使うべきと言ってましたが、果たしてそうなんでしょうか？
そんなに位置指定の正確さってJavaScriptにおいて問題になりうるものなんでしょうか？(問題になるケースとしてどんなものがありますか？)
・例えば、矩形範囲のHTML要素を取得するのに、出来れば2px以内に誤差を抑えたいですよね。
しかし、上のリンク先を見る限りではtable要素内の要素の位置を正確に取得するのは限りなく困難です。
だから、JavaScriptで矩形範囲のHTML要素を取得しようとするのは無謀だというふうに考察したんですが、どのように思われますか？
・JavaScriptの闇というべき致命的欠点って他にありますか？

すみません、>>260の位置指定は、全部「絶対位置取得」の間違いでした。

JavaScriptの問題じゃなくてブラウザの実装の問題じゃないか

CSS

>>263
ブラウザの実装の問題として質問しました。深刻な問題ではないでしょうか？

>>265
>>263は「JavaScript言語の実装の問題ではなく、
DOMなど（JavaScript言語仕様では規定されていない）
オブジェクトモデルの実装の問題だ」といいたかったと思うの。

で、闇だ何だと大げさに騒ぎ立ててるけど、あなたの作ってるページは
枠線の幅が2pxを越えるテーブルが大量にネストしてたりするのかな？
昔懐かしのテーブルレイアウト全開でやってるならともかく、
そうでないならたとえテーブル利用時に正しく位置取得できなくても
そこまで大きな誤差が出ることはほとんどないのでは？

>>266
DOM実装の問題だという件、理解しました。

さて、闇が何を指すかを正確に理解していただかないとコミュニケーションが成立しない(闇だ闇じゃないだの不毛な平行線上の言い合いになる)ので、
事実を確認します。

http://d.hatena.ne.jp/susie-t/20061004/1159942798#200610041723
によれば、テーブル内の要素のoffsetParent, offsetLeft/Topは、ブラウザによって大きく異なります。
枠線が2pxを超えるか否かといったレベルの問題ではなく、そもそも何がoffsetParentになるかというのがブラウザによって違います。
例えば、Firefoxではposition:relative;なtd要素内のposition:absolute;は
body要素がoffsetParentになるけど、IEではtd要素がoffsetParentになります。
これは場合によっては、100px以上の誤差が発生しうることを意味します。

正確な位置取得は、矩形範囲のhtml要素を取得する関数を作る際には深刻なのではないかと考えました。
これは例えば、LDRizeのような事をするために表示領域内のhtml要素を取得する
必要がある時には便利な関数と思われますが、正確に位置を取得する必要があります。

>>267
ブラウザ間の実装が異なるならブラウザを判別するコードを使って実装の違いを吸収すればいいわけで
実際にそれぞれのブラウザの挙動の違いは詳しく分かっているわけだしそれを考慮したコードは書けるよね

CSSとかと違ってJavascriptはブラウザ毎に違うコードを実行するなんてことが簡単にできるからそんなに問題にはならないかと

>>268
ブラウザテストすればいいということですね。

しかし、>>267のような特例が無数にあることが問題です。
リンク先に出ているものだけで10個ありますが、この記事の筆者はこの途方もなく複雑な挙動に
「闇」を感じて以降調査を打ち止めにしたようです。
ということは、他にもたくさんある可能性があります。

それだけでなく、この記事が書かれたのが2006年なので、最新版では挙動が異なっている可能性もあります。

もし、矩形範囲のhtml要素を取得したいような場合に、自力であれこれ各ブラウザの挙動をテストして、
クロスブラウザなコードを書くのは極めて困難だと思いませんか？

>>269
お前はただ同意を求めてるだけなのか？
なら、困難だと思うよ。これで満足か？

>>269
すみません。問題点を明確にするために自分の意見を述べすぎました。
そのせいで、あらぬ誤解を生んだようです。
質問は>>261にあります。これについての回答を期待しています。

そもそも質問の意図がわからん
何がしたくて要素の絶対位置を取得したいのかで答えは変わってくる
用途によってはJSよりFlashを使った方が良いだろうし
全てのHTML&CSSに対して適用できるような手法が必要なのはライブラリを作って公開しようとしてる場合ぐらいではないかと

位置指定というか、px 単位での調整が必要ってどんな処理だ？
JavaScript のアウトプットって DOM が中心だから、
ブラウザの画面内で位置調整を行う方法って CSS に頼るしかない。
JS 側はクラスや ID や要素を指定した DOM を弄って、予め作った CSS に適用させる感じ。
もちろん、CSS に対応しているかどうか、
CSS がどんな描画されるかなどは実装依存（てか相当バグがある）だが、それは CSS の問題。
HTML を描画できるだけじゃ嫌、ピクセル単位で画面を調整したいってのは、それこそ Flash を使えばいい。
ただし言語仕様を Adobe が握ることになるので、
VerUp の度に拡張の嵐の憂き目に遭うだろうね。

>>272
確かに漠然とした質問でした。私自身問題を正確に理解できていないのもあります。

>全てのHTML&CSSに対して適用できるような手法が必要なのはライブラリを作って公開しようとしてる場合ぐらいではないかと
Webサイトやクライアントサイドのツールを自分が作るためのライブラリを作ろうとしています。
確かに、ユースケースを限定すれば、それほど深刻な問題ではなくなるのかもしれません。

>>273
>位置指定というか、px 単位での調整が必要ってどんな処理だ？
それを経験豊富な先輩方におたずねしたかったのです。

>CSS がどんな描画されるかなどは実装依存（てか相当バグがある）だが、それは CSS の問題
いや、offsetParentやoffsetLeftが何を指すかというのは、CSSの問題ではないと思います。
例えば、offsetLeftがoffsetParentのborderの外辺までの距離を指す場合もあるし、borderの内辺までの距離を指す場合もあります。
offsetLeftは、CSSのプロパティではないので、クライアントサイドJSをどのように実装するかという問題ですよね。

>ピクセル単位で画面を調整したいってのは、それこそ Flash を使えばいい。

やはり、JSでは困難なんでしょうか？

私の理解では、矩形範囲のhtml要素を取得することはFlashに出来ないですよね。
FlashはFlashの中のモノにしかアクセス出来ないので。
これが制約にはなりますが、フルFlashのサイトにするなどして回避はできそうです。

ただ、ldrizeのようなクライアントサイドツールを作る場合には、ほとんどJSしか選択肢がないですよね。
ldrizeはコードを見ると雑な処理で妥協しているところがあって、実際、挙動がおかしいことが多々あります。
ですが、長く使っているうちに、「これが仕様なのかな」と納得してしまいました。
あまりWebで位置取得の話題が深刻なテーマとして出てこないところを見ると、皆さん妥協してらっしゃるのかなと思いました。

しかし、正確な位置取得のライブラリがあっても良さそうなものですが、見かけません。
何がご存じのものがあれば教えて下さい。>all

オレの自前ライブラリの GetAbsPosSeikaku() が火を噴く時が来たようだ。

位置指定にこだわってるのは >261 なのに実例を出せと言ったら「こっちが訊いている」ってアホかよ

リンクにカーソルを載せたときにリンクと被らないようdivをポップアップウインドウ風に表示する、なんて場合に問題になるかもしれない

>>276
すみません、私が想定している実例を出せという意味でしたか。
であれば、矩形範囲のhtml要素の取得が実例です。
これが本当に実例になっているかは実体験が無いので分かりません。
なので、JavaScriptでpx単位の正確さを要求されるような例ってどんなのがありますかと>>261の最初の質問で聞きました。
てっきり、>>273は本当に実例になっているものを出せという質問かと思ってしまいました。

私はかねてから矩形範囲のhtml要素取得などのために、位置を扱うライブラリ作成を予定していました。
だから、位置取得にこだわっていますが、>>261のリンク先を読んで絶望してしまいました。
当初の予定では、まず位置を扱うライブラリを作成してから、さまざまな実例を試して、
矩形範囲のhtml要素取得もpx単位の厳密さを要するものなのかも実体験として把握するつもりでした。
しかし、ライブラリ作成の意欲を無くしてしまったので、まだpx単位の厳密さを要する実例を
実体験として検証出来ないでいる段階です。
そこで、>>261では、私のイメージ上では矩形範囲のhtml要素取得がpx単位の厳密さを要する実例になっている
と思うのですが、実体験としてそうした厳密さを要する実例を先輩方にお尋ねしました。


>>277
ありがとうございます。確かに問題になりそうです。
それ以外に、重なり合わないようにD&D可能なボックスを配置する際にも問題になるのではと考えました。
ドロップ時に衝突判定を行い、重なるようであれば重ならないような位置にズラしてドロップする方法をいくつか試行し、
どうしても重なるようであればD&Dを取り消し元の場所にボックスをドロップする、という処理を考えます。
これは矩形範囲のhtml要素の取得より有用かもしれません。
こういったことをやろうとされた方ややっているコードをご存じな方はいますか？
px単位での位置取得の正確さが要求されるような例ではないでしょうか？

グダグダ言ってないで適当なブラウザ上で「矩形範囲のhtml要素取得」とやらを実装してみろ。
elementFromPoint()もgetBoundingClientRect()も使わず、実用的な速度で動作し、
かつボックスの重なりも処理できるなら、それだけで画期的だ。
値がズレてるならズレたまま扱えば正しく要素を取れるんじゃねーの。

>>267で何やら言ってるが、getComputedStyle()やbox-sizingも試してみたのか。
CSSOM-ViewのWDは目を通したのか。

むしろ>>267なんかより厄介な問題が出てくると思うが、それは遭遇してから言ってこい。

>>279
これまでで一番有益なアドバイスでした。ありがとうございます。
CSSOM-Viewは初めて知りました。
さて、
http://hkom.blog1.fc2.com/blog-entry-503.html
の位置取得方法はお試しになりましたか？
これが私の知りうる限り一番正確に位置取得できる方法なんです。
実は>>267の問題もとりあえずはこれで解決できますが、ただ限られたケースしか使えないという欠点はあります。
ちなみに、やってみれば分かることですが、getComputedStyle()やbox-sizingは使い物になりません。
その理由はスペースの都合で割愛します。
要するに、知りうる限り、完全に正確に位置取得をする方法がないので、皆さんにおたずねしたいのです。

だからな、あんたは「正確、正確」と言うが、
どのブラウザも各ブラウザ基準で「正確に」値を出してるだろうが。
あんたが言う「正確」とは何基準だ？脳内か？何に統一したいんだ？

> getComputedStyle()やbox-sizingは使い物になりません

理由を書かねば話になんねーだろ。三行で書け。
古いMozillaでoffsetLeftがleftの計算値に一致しない現象を知ってる奴なら今でもgetComputedStyle()でやる。
つーか最初に一回だけ計ってその後の処理はstyle.leftで統一する。

>>234の件引き続き探してます
Mozillaの独自CSSなどで要素のbackgroundの透過設定が出来れば良いと思うんですが

>>281
>あんたが言う「正確」とは何基準だ？脳内か？何に統一したいんだ？
>>183の(3)です。

>理由を書かねば話になんねーだろ。三行で書け。
offsetLeft/Topの総和が座標値の概算値になります。
しかし、>>261のリンク先にあるようにoffsetLeft/Topの定義はブラウザ依存です。
だから、getComputedStyleを使っても問題の先送りになるだけです。

どうしたアホ外人、出番だぞ

>>283
>>183の(3)はoffset(Left|Top)の算出と何も関係ねーはずだが。

> offsetLeft/Topの総和が座標値の概算値になります
> getComputedStyleを使っても問題の先送りになるだけ

あんたがやりたいのは「正確な位置算出」であって「正確なoffset(Left|Top)算出」じゃないと思ったんだが、
違うのか。

> >>183の(3)はoffset(Left|Top)の算出と何も関係ねーはずだが。
>>183の(3)による座標値と一致している事が私の正確の定義です。

> あんたがやりたいのは「正確な位置算出」であって「正確なoffset(Left|Top)算出」じゃないと思ったんだが、
違うのか。

offsetLeft/Topの正確さは私は定義してないです。

どうも不毛な流れになってきたので、これで終わりにします。
有益なアドバイスありがとうございました。

関係ねーと言うか、IEのoffsetParentには位置指定以外にhasLayoutも絡むから、
offsetLeftで考える時点でab:(x,y)の座標系にはならんわな。
つーことは何だ。問題はIEなのか。IE以外なら何とかなるのか。

試してないけど、offsetParent と offsetLeft/Top じゃなくて、
getComputedStyle()/currentStyle で position:static 以外の要素を探して
left とか margin を足していけば良かったのでは。

>>282
261がそれを実現するライブラリを作ってくれるからしばしまて

こんにちは。アキハバラの○○無線で買ったウィンドウズのＸＰなんで
すが、標準装備とかいうので付いていたIEのバージョン６は、JavaScript
のバージョンでいうと1.5ということになりますか。
変な質問ですいません。

>>290
お前の居場所はここじゃない

IE6ならJavaScript1.3相当なんじゃね

このスレ、レベルが高すぎてついていけません

IE6は1.5だ。

クリップボードのamazon URLからASIN番号を取り出すブックマークレットを作ろうとしているのですが、
原因不明のエラーで困っています。
javascript:asin=window.clipboardData.getData('Text');clip=asin.match(/dp\/.{10}/);clip2=clip.substring(3,13);alert(clip2);
↑が自作のブックマークレットですが、これだとサポートしていないメソッド…のエラーが
でて動作しません。しかし、
javascript:asin=window.clipboardData.getData('Text');clip=asin.match(/dp\/.{10}/);alert(clip);
と
javascript:clip="dp/4000223941";clip2=clip.substring(3,13);alert(clip2);
のように分けたものはそれぞれ意図通りに動作します。
文字数制限にひっかかってるわけでもないし、何が悪いんでしょうか？
ブラウザはIE6.0です。

いつも思うんだけどglobalフラグ立てないならexecにしとけ
javascript:alert(/dp\/(.{10})/.exec(clipboardData.getData('Text'))[1]);

質問です。下記コードでuberメソッド内のif節(depthが1以上)はどういう時に使われますか？具体例を教えて下さい。
以前から何度も例を考えてみましたが、どれもif文でdepathが0になるのでelse節しか実行されません。

Function.prototype.method = function(name, func){
　this.prototype[name] = func;
　return this;
};
Function.method('inherits', function(parent){
　　var depth = 0, proto = this.prototype = new parent();
　　this.method('uber', function uber(name){
　　　var func, ret, v = parent.prototype;
　　　if(depth){
　　　　for(var i = d; i > 0; i -= 1){
　　　　　v = v.constructor.prototype;
　　　　}
　　　　func = v[name];
　　　}else{
　　　　func = proto[name];
　　　　if( func == this[name]) func = v[name];
　　　}
　　　depth += 1;
　　　ret = func.apply(this, Array.prototype.slice.apply(arguments, [1]));
　　　depth -= 1;
　　　return ret;
　　});
　　return this;
});

>>295
すいませんヘボなもんで…。
わざわざ書き直してもらってありがとうございます。
バッチリ動作して感謝です！

>>295
横ﾚｽだけどglobalフラグ立てない場合は何でexec使った方がいいの？
慣れで常にmatch使ってるんだけど。

>>298
パフォーマンス的に有利だった気がする
https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/String/match#section_5

jquery で
table のどこをクリックしても、
その行の１列目の値を alert() したいのですが、
↓だと何がマズいでしょうか？

$("table tr").click(function () {
alert( $("$(this) td:first").text() );
});

>>299
なるほどありがとう。exec使うようにする。

>>300
jQueryあんまり覚えてないけど
$(this)はselectorじゃないから中に入れたらダメじゃない？
$(this).find("td:first").text()なら取れるはず

> 301
できた！！
学習させて頂きました。m(_ _)m

お世話になります。
現在、下のサイトを参考にしてツールチップを作成しています。
http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm
こちらのサンプルは、マウスを動かすとマウスについてくるようにツールチップが表示されます。
これを、マウスを動かした際には非表示、動かさない場合は表示というようにしたいと考えています。

マウスを動かした際に、現在のカーソル位置と一秒後のカーソル位置をsetTimeoutで比較して、
同じだった場合に表示処理を行うようにしたのですが、うまくいきません。
マウスを動かしツールチップが消去されたあとは再び表示されない状態です。
（setTimeoutのところで「引数が無効です」のエラーが出ています。イベントを渡したりしてみましたが駄目でした）
ご指導お願いいたします。

function setMouseMove(){
var beforeX = event.x;//現在の表示位置を取得
var beforeY = event.y;
setTimeout(showTooltip(beforeX, beforeY), 1000);//1秒ごとに表示位置を確認する
}
function showTooltip(beforeX, beforeY){
var afterX = event.x;//マウスが動いた場合の判断のため
var afterY = event.y;//1秒後の表示位置を取得する
if(beforeX==afterX && beforeY==afterY){
if(tipobj.style.visibility != "visible"){
positiontip();//同じ場所かつ非表示の場合、表示する。
}else{//すでに表示されてた場合は消去してまた表示
hideddrivetip();
positiontip();
}
}else{
hideddrivetip();//同じ場所でない場合は非表示処理
}
}
document.onmousemove=setMouseMove

setTimeout を使って自分自身を再帰的に呼び出す、という定石で setTimeout に出会った人は
setTimeout 自体に繰り返し処理機能があると勘違いしている人が多い。

つ setInterval

問題はむしろ別にありそうだね

jquery の tablesorter + pager で作ったテーブルでクリックすると、
最初に表示された行のついては１列目の値が alert() されるのですが、
ページング処理で開いたテーブルをクリックしても
alert() されません。

ページサイズを増やし、
クリックされても alert() されなかった行を１ページ目で表示させ、
その行をクリックすれば、ちゃんと alert() されました。

どうしたら、ページング処理後の行でも
問題なく動くでしょうか？

>>307
いきなりtablesorterとpagerがわかっている前提で話されても困ると思うんだけど。
サンプル出さないとわからんよ。
>>300のやり方踏まえてエスパー回答してみると、table配下のtrにclickを設定したけど、
pagerとかいう奴でtrが置き換わり、そっちにはclickの設定がされてないのが理由じゃないの？

>>300を下のように変更してtableにclickを設定し、クリックされた時のイベントで
alertを実行すればいいんじゃね？
$("table").click(function(e) {
　alert($(e.target).text());
});

>>296お願いします。

どこから沸いたコードなの？

>>296
> どういう時に使われますか？
一生使われません

styleswitcher.js(スタイルシートを切り替えるスクリプト)に関する質問です。
http://weblibrary.s224.xrea.com/weblog/webdesign/javascript/styleswitcherjs.html

index.htmlにインラインフレームを置き、その中にa.htmlとb.htmlをフレームで組んで表示しています。
やりたいことは、styleswitcherの切り替えスイッチをa.htmlに置いて、
a.htmlとb.htmlとindex.html(インラインフレームを置いてるページ)のスタイルシートを同時に切り替えることです。
a.htmlとb.htmlのフレーム内の同時切り替えは
http://www.gac.jp/article/index.php?stats=question&category=9&id=20437&command=msg
をそのまま用いることで成功しました。
できないのは、a.htmlからindex.htmlのスタイルシートを切り替えることです。
上記サイトで説明されてるようにsetActiveStyleSheet関数をいじればいいと思ったのですが、
どう変更すればいいのかわかりませんでした。手助けいただけると幸いです。

自己解決。すみませんでした。

>>310
出典は確かResigさんのblogだった気がします(覚えて無くてすみません)。

Crockfordさんのバージョンはこちらです。(内容的には同じです。)
http://d.hatena.ne.jp/brazil/20051011/1129031224

お願いします。

リンクのURLを動的に変換させたいのです。

function () {
var ADD_URL = "http://*.*.*/view.php?url="

window.location.replace(ADD_URL + window.location.href);
});

この場合，一度ページを表示してから，新URLが表示されます。

いきなり新URLで表示させるためにはどうしたらいいのでしょうか。

>>315
その無名の関数式をどうやって呼び出しているの？括弧の対応が
取れてないし…

中途半端なコピペとか

＞いきなり新URLで表示させるためにはどうしたらいいのでしょうか。
最初から新URLにアクセスすればいいんじゃね

すみません、下記サイト（アダルト注意）のサンプル画像表示に使われているような
JavaScriptの使い方や解説などが載ったサイト、どこかにないでしょうか？
ググろうにもどういうワードで検索していいのか分からず、思いつく限りで検索してもても
見つからなかったので・・・
ttp://www.jgarage.net/shop/products/detail.php?product_id=10383#detailTop
ttp://www.dmm.co.jp/mono/pcgame/-/detail/=/cid=959hso5004/

>>314
uberで呼び出したメソッドの中で更にuberを使ってると1以上になるんじゃない？
なんか微妙なコードだなと思って原文見たら
最後に「最近よく考えてみたらuberとか使わなくね？無駄じゃね？」って感じの追記がしてあった。

>>318
処理に使われてるJavascriptを探してそれを示してください。
できなければこのスレにはあなたに相応しくありません。

>uberで呼び出したメソッドの中で更にuberを使ってると1以上になるんじゃない？

ありがとうございます。まあそれはそうで、ぶっちゃけ見ればすぐ分かる当たり前のことですよね(偉そうでごめんなさい)。
具体的にはどんな場合でしょうか？それが私の質問の主旨です。

そうですね、最近は古典的継承は使わずにプロトタイプ的継承やfunctionalな継承を
使うよう推奨してますよね、Crockfordさんは。
でも、古典的継承を実際見かけることも多いので、後学のために理解を深めておこうと思いまして。

>>320
初心者系のスレがなかったのでここで質問させてもらったのですが、失礼しました

jqueryのajaxに関する質問です
$.ajax()で非同期でサーバを呼び出しているのですが、
これは、あるURLへの呼び出し＆処理がまだ終了していない時に、
他のURLを呼び出しても問題ないのでしょうか？

nextSiblingやpreviousSiblingなどで返すElementですが、
IEだと必ずHTMLになるのに対して、FirefoxだとTextElementになることがあります。
これを常にHTMLになるようにする方法はないでしょうか？

一応nodeTypeをみて処理して解決してはいるのですが…

>>323
問題ないけどRFCの規定で2本までしか投げられないから3本目は待機させられるだろうね
Cometする場合は注意しないといけない

>>324
IEを恨みつつ(X)HTMLを全部1行に書く

>>321
えーと、どんな場合て？uberが何をするためのメソッドなのかを聞いてるん？

ところでこのuberだけどやっぱ変だよ。
わざわざdepthの数だけprototype.constructorを辿るように書いてあるのに、
肝心のconstructorプロパティをいじってないから常に最上位クラスを指す事になる。
http://d.hatena.ne.jp/brazil/20051012/1129035427
ここで作者から記事を改訂する予定だっていう返事が来た事が2005年に書かれてるけど、
今現在載ってるのを見てもconstructorに関する記述はそのまま。動作もおかしい。
作者自身使ったこと無いと言ってるし、多分テストも真面目にやってないのでは。

クロージャーというのがあってだな、

すいません。javascriptで書かれたブログパーツを
ブログでなくて自分で書いたページ（ブログじゃないページ）に
張るということができないかやってみたのですが

たとえば <script src="http://xxk/hoge.js" language="JavaScript"
type="text/javascript"></script>
というソースで配布されているブログパーツ（javaでFlash埋め込みを書き出す）を
張りたい場合、クロスドメインを解消すればいいんじゃないかと思って
webtips.open-log.net/index.php?JavaScript%2Fクロスドメイン制限の解除
（↑URL）や
http://www.ironhearts.com/diary/archives/001463.html　
に書いてあるに書いてある方法や自分のローカルにつくったHTMLで
やってみたのですができませんでした。

そもそも普通のページには張れないんでしょうか。
それとも別の方法があるんでしょうか。教えてくださいお願いします。

環境はIE７とFireFox3、テストした環境はland.to鯖とXPSP3のローカルです

>>328
そもそもｽﾚ違いだし、ブログもただのHTMLなので普通は貼れるはず。
<html>とか<head>とか<body>がないってオチじゃない？
ブログパーツが何かわからんと何とも言えないけど。

>>328
HTMLだな、スレチ

>>326
ご回答ありがとうございます。

uberメソッドをどういう時に使うかという点で言えば、オーバーライドされた親クラスのメソッドを呼び出したい時に使うと
認識していますが、合ってますか？

で、私が>>296で質問したのは、uberの使い方ではなくて、if文内の(else節ではなくて)if節の部分が意味を持つ
のはどういう場合かという具体例を知りたいということです。
つまり、prototype.constructorをたどるのは何のためかというのが分からないということです。
というのも、prototype.constructorはデフォルトでは関数(クラス)自身を指すので、通常の場合は
else節が意味を持たないと考えて混乱してしまったんです。
実際にいろいろ具体例を作ってみたところ、どれもif節の部分(depth>=1)の部分を有効活用しているような
コードを作ることが出来ませんでした。

それから>>296の出典が分かりました。"Pro JavaScript Techniques"(John Resig)という本の41ページです。
uberメソッドが変と言われてもこれはResigさんもCrockfordさんもblogや本に書いているメソッドなので、
コードが間違っているというのは考えにくいような気がします。
>>326さんはどんな点で変だとお考えになったのかがよく理解できていないですが。

作者が使ったことないというのはどこに書いてありましたか？
(古典的継承の)「記事を使って以来使ったことがない」とは書いてありますが、
このメソッドをそもそも一度も使ったことが無いとは書いてある箇所は見あたりません。

>>329
>>330
スレチでしたか、すいませんでした。
とりあえずもうちょっと頑張ってみます。

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

>>328

> （javaでFlash埋め込みを書き出す）を

javaではなく、javascript　勝手に省略するな！

おれはメーカーに勤務していたとき、職場での会話・雑談と効率の関係を、
人事部と上司の指示で調査したことがある。
その結果、会話（会社で仕事に関係する会話）、雑談（仕事と関係ない話）の時間が
多いほど仕事の効率が高く、プロジェクトの成功率が高いことがわかったんだ。
当時、最低でも１０人以上でチームを作ってやる仕事ばかりだったけど、
参加人数が多いほど、雑談時間と効率が正比例の関係にあるという結果になった。

その結果は社内にも秘密とされた。（おれがいいふらしたけどねー！）
それは、雑談するほど効率がいいなんて、上司も人事部も認めたくなかったからなんだ。
ちなみに毎日２時間以上雑談をするチームが最も効率がよかった。(^o^)v

>>331
>コードが間違っているというのは考えにくいような気が
そう思うんですが>>326のブログによると実際に不備を認めた事があったらしいからそういう事もあるのかなと・・・。
>一度も使ったことが無いとは書いてある箇所は見あたりません
ごめん、「記事を使って以来使ったことがない」の事を言ったんだけど、
まあもちろん記事を書いた時は何度かテストしてるでしょうね。でも実用はしてないと。

>prototype.constructorをたどるのは何のためか
inheritsを使って (親)A→B→C→D(子) と継承したクラスを作ったとして、
uberを利用してDから呼んだCのメソッドがBのメソッドを呼び、そのBのメソッドがAのメソッドを呼んでた場合どうすればいいか？
この場合、D.prototype.constructor.prototype.constructor.prototype
とする事でBクラスのprototype(Aクラスのインスタンス)を参照できるので、それを
・・・という事を想定したコードだと自分は解釈したんだけど、
>>326でも書いたようにこういう風に使うためにはinherits時に各クラスのconstructorプロパティを調整する必要があります。
このコードだと、上記の例で言えばBCDクラスのconstructorプロパティは全部Aになってしまって、
prototype.constructorを段階的に辿る意味が全然無いんです。
A→B→C のケースなら直接parent.prototypeを読みに行くようになってるので問題無いかも知れませんが、
A→B→C→D→E→F などの深い階層の場合恐らくまともに動作しないのでは？

それと>>296の for(var i = d; は for(var i = depth; だよね？

スクリプトを実行したときにループ警告が出るのですが、これを出なくすることはできますか？
有限ループなのですが処理が多くて途中で何度も引っかかるのが面倒なので。

>>336
スクリプト側から設定できたら警告の意味ねーだろ
というわけでお前さんの質問は基本的にブラウザの設定の話になる
（そしてスレ違い）
ttp://support.microsoft.com/kb/175500/ja
IE4〜6ではこの方法でいけるそうだ
他のブラウザは知らん

ループを使うのをやめてsetTimeoutやsetIntervalに置き換える手もある

JavaScriptで、イベントの発生もとを取得するのはどうしたらいいですか。
＜a href="#" onclick="f1(); return false">click</a>
function f1() {
　// ここで ＜a＞要素を取得したい
}

>>388
クロスブラウザにするにはonclickで関数にeventという引数を渡すのがおすすめ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test(ev) {
var elt = ev.target || ev.srcElement;
alert(elt.innerHTML);
}
</script>
</head><body>
<div><a href="#" onclick="test(event)">xxxyyy</a></div>
</body></html>

おいおい、そんなものおすすめするなよ・・・

正規表現に関する質問です。

引数として渡された関数の処理部分のみを(文字列として)
返すにはどうすればいいですか？

alert(a)にて、"return x + y;"が表示されるようにしたいです。

function test(func){
return func.toString().replace();
}
var a = test(function(x, y){
return x + y;
});
alert(a);

できれば以下のような無名関数でない場合についても教えてほしいです

function b(x,y){
return x + y;
}
var a = test(b);

よろしくお願いします。

>>335
ご説明ありがとうございます。ちょっと時間がとれないでいるので、
また時間がとれる時に自分で確認したいと思います。
はい、dはdepthの間違いでした。

>>341
.replace(/^[^{]+\{\s*|\s*\}[^}]*$/g, '');

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

なるほど、どちらにせよ結局括弧で囲まれてる訳ですね。。
気づきませんでした。

>>338
this

>>338
thisじゃ無理
event渡せ

ああ違う
thisを渡せって言いたかったのか。

HighSlide JSがIEで動かず困っています。
以下のサンプルページすら動きません。
ttp://caramel-tea.com/sample_page/highslide.html

具体的には、サムネをクリックした際にjpgファイルのURLに遷移してしまい、
HighSlide JSの動きである拡大表示にならないのです。

例えばサンプルページの一番左の画像をクリックすると、
ttp://caramel-tea.com/wp-content/uploads/2006/10/sample.jpg
にページ遷移してしまい、単にIEでjpgを表示しているだけの状態になります。

IE6、IE7とも動きませんでした。
同じPCのほかのブラウザ(Firefox2、Safari for win)では
サムネをクリック時には画像が正しく拡大表示されました。

これは何が原因なんでしょうか？

>>348
手元のIE6は動いたな。インターネットオプションぐりぐりやってみたら？

script.aculo.usのEffect.Foldの逆をやりたくて
ソースにUnfoldを書こうとしてます。
Effect.Scaleを2回やっているのはわかるんですが、
どう書いていいかわかりません。

知ってる方、誰か教えてもらえないでしょうか？
む

たて続けに質問で悪いですが、

new Effect.SlideDown( "box" );

で、

'down()'はNullまたはオブジェクトではありません。
とエラーが出るんだけど理由がわからない。

どなたか理由を知ってる方教えてもらえないでしょうか？

>>351
そのエラーが出るサンプルコードをください

自分でソート条件を指定するので Array.sort( function(a,b){ return a-b; } );を使いたいのですが、
Firefoxだと、Array.sort( func )　は使えないのでしょうか。
IE7では動きましたが、FF3では動きませんでした。


もしだめで、prototype.jsなどで代替案などありましたらお願いします。

Firefox でももちろん使えるはずだけど。

動かなかった例を出してみてよ

お知恵を貸してください。
body内に以下のような構造があります。

<script type="text/javascript">
<!--
window.onload = function () {
var elm = document.getElementById('box1');
document.getElementById('box2').innerHTML = elm.innerHTML;
elm.innerHTML = '';
};
// -->
</script>
<div id="box1" class="xxx">hoge</div>
arekore
<div id="box2" class="yyy"></div>

onloadの無名関数でbox1の内容をbox2に移動するだけで、
このスクリプト自体は問題なく動作するんですが、
可能なら、
JavaScriptが有効な場合はbox1を非表示、無効の場合はbox1を表示したいんです。

idが確定している場合（関数より前にある場合）なら、
document.getElementById('box1').style.display='none';
とすればいいのはわかったんですが、
こういう構造のときはどのようにすればいいのかわかりませんでした。
なお、<head>内やbox1以降は手を出せません。
よって、box1を<noscript>で挟むという方法もつかえません。

よろしくお願いします。

わかりにくかったので追記です。
window.onload実行時に非表示じゃなくて、
box1が出現した時点でdisplay='none'にしておきたいということです。

>>356
クラスxxxに割り当てるスタイルをJavaScriptで書き換えればいけるんじゃないの

351です。
端折って書きます。

html部分はPHPになってます。

echo ' <script type="text/javascript" src="prototype.js"></script>'."\n";
echo ' <script type="text/javascript" src="effects.js"></script>'."\n";
echo '</HEAD>'."\n";
echo '<BODY> <!-- ヘッダーエリア 開始 -->'."\n";
echo ' <div id="box"></div>'."\n";


javascriptの部分です。

Event.observe( window, 'load', onInit, false );
function onInit(){
new Effect.SlideDown( "box" );
}

>>356
<div id="box1" class="xxx">hoge</div>
<script type="text/javascript">
<!--
document.getElementById('box1').style.display = none;
// -->
</script>
iroiro
<div id="box2" class="yyy"></div>

ごめん
box1以降は手を出せねいのね。

消えます
document.getElementById('俺').style.display = none;

【ﾏｼﾞﾔﾊﾞｲ】偽日本人爆増！国籍法改悪案まもなく成立へ【ｱﾄ4日】
http://jfk.2ch.net/test/read.cgi/news4vip/1226313721/

ページが
・index(○○.com/index.htm)
・メニュー(menu.htm)
・コンテンツ1、2、3(1.htm、2.htm、3.htm)
とありまして
メインフレームが無い状態でコンテンツが開かれた場合メインフレームのページにジャンプさせる
ため

<script language="JavaScript"><!--
checkURL = "http://○○.com";
jpURL = "http://○○.com";
if(parent.location.href != checkURL) parent.location.href = jpURL;
// --></script>
という文をコンテンツ1、2、3に埋め込みました。

結果としてメニューでどれをクリックしても初期ページに戻ってしまうのですが
どのようにしたら改善されるでしょうか

参考にしたのは
「検索エンジンから来た場合にメインフレームのページにジャンプさせる」
と言うページです

メインフレームってIBMとかのアレか？

さておき、一度親フレームから子フレームを呼び出して
子フレームに埋め込んだ alert(parent.location.href) とかで
親フレームのURLを調べてみたらいいと思うよ。

>>354-355
使えるようなので色々見てみると解決しました。ありがとうございます。

原因はprototype.jsのgetElementsByClassName()で受け取ったものが厳密には配列ではなかったようです。
IE7ではsort( func )が動作していたので勘違いしていました。

以下のようにして動作できました。
var foo = parent.getElementsByClassName(classname);
for (var i=0; i<foo.length; i++){
　　bar.push( foo[i] );
}
hoge = bar.sort(function(a,b){ if(!a.tabIndex){return 1;} if(!b.tabIndex){return -1;} return a.tabIndex - b.tabIndex; });

お世話になっております。
JAVA　SCRIPTでフォームで送ったら
フォームで情報を成型してデータを格納して
確認のためメールで流して欲しいと要望があったので作成しようとしています。

現在
<FORM name="mail_form" method="POST" action="mailto:[email protected]"
enctype="text/plain">
<TEXTAREA rows="8" cols="40" name="comment">
</TEXTAREA><BR>
<INPUT type="submit" value="送信">
<INPUT TYPE="reset">
</FORM>
で中のコメントは送れるのはわかったのですが

下記のフォームの内容をメールで送りたいのですが
どのようにすれば出来るのでしょうか？


<FORM METHOD="GET" ACTION="resroom.cgi" NAME="form">
<INPUT TYPE="hidden" NAME="target" VALUE="table">
<INPUT TYPE="hidden" NAME="date" VALUE="2008/11/11">
<INPUT TYPE="hidden" NAME="act" VALUE="">
<TABLE> <TBODY> <TR> <TH>名前</TH>
<TD><INPUT SIZE=16 TYPE="text" NAME="name" MAXLENGTH=32> </TD>
<TD></TD> <TR>
<TD COLSPAN=11 ALIGN='center'>
<INPUT TYPE="button" NAME="but" VALUE="予約" onClick="JavaScript:argChk('book')">
<INPUT TYPE="button" NAME="but" VALUE="キャンセル" onClick="JavaScript:argChk('cancel')">
</TD> </TR> </TBODY></TABLE></FORM>

resroom.cgi の方で何とかする

AjaxのWebアプリケーションでデータを保存するために、XMLファイルの使用を検討しています。

PHPなどの力を借りずにJavaScriptの機能だけで、XMLファイルをサーバ上に（動的に）作成・書き換えすることはできますか？
※XMLオブジェクトを作成するのではなく、XMLファイルそのものを作成したいです。

>>368
http://ja.wikipedia.org/wiki/WebDAV

>>369
ありがとうございます。
WebDAVについて調べてみます。

アプリケーションを一般的な無料レンタルサーバの上で動かしたい（そのサーバ上で完結させたい）のでWebDAVは使えなそうです・・・残念

他に選択肢はありますか？

あきらめる。

>>368
>>3

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

>>373
サーバ側に保存されているファイルは読み込むことができるので、「ローカルファイル」とはクライアント側のディスク上に保存されるファイルと解釈していました。

>>365
任意の値を受け入れるが、処理としては配列を前提とするという場合には、
foo = (typeof foo=='object' && foo.constructor==Array ? foo : [foo]);
あたりが定番。

>>365
戻り値が配列では無く、HTMLCollectionというのが原因なので、
prototype.jsを使っているなら
foo = $A(foo);
とか。

お世話になっております。

JavaScriptでメールを開くってゆーのは出来るのでしょうか？
検索したけど見つからない、、、、

<a href="mailto:[email protected]">メールを出す</a>

をクリックしたのと同じような動作をしつつ
JavaScriptの処理を進めたいのです、、、

以上　情報をお持ちな方はご助力いただけますとありがとうございますっ

お世話になっております。

JavaScriptでExcelを開くってゆーのは出来るのでしょうか？
検索したけど見つからない、、、、

<a href="mailto:[email protected]">メールを出す</a>

をクリックしたのと同じような動作をしつつ
JavaScriptの処理を進めたいのです、、、

<a href="punipuni.xls">えくせるを出す</a>

お世話になっております。

■スクリプトの説明
bodyタグ内にある「HTML」「CSS」「Javscript」という3つの文字列に対して、
背景色を黒、文字色を白、太字にする。
IEに対応しています。

■質問(実現したいこと)
firefoxでは、document.body.createTextRange　の部分でエラーが出る。
scriptタグ内のみを改修し、firefoxでも対応するにはどうすればよいでしょうか？

■制限事項
・bodyタグ内は一切、手を加えてはいけない(つまり該当文字列に対して<span id=""></span>などをつけてはいけない)。

------ソースここから-----------
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
var words = new Array("HTML", "CSS", "JavaScript");

function test(){
　　for(var i in words){
　　　　keyword(words[i], "black", "white");
　　}
}

// 続き

function keyword(word, bcolor, fcolor){
　　var rng = document.body.createTextRange();
　　while(rng.findText(word, 1)){
　　　　rng.execCommand("backColor", false, bcolor);
　　　　rng.execCommand("foreColor", false, fcolor);
　　　　rng.execCommand("bold", false, null);
　　　　rng.moveStart("character");
　　}
}
//-->
</script>
</head>
<body onLoad="test();">
HTML<br>
CSS<br>
JavaScript<br>
<br>
<img src="hoge1.jpg" alt="HTML"><br>
<img src="hoge2.jpg" alt="CSS"><br>
<img src="hoge3.jpg" alt="JavaScript"><br>
</body>
</html>
------ソースここまで-----------

■試してみたこと
以下のようにやってみましたが、HTMLタグ内にある文字列まで変換されてしまうのでダメポです。

<script type="text/javascript">
<!--
var words = new Array("HTML", "CSS", "JavaScript");
function test(){
　　for(var i in words){
　　　　var reg = new RegExp("(" + words[i] + ")", "g");
　　　　document.body.innerHTML = document.body.innerHTML.replace(reg,
　　　　"<font style=\"background-color:black; color:white; font-weight:bold;\">$1</font>");
　　}
}
//-->
</script>


以上、よろしくお願いいたします。

正規表現を工夫するか、innerHTMLを使うのをやめて1つずつノードを走査すればいい

>>380
>>383がﾚｽしてるような感じだとこんなのかな
bodyを全部走査するからwordsの配列そのものを渡すようにしたのと、
パターン見終わったらspliceで削除するようにした。wordが何度も出てくるならspliceコメントアウトすればいいし。
function keyword(words, bcolor, fcolor, baseElem) {
　　if (!baseElem) baseElem = document.body;
　　var elems = baseElem.childNodes;

　　var regs = [];
　　for (var i=0,l=words.length; i<l; ++i) { regs[i] = new RegExp(words[i]);　}
　　
　　for (var i=0,l=elems.length; i<l; ++i) {
　　　　var elem = elems[i], text = elem.nodeValue;
　　　　if ( !text || text == '\n') continue; // 文字以外は見る必要なし
　　　　
　　　　for (var j=0,m=regs.length; j<m; ++j) {
　　　　　　var match = regs[j].exec(text);
　　　　　　if (match) {
　　　　　　　　var span = document.createElement('span');
　　　　　　　　var spanStyle = span.style;
　　　　　　　　spanStyle.backgroundColor = bcolor;
　　　　　　　　spanStyle.color = fcolor;
　　　　　　　　span.innerHTML = match[0];

　　　　　　　　baseElem.insertBefore(span, elem.nextSibling); // 自分の次に追加
　　　　　　　　baseElem.removeChild(elem); // 自分自身を削除
　　　　　　　　regs.splice(j, 1); // もう使わないから削除
　　　　　　　　break; // このパターンは終わったので抜ける
　　　　　　}
　　　　}
　　}
}

ページが表示された際、1番最初のフォームのinput type="text"に自動的にフォーカスされるようにしたいです。

リファレンスをみたところfocusというメソッドがあるので、それを使えばいいのですけど、
jqueryを併用していて、focusが上書き(?)されているようで意図した動作をしてくれません。
擬似的に元のfocusメソッドを再現する方法等ないでしょうか・・・。

>>385
>>2
言葉でぐだぐだ書かずにソースを貼る、ただし要点を整理して。

>>385ですが
なんかソース整理してたら普通に動作してくれました(:D)rz
すいませんでしたっ

それ目的でソース貼れって言ってるからおｋ

申し訳ない
次回から気をつけます。ご指摘ありがとうございました。

javascriptでソケット通信を行いたいんですが
jnext以外に方法はないんでしょうか？

また、他にjavascript以外でもソケット通信が可能ならその言語を教えてください

やっぱり質問は無しの方向で。
スレ汚しすまん

>>391
スレ違いだがJava Appletならサーバとの間でソケット通信
できるよ。ページを取り寄せたサーバ限定だけどね。

>>391＝>>390
です

質問は無しらしいが補足

ExternalInterface 使ってラップすれば ActionScript のソケット通信関連がそのまま使える。
ので、他鯖にも接続できる。Flex SDK 使えばタダだ。
ただし、Flash Player のソケット関連のセキュリティ制約、
843 番の影響もそのまま受けるので鯖に手を入れられないと難しい。まぁこれは Flash も同じ。

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

しかし、bodyタグ内が以下のような場合、
-------------
<body>
HTML、CSS、Javascript<br>
DHTML、CSS、Javascript<br>
</body>
-------------
・「DHTML」の部分も「HTML」に書き換わってしまう。
・「CSS」「JavaScript」は最初に出てきたとこしか変化しない。

という問題が発生してしまいます。

なので、>>384さんのソースを参考にして、
それらにも対応できるよう、まずは自分でやってみます。

ブラウザ特有のAPIを使ってるJSを他のブラウザでも使えるようにしたいと思ってます。
そのJS自体を書き換えることなく　APIをエミュレートするような方法は可能でしょうか？

参考になるサイト、書籍がありましたら教えていただけませんでしょうか？

ブラウザ特有の API というのが何を指してるのかわからん

たとえば、　addEventListener　という　API　は　IEでは使うことができません。
これを　IEで使えるようにしたいのです。

addEventListener　があったら attachEvent を実行するようにすればよいのかな
と思ったのですが、いろいろ調べてみるとタイミングが違うということがわかりまして、
どうやって互換性を維持すればよいのか知りたいと思ってます。

>>398
jQueryとかPrototype.jsみたいなライブラリ読んだら良いんじゃない？
中身解説サイトが結構あるからそれ見ながら読むと結構わかると思う

質問です。
Dreamweaverで作ったリンクボタンで、
マウスオーバーしてる時は、イメージが変わるスクリプトを
フォームのサブミットで実装する方法を教えてください。
//自動生成されたjavaスクリプト
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//質問
<a href="/test.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','/image/template/menu1.gif',1)"><img src="/image/template/menu.gif" name="Image10"></a>

<input type="image" src= "image/template/menu.gif" value="submit">

質問です。
Ajax&javascriptでXMLを扱う方法について教えてください。
今、以下のようなXMLがあります。

<?xml version="1.0" encoding="utf-8" ?>
- <ZIP_result>
- <ADDRESS_value>
<value state="北海道" />
<value city="札幌市中央区" />
<value address="北一条西（１?１９丁目）" />
<value company="none" />
</ADDRESS_value>
</ZIP_result>

Ajax.Request()でデータを取得し
取得したデータの処理は

function getData(data){
var response = data.responseXML.getElementsByTagName('ZIP_result');
var item = response[0].getElementsByTagName('ADDRESS_value');
var address = item[0].getElementsByTagName('value');

}

などとやっています。
ここでaddressの件数は8になっているところまではわかったのですが、
valueタグの中のstateとかcityとかにアクセスする方法がわかりません。

ご教授のほどよろしくお願い致します。

こんな感じで取れました。

for(i = 0; i < address.length; i++){

if (address[i].getAttribute("state") != null) {
pref = address[i].getAttribute("state");
} else if (address[i].getAttribute("city") != null) {
city = address[i].getAttribute("city");
} else if (address[i].getAttribute("address") != null) {
addr = address[i].getAttribute("address");
}

}

>>398
IE6とかはHTMLElementのprototypeを拡張できないから
JSを書き換えずに動かすのは無理

質問致します。

replaceで置換後に、$1で取り出した文字列をencodeURIComponent関数で
かぶせたいのですが、「$1」という文字列そのものが入ってしまいます。

ご教授よろしくお願い致します。

<script type="text/javascript">
<!--
var str = "東京\n京都\n京橋";
str = str.replace(/(.*京.*)/g, "$1　→　" + encodeURIComponent("$1"));
alert(str);
//-->
</script>

■動作結果■
東京　→　%241
京都　→　%241
京橋　→　%241

■期待する動作■
東京　→　%E6%9D%B1%E4%BA%AC
京都　→　%E4%BA%AC%E9%83%BD
京橋　→　%E4%BA%AC%E6%A9%8B

>>404
$1を使うと罵詈雑言が飛んでくるのがこのスレだ！
はやくにげてー

>>404
encodeURIComponent("$1")

これがおかしいよ

XML, Event, クロスブラウジングに関連して質問致します。

XMLDocumentオブジェクトを生成し、そのイベントを操作したいのですが、
調べてもイベントタイプの対応関係がよく分かりませんでした。
addEventListener(), attachEvent()にイベントタイプをそのまま突っ込んでも動きませんでした。

Mozilla系 : xmlDocument.addEventListener("load", listener);
IE系？ : xmlDocument.onreadystatechange = listener;

上記の例はよく見かけたのですが、それ以外は見つかりませんでした。
ondataavailable, ontransformnodeの場合はどういった対応関係をとればよいのでしょうか？


あと、eventTarget["on" + type] = listener, eventTarget.attachEvent("on" + type, listener),
eventTarget.addEvenListener(type, listener)が必ずしも一致しない例って他にもあるのでしょうか？

>>406
はい。そこをどう直したらいいのかという質問でございます。

ちなみにencodeURIComponent($1)だと、そんな変数は無いと言われちゃいますし。

検索してif処理

質問です。document.writeするとき単独タグの終端マーカもエスケープ
すべきですか？

>>404
str = str.replace(/.*京.*/g, function(s) { return encodeURIComponent(s); });


>>410
空要素のこと？
ダメ文字は "</" だから "... />" は大丈夫

>>404
str = str.replace(/(.*京.*)/g, function(s){return s + "　→　" + encodeURIComponent(s);});

>>411 >>412
ありがとうございます！
「replaceの第二引数は無名関数も指定できる」　勉強になりました。

ってことは、最初のstrの文字列を、
var str = "<b>東京</b>\n<b>京都</b>\n<b>京橋</b>";
にして、
■期待する動作を
<b>東京</b>　→　%E6%9D%B1%E4%BA%AC
<b>京都</b>　→　%E4%BA%AC%E9%83%BD
<b>京橋</b>　→　%E4%BA%AC%E6%A9%8B
にしたいとすると、

こんな漢字でいいんですかね？
<script type="text/javascript">
<!--
var str = "<b>東京</b>\n<b>京都</b>\n<b>京橋</b>";
str = str.replace(/<b>.*京.*<\/b>/g,
　　　　　　　　function(s){
　　　　　　　　　　ss = s.replace(/<b>([^<>]+)<\/b>/, "$1");
　　　　　　　　　　return (s + "　→　" + encodeURIComponent(ss));
　　　　　　　　});
alert(str);
//-->
</script>

試せば分かるのにどうして聞くのだろう
それと、抜き出したい部分を()でくくっておけばfunctionの中でいちいち抽出する必要はないよ
第二引数で受け取れる。詳しくは以下参照
ttps://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/String/replace#.e5.bc.95.e6.95.b0.e3.81.a8.e3.81.97.e3.81.a6.e3.81.ae.e9.96.a2.e6.95.b0.e3.81.ae.e6.8c.87.e5.ae.9a

>>414
＞＞試せば分かるのにどうして聞くのだろう
→もちろん試してみて、期待通りの結果を得ましたが、
当方のプログラムに効率の悪い部分があったらご指摘を受けたかったからです。
現に「抜き出したい部分を()でくくっておけばfunctionの中でいちいち抽出する必要はない」
というご指摘、非常に感謝しております。

最終的にこれですね。
<script type="text/javascript">
<!--
var str = "<b>東京</b>\n<b>京都</b>\n<b>京橋</b>";
str = str.replace(/<b>(.*京.*)<\/b>/g,
　　　　　　　　function(s, a){
　　　　　　　　　　return (s + "　→　" + encodeURIComponent(a));
　　　　　　　　});
alert(str);
//-->
</script>

>>415
解決乙。

JavaでStringオブジェクトとかのソースが公開されてるように、
JavaScriptでも既存の関数のソースって見れませんか？

Mozilla や WebKit ならオープンソースだから見れる
IE や Opera はたぶん見れない

おはようございます。
javaスクリプトについて、２点質問させてください。

Ａという情報検索画面があり、テキストに条件を入力して「検索」ボタンを押下することで、
検索結果がテーブルに表示される仕組みのプログラムを作成しています。
Ａ画面に設置している「情報更新」ボタンを押下することで
Ｂ画面(情報変更画面)ポップアップが立ち上がります。

質問�@Ｂ画面(ポップアップ)が立ち上がるのと同時に、
　　　Ａ画面を操作不可(もしくは不可視)にすることはできますか？
質問�AＢ画面には「閉じる」ボタンがあり、押下するとＢ画面が閉じます。
　　　Ｂ画面が閉じたことをきっかけにＡ画面に表示されている検索結果のテーブルの情報を
　　　最新化したいのですが、Ｂ画面が閉じたことをＡ画面で判定することはできないでしょうか。

以上です。
よろしくお願い致します。

>>419
どっちも可

>>420
レスありがとうございます。
質問の書き方が悪かったようで申し訳ありません、
どのように実装すればいいのでしょうか？

教えてください

<script type="text/javascript">
window.onclick = function() { alert("clicked");}
</script>

と入力してクリックすると常にメッセージを出すようにしようとしているのですが、
firefoxでは動くのにIEでは動きません。
環境OS:vista IE7
どうしてでしょうか？

document.onclick = function() { alert("clicked");} 

>>423
ありがとうございます。
動きました。

質問です。
<div>もしくは<span>の間に挟まれた<form>の中を操作するとき、
どう指定すればよいのでしょうか？
document.formNameだとundefinedとなってしまいます。
どなたかご存知でしたらお教えください。

formName が undefined になる意味がわからんが
id ふって getElementById でもすれば

質問があります。よろしくお願いします。
例えば history.previous　と同じような動作をする別の命令で
直前のページのURL（もちろん自サイト内）を取得する方法はありますか。

前のページへ戻る動作をしたいのですが、前ページはcgiを使用しているので
IEだとブラウザの戻るや history.back()　では「警告 : ページの有効期限切れ 」
と出てフォームの再送信を要求されます。どなたかこの回避法をご教示下さい。
どうぞよろしくお願い致します。

>>421
そういう質問者より回答者の方がカキコが大量に必要となる様な聞き方じゃあ、
余程ヒマジンでないとレスしないよ。

少しでも自力で考えてサンプルを造って、動作不良の解決方法を問う様にすれば
少しはレスするヤシも居るだろうが。

>>425
getElementsByNameでOK
そうでなければgetElementsByTagName("FORM")で得たそれぞれに対してnameを確認する

>>427
リファラ

> 「警告 : ページの有効期限切れ 」

それってPOSTメソッドで取得したページでしょ。
document.referrer に従って戻ろうとしたところで、
前に見ていたのと同じページにはならないでしょ。
今の場合 document.referrer は
送信したクエリ情報を含まないURLだろうから。


action="/bbs" method="get"
name="msg" value="hello, world"
↓
ページ /bbs?msg=hello%2C+world を取得。
このページ内のリンクをクリックして移動すれば
送出するリファラは ".../bbs?msg=hello%2C+world"。

action="/bbs" method="post"
name="msg" value="hello, world"
↓
ページ /bbs を取得。
このページ内のリンクをクリックして移動すれば
送出するリファラは ".../bbs"。


リファラに従ってページ /bbs を取得(get)しても
送信内容は空っぽ。

CGIなら何とでも出来ます

なら最初からGETにしとけって話だな

cookieにonsubmitで保存すれば？

いちいちPOSTデータを再送信させるってことは
例えばそれが投稿フォームなんかだと２重・３重カキコになるわけだがいいのかね。

鯖でセッションつくれよ

今テーブルを動的に作ってるんですが、ＩＥとＦｉｒｅＦｏｘで挙動がちがくて困ってます。
やってることは、tr要素にappendChildでいくつかのtd要素を追加してtbodyにappendChildでいくつかのtr追加
というものです。このtd要素に背景画像をセットして、角の丸い枠の中にテキストを表示するんですが、
そこまでやると、エラーは吐かれないんですが、何故か


　　　　　　　　　　　　その他の
(0,1)の背景画像　　背景画像　テキスト
　　　　　　　　　　　　たち(7枚)
という猛烈に崩れた形で表示されてしまいます。何が原因として考えられるのでしょうか？

ソースも貼らずに何言ってんだ

>>436
IEとFFxで大きく挙動が違うのはコードがHTML/DOM的に正しくない
場合に一番多く起こる。問題のある最低限のコードを貼る。
HTML側もJavaScript側も必要。

Firefoxのデザインが崩れるならFirebug使ってHTML見ればある程度予想つくとおもうけどなー

HTML、DOMってかCSSの影響が一番大きいとは思うがな

なーなーうっせー

ん？

にゃーにゃー

ModalBoxがIEで動かず困っています。
XHTML1.0なのですが、それが問題なのでしょうか？

>>436
まずそんな場合には、
tableかbody全体のinnerHTMLをコピーしてHTMLファイルに貼り付け、
HTMLとして各ブラウザで正常に表示出来るかどうかを検証する事から始めた方が良さげ。
で、そのHTMLでの問題点が判明すれば、JavaScriptでの要修正点もおのずと判る流れ。

0〜9999999のランダムな数値を重複しないように表示したいのですが
googleで検索したところ
仮に0〜99のランダムな整数を重複しないように表示する場合

for(i = 0;i <100;i++) a[i] = i;

for(i = 0;i < 100;i++){
j=Math.floor( Math.random() * 100 );
buf = a[i];
a[i] = a[j];
a[j] = buf;
}
このように配列に一旦0〜99の数値を入力し
それをシャッフルするという方法が多数載っていました

しかしこの方法だと0〜9999999(１０００万通り)の乱数を扱おうとすると
一千万個の要素を持つ配列が必要になります
これでは重過ぎて使えません

一旦配列に格納する方法ではない大きな範囲で重複しない乱数を得る方法はありあませんか

重複したらやり直す

>>447
その方法でも重複チェックのために
今まで抽出した乱数を格納するための一千万個の要素を持った配列が必要になります

重複しないように祈る

重複チェック用に配列に格納するのは絶対条件っぽいし無理だろうね

>>446その表示する値の数の上限は？フラグはその数分だけで足りると思うけど
まさか一千万個全部表示するのか？

上限とかそういうのはスマートじゃないね
俺も無理だと思う

>>446
まさか本当に1000万個の数値を全て表示するとは思えないので、
var check = {};
rdm = Math.floor( Math.random() * 10000000 );
check[rdm] = true;
ってな感じで、一度表示した値をhashに入れて管理すれば?
重複した場合には、もう一度randam値を算出するか、
値をインクリメントして空きを探すかなどは実装次第。

どうやら主にtd要素のdisplayスタイルがblockになっていたのが原因のようでした。
ありがｔ

>>450-453
ありがとう御座います
一千万個表示する事はまず無いと思いますが
特定の値が出るまでループしながら途中経過を表示したいので
配列に既に生成された乱数を入力するやり方だと
数分で数万の要素をもつ配列が出来てどんどん動作が遅くなっていきます

別のやり方を思いついたんですが
たとえば0〜99の数字が書いてある札があったとして
ひとつの数字を引き当てるまで札を引き続けるという状況を表すなら
札を一枚引いたら乱数の範囲を一つ狭めて0〜98の数字が書いた札から一枚選ぶ
というふうにすればこういうふうに出来る表現できると思います

for(i=0;i<100;i++){
rdm = Math.floor( Math.random() * (100-i) );
if(rdm==0){break;}
}
alert((i+1)+"回目で当たり");

これだと大きな配列は使わないのですが
当たりの数値が常に0でないといけないので汎用性は無いので
実現したい事とは異なるのですが

みなさん知恵を出してくださってありがとう御座いました

>>453
例えば rdm = 9999999 なんかが出ると
（代入文 check[999999] = true を実行すると）
配列 check のサイズは一気に 10000000 になっちゃうけど
その辺は大丈夫なん？

それとも length プロパティに 10000000 が代入されるだけで
undefined な要素の分まで実際にメモリ確保するわけじゃないのかな。

まぁ大丈夫じゃなかったとしても、例えば check["_" + rdm]とかにして
文字列変数にしちゃえば回避出来るけど。

>>455
あなたがやろうとしていることは数万要素のハッシュか配列を作ること
なしには絶対に実現できない。なぜなら、「既に出た要素」と
「まだ出ていない要素」を区別するにはそのどちらか、従って
最大5000000個の数を何らかの形で覚えておくしかないから。
だからあなたが試したそののろい方法で我慢するか、
あきらめるかのどっちか。

>>456
IE8とFirefox3で試してみたけどどっちも
check[999999] = true;実行してもメモリ使用量増えなかったし
普通の配列も連想配列的に処理してんじゃないのかな？

>>455
Math.randomはダメだけど、条件を満たす疑似乱数生成法はあるかもしれない。
数学板かプログラム技術板の乱数スレなら何かヒントがあるかも。

> 当たりの数値が常に0でないといけないので汎用性は無いので

いや、何か勘違いしてるでしょ。
汎用性云々以前に肝心の「重複しない」が全然実現出来てないじゃん。

その意味不明なアルゴリズムで「出現回数が高々1回」なのは
0と99の2つのみでしょ。

JavaScriptのコードから関数の名前を検索するにはどうすればいいですか？

関数の定義は以下の二通りで行われます。
function a(){}
var a = function(){}


var funcs = new Array();
document.hoge.hoge.value.replace(//g,function(){
funcs.push();
});

>>457
こういうのはどうかな。まずある数が出たか否かを1ビットで
表現することにして、10,000,000 / 32 = 312,500 要素の「0」の
配列を作る。Math.random()で1つ数を出すごとにこの配列でチェック
して「0」の時だけその数を出力して対応するビットを1に変更する。
これだけだと最後は遅くなりすぎるので、残り要素が10万になったら
残っている数を列挙して配列に入れ、シャッフルして順に出す。

>>461
何がしたいのか分からんがな
何その意味不明なコード

>>463
説明不足ですみません。

テキストエリアに入力されたJavaScriptnoコード(document.hoge.hoge.value)から
関数の名前(一覧)を取得したいのです。

しかし、肝心の関数の名前を検索するための正規表現が分からないのです。

アドバイスよろしくお願いします。

>>456
>>453は、
>var check = {};
[]じゃなくて{}。配列では無くObjectだから必要な要素しか作成しない。

またFirefoxの内部では、配列のindexが大きい場合には、
遅いが無駄な領域を使わないタイプの配列にするので、
indexが馬鹿デカい要素を加え、内容スカスカの配列になったからといって、
それほどコストが掛かる訳でも無い模様。
ttp://code.google.com/p/python-spidermonkey/source/browse/trunk/js/src/jsarray.cpp?r=18

>>464
var funcs = new Array();
document.hoge.hoge.value.split(/\n/).forEach(function(e){
var match = /(?:(?:function\s\s*(.*))|(?:var\s\s*(.*)\s*=\s*function))\s*\(\)\s*\{\}/.exec(e);
　　if (match) {
　　　　(match[1]) ? funcs.push(match[1]) : funcs.push(match[2]);
　　}
});

こんな感じで取れたけど、正規表現は得意じゃないので効率は悪そう

>>464
俺が思ってたのと全然違ったｗ
これは463に感謝しなくてはならない

>>461
>関数の定義は以下の二通りで行われます。
>function a(){}
>var a = function(){}

ってーことは、その関数が定義されたスコープで、例えばグローバルスコープだったら、
for(var prop_name in window){
if(typeof prop_name == "function"){
// ここで入力内容とwindow[prop_name]をごにょごにょする
}
}

とかすればいいんじゃないかな。
あれ、はずしてる？

//　※「i」はtype="text"のinput要素
document.forms[0].i.style.width = "100px"

ってhtml文書の<script>タグ内に直書きすりゃ
ブラウザに表示したときにname属性値iのテキストフィールドの幅が100pxになるよな？

実際そう動くんだが、なぜかＰＣ（※）によってはうまく動かない時があるんだ。
「うまく動かない」っていうのは、ブラウザ上に表示されたときに幅が変わっていなくって
マウスのポインタをこのテキストフィールドの上に持っていくと
急にJavaScriptが動いて幅が100pxに変わるんだ。onmouseoverとか使ってないのに。

意味わからんと思うがマジ困ってるんで誰かなんか知ってたら教えてくださいorz

※検証用に使っているＰＣはすべてWinXPSP2 IE6

IEの再描画のタイミングが腐ってるからだろ

>>469
俺も違うケースだけど描画が同じ環境のPCでも変わることがあるよ。
たぶんPCの性能差の問題。

>>470
オレもそう思うんだが、なんとかせにゃいかんくって。。。

>>471
むしろ性能のいいＰＣのほうが起こっているんだが。。。

>>466-468
やっぱり正規表現を勉強するのが一番の近道のようですね。

>468
スクリプトはテキストエリアに入力されるだけであって、実行はされません。
(なんかすみません)

今回はどうもありがとうございました。

アンカータグでPOSTしたくて以下のようにしたのですが
IE6とOpera9では動いたのですが
FireFox3.0.4でうまく動きません
何か間違ってるのでしょうか？

<form method="post">
<a href="" onclick="submit(); return false;">hoge</a>
</form>

なんか意図があって return false; な訳？

>>475
return false;しないとhref=""が効いてしまうから

で、そのsubmitはどこから沸いたの？

>>477
<input type="button" value="hoge" onclick="submit();" />から流用
Operaで動いたから採用した

普通にform.submit()すれば？

>>479
<a href="" onclick="form.submit(); return false;">hoge</a>にしてもダメだった

なにこの一問一答

479なんだけどさ
>>480よ、君に言いたいのは、「form要素のsubmitを呼び出せ」ということであって、form.submit()などどそのまま書けってことじゃない
>>1からテンプレを読んで質問してるんだろうから、それぐらいは理解してると思っていた俺がバカだった
自力でできないと思ったら直接答えをもらえるスレを見つけて教えてもらったほうがいい

>>482
やっと理解した。すまんね。

とりあえず以下のかたちで動いた
どうもありがとうございました

<form method="post" id="form_hoge">
<a href="" onclick="form_hoge.submit(); return false;">hoge</a>
</form>

最後にもうひとつだけ言っておく
idを直接叩くぐらいならgetElementByIdかdocument.formsから参照したほうがいい

多次元配列を使いたいのですがうまくいきません

ary[0] = [1,2,3,4,5];
ary[1] = [6,7,8,9,10];
ary[2] = [11,12,13,14,15];

document.wirte(ary[0][0]);

ary[0][1]としたら2を
ary[1][4]としたら10をとりたいのですが
どうしても配列になってないのか、数字が出力されません
どなたかご教授お願いいたします

var ary = [];

いやそれ以前に"wirte"って・・・

解決しましたありがとうございました

>>488
お前どれだよｗ

>>489
言葉の特徴から>>485と思われ

>>415
いまさらだけど、replaceの第2引数に関数を指定するのは
古いsafariだと動かないよ。まぁ一応気をつけて。
ttp://la.ma.la/blog/diary_200512291411.htm

Safari2ってJavaScript1.2なのか？ｗｗ

>>491
気をつけるも何も、そんな古いブラウザは完全に無視で構わないのでは。
古いNetscapeでは日本語1文字がString.lengthで2となるので一応気を付けて、
と同じレベルの助言だと思われ。

超初歩的なことを教えてください。

<form name="abc" 〜〜>
formの各要素
</form>

があって、formの各要素を操作するためには、そのスクリプトは、
formタグのあとに記述しないとダメなんでしょうか？
ファイルの先頭から順次実行されていくということでしょうか？

>>494
超初歩というより超初期というべき。前提として今どきそんな
書き方しないしそのうち動かなくなるよ。

>>495
>前提として今どきそんな
>書き方しないしそのうち動かなくなるよ。
これはどういうことでしょう？
onloadとかを使うってことでしょうか？
俺って、頓珍漢？

>>494
考え方自体は間違ってないよ。

JavaScriptはノード（大雑把に言うと要素、タグ）にアクセスして、
それらをゴニョゴニョするもの。だから、DOMにそのノードがぶら下がる
前ではどうにも出来ない。

んで、そのformのエレメントノードが生成されるのは</form>が読まれた後だから、</form>より後ろに書けばもちろんOK。

</form>より前でも、例えばwindow.onloadとか、なにかしらのイベントに
スクリプトの発動を任せることによって、目的のエレメントノードが生成
されるのを待つ、というのもよくある手段。

JavaScriptで、<input type="file"> で選んだローカルファイルの
絶対パスを調べることはできますか。
IEではvalue属性に絶対パスが入るそうですが、firefoxとsafariではファイル名のみが入ります。
絶対パスを調べる方法があれば教えてください。

Q16

>>499
できないということですね。ありがとうございました。

すみません、>>498の続きなんですけど、いいでしょうか。
やりたいこと：
1. あるフォームからサブウィンドウを表示させ、&l;tinput type="file"> を使ってローカルファイルを指定させる。
2. サブウィンドウで指定したファイルを、もとのウィンドウのフォームで送信する。

つまりサブウィンドウで複数のファイルを選択させ、それをメインウィンドウのフォームでまとめてアップロードするという仕様です。
こういうことって、>>498ができないと不可能なように思うのですが、なにかいい方法はありますか。

ActiveX

>>502
それはつまり、IE以外ではできないということでしょうか。残念です。

別ウィンドウにこだわらずに、同じウィンドウ内にボックスとしてフォームを表示してごまかすとか

一定時間でリンクとそれに使っている画像を変更することは出来ますか？

例えば

<a href="11111.html"><img src="11111.gif"></a>
3秒後
<a href="22222.html"><img src="22222.gif"></a>
3秒後
<a href="33333.html"><img src="33333.gif"></a>
3秒後
<a href="11111.html"><img src="11111.gif"></a>
…

という具合にしたいです。

画像だけ変えたり背景色だけ変えるのは出来たのですが、リンクと画像をいっぺんに変えるのがどうも出来ません。
ご教示お願いします。

innerHTML

>>501 やりたいことって、こんな感じじゃないの？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var count = 0;
function test() {
var a = document.getElementById('accum')
var b = document.getElementById('box')
var e = b.firstChild; b.removeChild(e);
a.appendChild(e); a.appendChild(document.createElement('br'));
b.innerHTML = "<input type='file' name='f" + (++count) + "'><\/div>";
}
</script>
</head><body>
<div id="box" style="border: solid blue 2px"><input type="file" name="f0"></div>
<div><button type="button" name="b0" onclick="test()">Add</button></div>
<div id="accum"></div>
</body></html>

>>505
var a = document.getElementById("hogehogelink");
var img = document.getElementById("hogehogeimg");
var hrefs = ["22222.html", "33333.html", "11111.html"];
var srcs = ["22222.gif", "33333.gif", "11111.gif"];
var i = 0;
setInterval(function() {
a.href = hrefs[i];
img.src = srcs[i];
i = (i+1) % 3;
}, 3000);


<a href="11111.html" id="hogehogelink"><img src="11111.gif" id="hogehogeimg"></a>

このようなjavascriptの記述があったとします。
var cf = new Crossfader( new Array('cf1','cf2','cf3','cf4'), 500, 2000 );

このcf1,cf2,cf3,cf4を毎回ランダムに並び替えて、
var cf = new Crossfader( new Array('cf3','cf2','cf1','cf4'), 500, 2000 );や
var cf = new Crossfader( new Array('cf3','cf4','cf2','cf1'), 500, 2000 );
などのようにする方法はありますか。


変数とループを使って、
for (num=0;num<4;i++){
…
…　'cf' + num　…
…
}
のような記述を理想としています。

forループの記述を間違えました。
×for (num=0;num<4;i++){
○for (num=0;num<4;num++){
です。

>>509-510
配列 シャッフル で検索

var length = 19;
var num = Math.floor( Math.random() * length );

としたばあい、numには　0〜18の値がランダムで代入されますか？

うん

<div class="a0">
<a href="mountain.html"> mountain </a>
</div>

<div class="a1">
<a href="river.html"> river </a>
</div>

<div class="a2">
<a href="ocean.html"> ocean </a>
</div>
…

のように、1行目は連続する数字を含む文字列、2行目はそれぞれ異なる文字列、3列目は全て同じ文字列
をjavascriptで書きたいと思っています。
---------------------------------------------------------------
for ( i=0; i<3; i++ ){
　document.write( '<div class="a' + i + '">' );　　　　　　　　//1行目
　…　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　//2行目
　document.write( '</div>' );　　　　　　　　　　　　　　　　　　　//3行目
}
---------------------------------------------------------------
ここまでは出来たのですが、2行目の記述がどうしても思いつきません。
どなたかご教示お願いいたします。
分かりにくい説明ですみません。

>>513
ご解答ありがとうございます
リロードしていませんでした。

>>514
あらかじめ2行目のURLとテキストを配列に格納しておく。

>>514
なるほど!
やってみます

urlはテキストに.htmlをつければいいから格納する必要ない

javascriptの外部ファイル呼び出しで、パスに「~」が入っているとエラーが出てしまうのですが
どうすればいいのでしょうか。

どうやら違ったみたいです。

<script…><!--
****▼▼****
…
…
…
…
****▲▲****
// --></script>

こういう記述があって、****▼▼****　〜　****▲▲****　の部分を抜き取って

function aaa(){
****▼▼****
…
…
…
…
****▲▲****
}
このような外部ファイルを作り、これをサーバーにアップしてheadタグ内に呼び出し、

<script…><!--
aaa();
// --></script>

このように記述すれば同じように動作するはずですよね？
なぜかエラーが出てしまいます。

そらそうよ・・・

なんでそんな采配のアレを言われなあかんのじゃ！！

>>520
違う点があるとすれば文字コードだが

スコープという概念はどうでもいいんだな。

ああそれだなorz

え、ダメなんですか？
もちろん****▼▼****このような記述は実際には書いてありません。
どうすればいいんですか？？？

初歩的な質問かも知れませんが、
チェックボックスで現在選ばれている項目のvalueを知りたいのですが、
document.getElementsByName("hoge")[i].checked;
をループで回して一致したところでvalueを取り出すという方法より簡単なやり方はありませんか？

>>526
元のソースはグローバルスコープ
君が書いたのは関数aaa内のローカルスコープ
プログラムによっては違いが出るかもね
ソースを全部読んでみないことには何とも言えない

>>527
valueを取り出すチェックボックスが一つでいいなら
全てのチェックボックスにイベントハンドラでも仕込むとか

>>527
では、イベントハンドラでやってみようかと思います。
ありがとうございました。

<a href="URL" target="_blank">hoge</a>
を
<a href="URL" target="_blank"><img src="URL"></a>
というように innerHTML.replace で置換させたいのですが
正規表現をどのように書けばいいのか四苦八苦しています。
頭が固くて嫌になるのですが、教えていただけませんでしょうか？

replace(/<a href="(.*?)">.*?</a>/g,'<a href="$1"><img src="$1" /></a>')

今適当に書いたから動くかどうかは知らん

$1に余計なものまで取り込んでるね。動作には支障ないだろうけど。
あと検索部のスラッシュは要エスケープ。

ん？余計なものってなんだべ

'target="_blank' まで取り込んじゃってんじゃない？

これがIMGタグの方にも移植されるね

ただIMGタグにとっては無意味な属性値なのでブラウザは単に無視するだろう

だから動作には支障はないだろう

ってことかと

>>531-534
ありがとうです。十分です。
後方参照がんばります。

IE7

divの、
onmouseoverでフェードイン、
onmouseoutでフェードアウト、
を書いたんだけど、

そのdivの子divも同じイベントに反応してハンドラが動いちゃうんだけど、
なんで？？？

わけわかめ

おねがいします・・・。

>>536
>>2
2)言葉でぐだぐだ書かずにソースを貼る、ただし要点を整理して。
　そのまま貼って動かせると試してもらいやすい(ただし回答者に連結さすな!)
　長い(1レスに入らない)場合はアップロードしてURIを貼る。

>>537
まとめた、
あとは頼むぜ

//html/////////////////////////////////////
<div id="relation_prpd_box">
<div>
<div id="relation_prod_header">
<div id="relation_prod_title"></div>
<div id="relation_prod_close"><img id="relation_prod_closebutton" src="132.jpg" alt="閉じる" width="71" height="21" border="0"></div>
</div>
</div>
</div>
//js/////////////////////////////////////
/*イベントハンドラ/フェードアウト・・・同様にフェードインも定義*/
function relationProdBoxFadeOut( evt ){
new Effect.Fade( $(_relationProdBox.targetId), {
from: 1.0,
to: 0.3,
afterFinishInternal: function(effect)
{
$(_relationProdBox.targetId).style.filter='alpha(opacity=30)';
$(_relationProdBox.targetId).style.mozOpacity=0.3;
$(_relationProdBox.targetId).style.opacity=0.3;
}
}
);
}

Event.observe( $(_relationProdBox.targetId), 'mouseover', relationProdBoxFadeIn, false );
Event.observe( $(_relationProdBox.targetId), 'mouseout', relationProdBoxFadeOut, false );

使ってるライブラリくらいちゃんと併記しろ

>>539
アウト

よよいのよい

なにこいつ？

何も糞も>>537>>539>>541あたりはいつものテンプレ脳のカスだろ。

>>536
mouseover/mouseoutイベントが子エレメントにも反応するのは正常動作。
それが嫌ならevent.targetでも見て、子エレメントなら処理を行わないようにするなどの対応が必要。
ttps://developer.mozilla.org/en/DOM/event.target

自己解決しました

538です。

>>543
正常動作なのか・・・。

>>event.targetでも見て、子エレメントなら処理を行わないようにする
なるほどね

さんきゅー

<form name="aaa">
<input name="bbb" type="radio" onClick="showInTextArea('ひとつめ')" checked />ひとつめ
<input name="bbb" type="radio" onClick="showInTextArea('ふたつめ')" />ふたつめ
<input name="bbb" type="radio" onClick="showInTextArea('みっつめ')" />みっつめ
<textarea name="ccc"></textarea>
</form>

<script type="text/javascript">
<!--
function showInTextArea(text) {
; /*なにしていいかわかんない*/
}
// -->
</script>

こんな感じで、ラジオボタンのチェックを変えるとテキストエリア内の文字を動的に変更するような
スクリプトを書きたいんですが、documentオブジェクトから要素の取得をするやり方は分かるのですが、
今回のように「挿入」する方法をわたしのチンパン脳では思いつけんのです。
諸兄のアドバイスを乞いたく存じます。

要素を取得まで出来るんなら
textareaを取得して、それのvalueを書き換えれば良いよ

挿入に拘るんならinnerHTML
こっちならtextareaを使う必要もなくなるからデザインとかに懲りたい向きにはこっち

<form name="aaa">
<input type="radio" name="bbb" onClick="showInTextArea('ひとつめ')" checked />ひとつめ<br />
<input type="radio" name="bbb" onClick="showInTextArea('ふたつめ')" />ふたつめ<br />
<input type="radio" name="bbb" onClick="showInTextArea('みっつめ')" />みっつめ<br />
</form>
<textarea name="ccc" id="ccc"></textarea>
</body>
</html>

<script type="text/javascript">
<!--
function showInTextArea(text) {
document.getElementById("ccc").value = text;
}
// -->
</script>

>>547
上記でほぼ思い通りに切り替わるようになりましたが、唯一…
あくまでinputのonClickでイベントを開始しているので、最初からチェックの入っている
「ひとつめ」だけは最初からテキストボックスに文字を入れることができませんでした。
（クリックしなおさないと文字が入らない）

ページをロードした瞬間チェックが入っているか否かを取得して関数のキックは無理でしょうか？

>>548
onload時にinputを見ていってチェックが入ってればshowInTextArea()
を呼んでやったらいいのでは？

試してないから動くかどうかわかないけど

window.onload =function(){
for( var i =0; i < forms["aaa"].input["bbb"].length; i++){
if( forms["aaa"].input["bbb"][i].checked ) showInTextArea(forms["aaa"].input["bbb"][i].value)
}
}

なるほどonloadですか！
かなりいけそうです。どうもありがとうございました。感謝します。

質問です。
対象ブラウザはIE7,Firefox3,Opera9で。


やりたいことは、appendChild の別名をプロトタイプで設定したいのです。
親.appendChild(子) => 親.add(子) ということ。


イメージとしては

なんちゃら.prototype.add = function(element)
{
return this.appendChild(element);
}

こんな感じになるのかと漠然と思ってるんですが、「なんちゃら」の部分が
分からず探している状態です。
HTMLElement にしたら、いくつかのタグでは通ったんですが、select タグで通らず。
(「通らず」の挙動はブラウザでバラバラ)
ここで行き詰ってしまいました。


今のところ、createElement と getElement の直後で

element = document.createElement(tag);
element.add = element.appendChild;

ってなことやってるので、実現できてるって言えばできてるんですが、
どうも気持ち悪いので、分かる方にご教授願いたいです。

>>551
なんちゃら=Element
で良いのでは?
selectで動作が不安定なのは、
DOMのHTMLSelectElementでaddというメソッドが規定されているから。
ttp://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-94282980

var Nanchara =Class.create();
Nanchara.prototype ={
initialize: function( _parentElem ) {
this.parentElem =_parentElem;
},
add : function(element){
return this.parentElem.appendChild(element);
}
}

new Nanchara( $('parent') ).add( $('child') );

ってことかな？

( new Nanchara( $('parent') ) ).add( $('child') );
だったか・・・、

nanchara =new Nanchara( $('parent') );
nanchara.add($('child')).add($('Grandchild')).add('Great-grandchild').add(.....

ってできるといいなぁ
誰か考えて。

これでいけるか、

var Nanchara =Class.create();
Nanchara.prototype ={
initialize: function( _parentElem ) {
this.parentElem =_parentElem;
},
add : function(element){
return ( ( new Nanchara( $('parent') ) ).add( element ) );
}
}

うざいってか？

var Nanchara =Class.create();
Nanchara.prototype ={
initialize: function( _parentElem ) {
this.parentElem =_parentElem;
},
_appendChild : function(element){
this.parentElem.appendChild(element);
},
add : function(element){
return ( ( new Nanchara( $('parent') ) )._appendChild( element ) );
}
}

途中の所失礼します

今まで、 document.getElementByTagName などを使ってページの書き換えスクリプト(繰り返し、ifなどがやや多い)を作って使用していました。
が、XPath対応ブラウザも増えてきたことですしこの際スクリプトもXPath対応にしたいと思うのですが、XPathのチュートリアルとリファレンスがあるようなサイトがありましたら教えていただけると幸いです。

>>557
さすがエスパー

>>552
レスありがとうございます。


>selectで動作が不安定なのは、
>DOMのHTMLSelectElementでaddというメソッドが規定されているから。

うあそれは全く知りませんでした。
それだとやめといた方が融通が効くかな…。
今の方法で納得しておきます。

って、書き込んだ直後に思いついた。
名前変えりゃいいじゃん俺。push とか…。

またちょっと試してきます。

ecmaの方から誘導されてきました。
ボタンA（キーコード53)を押すと自動で
ボタンB（キーコード55)を押すスクリプトはどう書けばいいでしょうか。

ボタンBがへっこむってことだな？
「さすまた」みたいな道具で2ボタン同時押し。

>>562
ブラウザ上でキー出力はできない
Windows限定でよければWSH（JScript）使えばできるだろうけど、スレチ

>>562
たぶんできるよ

Gecko なら
https://developer.mozilla.org/en/DOM/document.createEvent
と
https://developer.mozilla.org/en/DOM/event.initKeyEvent

IE なら
http://msdn.microsoft.com/en-us/library/ms536390%28VS.85%29.aspx
と
http://msdn.microsoft.com/en-us/library/ms536423%28VS.85%29.aspx

試してないからホントにできるかはわからん

すみません
リンクをクリックした瞬間（またはクリックしたまま離さない状態）の時にも、
ステータスバーにリンク先を表示させないようにしたいのですが、Javascriptで可能でしょうか？
もし出来るなら、教えていただきたいのですが・・・

onMouseOver="status='〜〜';return true"で、ステータスバーにリンク先でない別の文字列を表示させるところまでは出来るのですが
リンクをクリックしたときにも全く表示させないようにしたいのです

>>566
誰がスパムサイトの幇助なんかするかｗｗｗ

━━━本スレに書く事を許される者は以下の通り━━━━━
　一、ユーザに迷惑となるスクリプトを書かない者

>>567>>568
すみません。社内用のホームページで利用したいのです
ソースみれば分かってしまうのは仕方ないとして、
出来る限りサーバーのフォルダ構造を見せたくないので・・・教えてもらえませんか？

しつけーよ

>>569
見られたら悪いフォルダ構造にするお前がおかしい

まぁ、スパムサイトだろうけどなｗｗｗ

ふらっしゅ

>>569
マジレスすると人を殺すための知識を
私は善人で絶対悪用しないので教えてください！
っていう人間に教えるわけないよね

しかも社内サイトで比較的悪用される可能性が低いんだからさ

>>551の件、HTMLElement.prototype.push として解決しました。
（OperaとFirefoxで確認。IEは無視ってか条件分けして元の処理のまま）

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

>569
フォルダ構造を見られたくないだけなら、リンク先は常に固定にして、
「?page=ページ名」をサーバ側で解釈する方が確実ですね。

ひょっとしてJavaScriptとか全然関係なくて
httpd.confの
Options Indexes FollowSymlinks MultiViews
を消せばいいだけの話なんじゃないかという気がしてきた

>>573>>575
どうもすみません。ありがとうございます。

質問ばかりで申し訳ないのですが、
リンク先は常に固定して「?page=ページ名」の解釈というのは、どうやるんでしょう？
<a href="../xxx/○○.fp5">業務日報作成</a>
みたいな状態になってるんですが・・・

>>577
Apacheのmod_rewriteだろJK

お前、そんなに詳しくないなら、管理とかするな

>>577
……見られたくないとか以前に、基本が丸っきり抜けてるんですけど。


いまのあなたは、サンダル履きで山歩きの経験皆無なのに、
「山奥でキノコ狩りするんで毒キノコの見分け方教えて」と言ってるよーなもんです。

危なくて何も言えないですよ。ヘタなこと言ったら、
どんな間違った使われ方するかわかったもんじゃない。
遭難して死ぬのがオチ。ヘタな操作でサーバのデータぶっ飛ばすのがオチ。

どうでもいいからjavascriptの話しろよ

ただ煽りたいだけのテンプレ厨の自演と思われ。

htmlのformを使って入力データをブラウザからサーバに送っています。
文字コードがhtmlはShift-JIS、サーバ側はEUC-JPのため、
<input type="button" value="送信"
onclick="org=document.charset; document.charset='EUC-JP';
document.フォーム名.submit(); document.charset=org;">
という方法で送信ボタンクリック時に文字コードを変換しています。
実行ボタンを押して送信する場合はこれでうまくいくのですが、
フォームに入力してそのままエンターキーを押すという方法で送信した場合は、
このスクリプトが実行されないので望んだ結果になりません。
エンターキーを押して送信した場合でもこのスクリプトを実行させる方法はありますでしょうか。
onEnterのようなイベントハンドラがないかと思いさがしたのですが見つけられませんでした。
以上よろしくお願いします。

onSubmitとかダメなん

>>582
<form action="javascript:〜" method="post">

>>583
ありがとうございます。
<form onSubmit="org=document.charset; document.charset='EUC-JP';
return true; document.charset=org;">
で望む結果を得ることができました。

>>584
ありがとうございます。
<form action="javascript:org=document.charset; document.charset='EUC-JP';
document.フォーム名.action='http://〜'; document.InForm.submit(); document.charset=org;
name="フォーム名" method="GET">
としてみましたが、文字コードは変換されませんでした。それとエンターキーを2回押さないと送信されなくなりました。
もう少しいろいろと試してみます。

お二方ともどうもありがとうございました。

Javascriptを使ってFlashコンテンツのボタンをクリックとかできるかね？

>>586

できるよ！
でも、Flash側（ActionScript）でも、JavaScript受け取る準備をしておかないといけない

すみません、
document.getElementsByTagName
で取得するタグを複数してすることはできないんでしょうか？

document.getElementsByTagName(img,input)
document.getElementsByTagName(img|input)

などいろいろやってみましたがダメでした。

>>587
やっぱりそうなるか。
じゃ既存のFlashコンテンツをJSで操作することは不可能なのか…。

>>588
なんで
document.getElementsByTagName(img)
document.getElementsByTagName(input)
と2行にわけるのがダメなのか
一緒に処理したいなら、2行で取った後にまとめればよいと思うのだけど何か理由あり？

>>590
説明不足ですみません。その方法でもいいのですが、とあるライブラリを
改造している為、最終的に1つの配列にまとめる必要があります。

どうやらdocument.getElementsByTagNameで取得したものは配列ではないようで、
concatで結合することができませんでした。

>>591
getElements〜で返ってくるのはNodeList。

んで
＞最終的に1つの配列にまとめる必要があります
本当に配列でいいの？
一つのNodeListじゃなくて？
配列でいいんだったらNodeListを配列に変換すればいいだけだけど

一つずつ取り出して、配列に突っ込めばいいじゃん

>>592
勝手に混乱してました。。ごめんなさい。
最終的には1つのNodeListでした。

「NodeList　結合」などで検索しましたが、NodeList同士を結合する関数は
用意されていないんでしょうか？

>>594
うーんNodeListをまとめる方法ないんじゃないかなあ
少なくとも俺は知らないんで他の識者の皆さんに任せた

まず、getElementsByTagNameで取得したNodeListにすべて共通のclassを付加して
その後に、getElementsByClassNameですべてのNodeListを取得すればいい

getElementsByClassNameが実装されてないブラウザでは、ライブラリがあるからそれを利用すればいいよ

>>595
いろいりご指摘頂きありがとうございました！

>>596
ありがとうございます。
なるほど、一旦classを付けるんですね。
試してみます。

>>597
>>593の言うように順に取り出してまとめてやればいいんじゃないのかね
やっつけ仕事だけど

<html><body>
<form>
<input type="text" name="text1">
<input type="button" name="button1">
</form>
<a href="link1" name="link1">link1</a>
<a href="link2" name="link2">link2</a>
<a href="link3" name="link3">link3</a>
</body>

<script>
n1=document.getElementsByTagName("input").length;
n2=document.getElementsByTagName("a").length;

array1=new Array();
for(i=0;i<n1+n2;i++)
if(i<n1)array1[i]=document.getElementsByTagName("input")[i];
else array1[i]=document.getElementsByTagName("a")[i - n1];

for(i=0;i<array1.length;i++)alert(array1[i].name);
</script></html>

>>594
JavaScript 内だけで完結させるなら
NodeList を Array に変換すればいい

Array.prototype.slice.call を使ったり、ベタにやるなら

var elems = document.getElementsByTagName("div");
var nelems = elems.length;
var list = new Array(nelems);
for (var e = 0; e < nelems; e++) {
list[e] = elems[e];
}

で list を使う

>>596 の方法だと不要な class 属性値がつくことになるんで
思わぬところで副作用がでる可能性が…

>>599
＞思わぬところで副作用がでる
というかNodeListではあるけどclass付与したときの静的キャッシュのような扱いになるから
それを理解して使わないとまずいよね
あと一時的に付与したclassを除去する関数もいるだろうな

>>596
ライブラリのgetElementsByClassNameって戻り値はNodeListじゃなくて配列じゃない？

OBJECTタグで読み込んだMFC ActiveXコントロールと、JavaScriptと連携して、
ActvieXコントロール側で保持している文字列を、サーバにPOSTしようとしています。

JavaScript側で、MFC ActiveXの保持している文字列を取得するには、
どういった方法があるのでしょうか。

>>601
実装による
ネイティブの getElementsByClassName がある場合、それを使うよう実装されている場合は NodeList をそのまま返すものが多い
ライブラリ内でエミュレートしているものはだいたい Array に検索結果を突っ込んでいるので、Array オブジェクトがそのまま返ってくる

要は、ライブラリがしっかりドキュメントなんかで「絶対 Array 返す」とうたっていない場合は返値のオブジェクトが何かわからんので注意しろ、ってこと

>>603
いや>>596がIEの場合はライブラリ使えって言ってるからね

>>587
ActionScript → JavaScript は ExternalInterface.call で
可能とは知ってたけど、逆も出来るん？

元質問者とは違うけど、自分も教えて欲しいです。

すいません
JavaScriptで
「/」が文字列の中にあったらってどのように表記するのでしょうか？

if ( document.form.com.value == '' ) {
　　　alert( "コメントを入力してください" );
　　　document.form.poss.focus();
　　　return(0);
}
で
document.form.com.valueの中に/を含む文字列があったら↑の中のチェックで引っかかる
ようにしたいんです、、、

ご助力いただけますとありがたいですっ

if ( document.form.com.value.indexOf("/") != -1 ) alert("'/' があるよ");

if (document.form.com.value.indexOf("/") >= 0)

>>605
flash.external.ExternalInterface.addCallback('hoge', this, moge);
のようになってるFLASHの場合、JSで hoge() を実行すると、
FLASHの moge() が実行される。

例えば0〜9999から重複しない値を得るには
重複してないか確認するとか
全数を配列に記憶しておくとか
スマートじゃないのでｗ
あらかじめ筋を立てておくといいんじゃないかな？

例えば
1桁は0〜9の10個の数字のArrayとする。
これを必要数の桁用意する。
各桁を任意の順にsortしておく
この各桁毎に10数えるカウンタを用意する
後はこのカウンタごとにカウンタの示すArrayの要素の値を
与えていけば…
コードで書けって？ｗだって今やっつけで書き込んでるだけだもん
ていうか、どこのレス？ｗｗｗスルーしてヨシ！ｗ

f1というidのiframeがあったとして
document.ElementById("f1")で取得したiframeのオブジェクトから
そのiframe内に表示しているwindowオブジェクトを取得するには
どうしたらいいですか？

document.ElementById → document.getElementByIdでした

setTimeout()に0を指定して、()で囲んだ関数リテラルを渡してるスクリプトを
発見したんですが、この書き方のメリットって何でしょう？？

setTimeout((function(){
　//実行分
}), 0);

ない

>>613
JavaScript実行しっぱなしだとブラウザが動かなくなるっしょ
setTimoutとか使って一瞬でもJavaScript終了してやるとブラウザ固まらなくてユーザーの不満度が減る
この目的のためには第二引数は0ミリ秒指定でもオッケーなんだけど、それが各ブラウザの仕様として担保されてる事なのかどうかは俺は知らない

誤解を招きそうな書き方になったが訂正はしない

UI スレッドのキューに push してると考えればいいと思う

var a = [];
for (var i = 5; i--; ){
setTimeout(function() { a.push(i); }, 0);
}

何ループにして何秒かかっても結果は全部 0 になる

>>615-617
ありがとうございます！！
ずっとsetTimeoutに渡された関数に気をとられてたんですが
setTimeout自体の動作に理解が足りてなかったです。。
めっちゃ助かりました。

皆さんが、1msecでもjavascriptの実行時間を早くするために心がけていることはありますか？

変な書き方をしないで、自分以外の人にも読んでもらいやすくする

例えば、imgエレメントにhref属性を付加するならsetAttributeですけど、onclickなどのイベントハンドラを付加するにはどうしたら良いのでしょう？
(imgNode.onclick = "hogehoge();";みたいじゃない書き方を探しています)

Q13？

>>622
あ、テンプレにあったんですね
すみません

でも、Firefoxなんですよねぇ

>>619
信じられないくらいに遅いIEでの文字列連結を考え、
大量に文字列を連結する場合には、配列に入れてからjoinさせるという定番対策とか。

>>623
FFxなどDOM Eventに準拠したブラウザではaddHandler()、
IEはattacheEvent()。あとは検索すれ。

>>619
有名なプログラムの本の高速化の章に書いている言葉を送ろう

高速化しない。

>>625
> addHandler()
すまんがこれはどのインターフェイス? DOM2? DOM3?

>>626
そんなことが書いてあるのかｗ

だけど本当そうだよね、拘りすぎるとドツボにはまる。
音質に拘るのと似てる気がする。

>>628
実際JavaScriptネタでググってみると、
時代遅れの酷いコードが上位に来る事も頻繁にあるので、
もうちょっと考えてコードを書いて欲しいなとは思うね。

>>626
『プログラミング作法』にも書いてあったな、ソレ

否、高速化はするべきだ

iframeでhtmlのソース読み込めるんだな
これでやりたい放題できそうだ

>>632
マジ？それ外部サイトのHTMLでは無理でしょ？それできたらマジすごいんだけど。

>>632
初耳だ。それをやろうとして挫折したので是非知りたい
どうやるんだ？あ、もちろんドメインは別で。

>>633,634
お前らはAjaxライブラリ群を知らんのかｗｗｗざまぁ

>>635
ajaxライブラリに何を使おうが、ブラウザの制限なのだからサーバを介さない限り
外部サイトのHTMLはJSではアクセスできないでしょ？ 何か勘違いしてないかい？

>>636
アクセスできるよｗ

>>637
だからそれはサーバを介した中継プログラムを使っているんでしょう。
技術的に無理なんだって。本当に仕組みわかって話していますか？

>>638
javascriptだけで出来るのにｗｗｗ

もしかしてjsonpのこといっているのかい？今話しているのはただのHTMLの
ことだよ。それはできないと思う。

できたとしてもセキュリティホールだからなぁ…

生粋のjavascriptだけでｗ

約一名性格の悪い嘘つきがいるようだ。ソースも示せないのだから無視でいいよ。

自分が知らないと、嘘とするｗ

頑張って、prototype.jsと睨めっこしてなよ

嘘つきじゃなくて勘違いなんだろうね。

>>644
「自分が知らない」じゃなくて「世界中の人が知らない」だと思うw

一応言っておくけど、635ではないからな

ローカルでしか試してない。たぶん無理だと思う
昨日からjs始めたばっかりで、よくわかってない
iframeをelementCreateしてbodyあたりにappendChild
onreadychangeで読み込み終了ならiframeのdocument.all[0].innerHTMLみたいな実装をした

635は今頃一生懸命弁解を考えているだろうな…。まぁ逃げるか。

>>635は
SSIが使える鯖で、.htaccess使ってました＞＜
こんなオチ？

急にレスが増えたと思ったらなんだこりゃ

ただのかわいそうな子

firefox を使って下記のページで jquery の ajaxComplete のテストを試しているのですが

http://www.openspc2.org/JavaScript/Ajax/ref/jQuery/ver1.0.3/ref/Ajax/ajaxComplete/sample/index.html

二回目以上押すと、「通信を終了しました」という　alert が何度も表示されます。
押せば押すほど、alertの数が増えていきます。
IE7で試すと、正常に一回きり表示されるのでブラウザの問題だと思っています。
なにかアドオン等が悪さしているのかと思うのですが、ほかに同じ状況になる人いますでしょうか？
ちなみに firefoxのバージョンは 3.0.4 になります。

>>652
jquery触ってないから何に使うのか良く分からんけど
とりあえずoperaとsafariでも増えるね
ライブラリが悪いのか使い方が悪いのか知らんが

初歩的かもしれないけどごめんなさい。
redirect Scriptなんですが、
var browser_type=navigator.appName
var browser_version=parseInt(navigator.appVersion)
if (browser_type=="Microsoft Internet Explorer"&&browser_version>=4)
window.location.replace("http://hogehoge.com")
else
window.location="http://hoge.com"

って書いてしまうと、IE4以上のIEすべてがリダイレクトされますが、IE7を除外したい場合
だとか、IE6だけをリダイレクトしたいときにはどのように書けばいいんでしょうか？

browser_version>=4を書き換えればいいんじゃないですかね

>>654
どうでもいいけど、何で末尾にセミコロンがないんだ？

IE6だけをリダイレクトしたいんなら

if ((navigator.userAgent).indexOf("MSIE 6.0") > -1)
window.location.replace("http://hogehoge.com");
else
window.location="http://hoge.com";

セミコロンが無くてもなんか動作はしていたの気付きませんでした…
if (browser_type=="Microsoft Internet Explorer"&&browser_version<=6)
こんなんかな〜？とか思ったけど、>>656さんのやってみたら
ﾊﾞﾁﾘいけました、ありがとうございます。

セミコロンがないと、JavaScriptインタプリタが改行後にセミコロンがあると
解釈して勝手にセミコロンを入れるから実行はできるが、バグの元になるぞ

>>653

たしかに opera でもなりますねぇ。
一応説明では ajax の呼び出しが完了後に呼ばれるので
一回のみのはずなんですが。。。

もう少し調べてみます。

っていうか ajaxStart() 自体が複数回呼び出されてるみたいです

>>660
一回コレを呼ぶ必要があるんじゃない？
$("#result").unbind();

一回ってか毎回ね

>>661

おっしゃるとおりでした！
裏で何が起こってるのか分かりませんが、下記のコードで解決しました！

$("#result").ajaxStart(function(){
alert("通信を開始します");
});
$("#result").load("./sample.txt", function(data, stat){
alert(data);
});

$("#result").ajaxComplete(function(){
alert("complete");
$("#result").unbind();
});


ありがとうございます！

1画面の中に複数の<DIV>タグで区切られたinput Textがあります。

<DIV>
　<input type="text" id="TextBox1">
　<input type="text" id="TextBox2">
　<input type="submit" id="Button1">
</DIV>

<DIV>
　<input type="text" id="TextBox3">
　<input type="text" id="TextBox4">
</DIV>

2つ目のDIVタグの中にはボタンがなく、あるイベントで2つのテキストの内容をサーバーにPOSTしたいと思ってます。
1つ目のDIVタグはSubmitボタンがあるので、そっちに処理を任せるのですが、
2つ目のDIVタグ内の内容をサーバーにPOSTでsubmitするにはどのようなスクリプトになるでしょうか。

環境WindowsXP
ブラウザIEのみ

自己解決しました
DIVタグの周りにFORMタグをかぶせて、
document.formsのsubmit()でいけました。

function hoge(){
if(…)return true;
return false;}

<input type="submit" onclick="return hoge()" />

ラジオボタンで何も選択されてないとき次のページに飛ばないようにするための
書き方を探したらこんな風になっていたのですが、これのonclick="return hoge()"がいまいち理解出来ません。
onclick="hoge()"だったら返却値がfalseなら飛ばないんだろうなぁと思うのですが、return??

＞onclick="hoge()"だったら返却値がfalseなら飛ばないんだろうなぁと思う

のならonclick="true"やonclick="false"にすればどうなるか試してみればいいんじゃないかな

書籍スレが死んでるのでこちらで質問させてください。
まったくの初心者で一からJavaScriptについて学びたいので教本になるものを探しているのですが、
・基礎 Ajax + JavaScript
・基礎からのJavaScript
・WebクリエイティブのためのDOM Scripting
これらの中から選ぶならどれが良いでしょうか？
また、他にもお勧めのテキストなどあれば教えてください。

>>668
他のプログラミング言語の経験はありますか？

>>669
まったくの初心者で他のプログラミング言語の経験もありません。
HTML+CSS手打ちでのサイト作成、DW操作ができる程度です。

全部読めばいいよ

ttp://www.html5.jp/library/graph_line.html
ここのライブラリを使って折線グラフを書くことはできました。

書いた後にcanvasをまっしろにしたいのですができません。
（F５を押すと当然消えますが、プログラムで消すようにしたいです）

グラフは消えるのですが、文字はどうやっても消えません。。
DOMのappendChildで＜DIV＞を作ってるようなのですが、
どうすればいいのでしょうか？

obj=document.getElementById("canvas");
for(i=0; i<obj.childNodes.length; i++){
obj.removeChild(obj.childNodes[i]);
}

こんなことをいろいろやってます。

基礎からのJavaScriptしかないじゃん。

>>673
この3冊は書籍スレの過去レスから調べたものです。
基本は押さえていると思い挙げましたが、他にお勧めの本があるかと思い質問いたしました。
初心者はコレ読めば良いだろうなと感じたもので結構ですのでお教えください。

オレのオススメは
「JavaScript+Ajax プログラミング・テクニック」佐藤信正著　メディア・テック出版
これ読めばJavaScriptの各種リテラルとかオブジェクトの関係とかがよく分かると思う。
比較的情報が新しいし、JavaScript全体を見渡すという点では初心者でも読みやすいよ。
ただしもっと奥深く知りたい場合は、他の本の方がいいかも。

本当なら初心者だろうが何だろうが、サイ本読めと言いたいけどね。

contentEditableで、
<p><font size="1">1行目</font></p> [enter]
をすると
<p><font size="1">1行目</font></p>
<p></p>
となってその際に、
2行目をクリックして選択した時に、
selection.createRange().parentElement()をクリック時イベント等で取得すると、
カーソルが2行目にあるのに、
1行目のpタグが取得できるんですが、
どうしてでしょうか？

mouseupイベントでsetInterval等で少し時間(500ms〜マシンスペック依存ぽい)を置いて、
もう一度parentElement調べると、
2行目が取れたりしててよくわかりません。

>>672
DOMを使ってDIV要素などの文字を格納した要素を生成し、
Canvasの領域上にうまく重なるように、
座標を指定した上で、その要素をappendする。

CANVAS使ってないんじゃね？

>>675
レスありがとうございます。
サイ本読むのが1番だとは思うのですが、最初にサイ本読むと
わけもわからずやる気が無くなりそうで恐れてます。
情報が新しいというのは良いですね。早速参考にさせていただきます。

getComputedStyle を高速化する方法って何かある？
document.defaultView をキャッシュしても遅いもんは遅い

DOM ツリー操作 → getComputedStyle → DOM ツリー操作
にならないよう気をつけてもダメなもんはダメ

どうしたらいいか知ってる人……いる？

>>679
便乗だが、こういうパフォーマンスチューニングでこれは読んどけっていう
サイトや本ってないですか。

昔は、ＷＥＢページに動き・見た目を良くする為の１つの方法としてJavaScriptが
使われて来たと思いますが、現在はFlash / ShilverLight等の出現もあってJavaScriptに

需要も含め求められる事はかなり少なくなって来ている気がするのですが、
実際のところどうなんでしょうか？


・入力値チェック
・ブラウザの制御
・Ajax

・ロマン

javascriptの歴史の中で今が最盛期

>>681
レスありがとうございます。
サイ本読むのが1番だとは思うのですが、最初にサイ本読むと
わけもわからずやる気が無くなりそうで恐れてます。
情報が新しいというのは良いですね。早速参考にさせていただきます。

あればテンプレ入りしてるんじゃないかな、うん

>>681
Flashは「四角い領域の中だけ」しか自由にならない。
「全ページがFlash」のページにする覚悟があるならいいけど。
Silverlightは言語JavaScriptじゃないの。もう1つあるらしいが。

>>684
初めてのJavaScriptの方読んでみたら？薄いからすぐ読めるし。

Ajax使えよ

behavior面白いな

>>686
Siliverlight1でJavaScript使えるけど、
Flashと同じような働きを期待するならSL2（C#）を使うしかない。
仕事でちょこっとだけやったけど、結構しんどかった。
すれ違いごめん。

var a = function(){ /* 実行文 */ };
var b = (function(){ /* 実行文 */ });


のように関数リテラルを()で囲むのと囲まないのでは何が違うんでしょう？
たとえばbの場合は実行速度が速いとかメリットがあるんでしょうか？？

>>686
なる程、そういう捕らえ方もありますね。
因みにですがinnerHTMlを使って動的にＦｌａｓｈの表示位置を移動させる事とかってJavaScriptで
制御できますか？

WEBページ内の背景画像を固定する為に次のコードをhtmlページの中に直接記述したところ問題無く
読み込めるのですが、CSSを外出しにしたところなぜかWEBページに反映されません。
一体何が原因なのでしょうか？

【ＯＫなパターン】
<style type="text/css">
body
{
background-image: url("img/sky46.jpg");
background-repeat: no-repeat;
background-position: 50%;
background-attachment:fixed;
}
</style>

【ＮＧなパターン】
<LINK href="StyleSheet.css" type=text/css rel=stylesheet/>

【StyleSheet.cssの中身】
body
{
background-image: url("img/sky46.jpg");
background-repeat: no-repeat;
background-position: 50%;
background-attachment:fixed;
}

object要素の動的リサイズについて教えてください。

function onResize()
{
〜
}
window.onload = onResize;
window.onresize = onResize;

関数に入れるべきものが分かりません。
document.getElementById("test").width 等でサイズが変わらないので困っています。

>>693
５回ほど読んだがどこにJavaScriptが関係するのか分からない

>>693
><LINK href="StyleSheet.css" type=text/css rel=stylesheet/>
ちげーよ

<link href="StyleSheet.css" type="text/css" rel="stylesheet" />

あほか

俺ルールではrel, type, hrefの順番で書かないと爆死する

>>692
innerHTMLでobject/embedを書き換えるなんて毎回最初から
始まってしまうので役に立たないだろ。位置だけ動かすなら
position:absoluteの要素に入れておいてJavaScriptでXY座標を
変更するのが定石。過去スレ全集に山のようにサンプルあるから。
>>694
断片だけ示されてもそこだけからは判断できない。
動かない最小限の完全な例を作って貼る。何か簡単なとこで勘違い
して間違えているんだと思うがそれが何かはESPじゃないので
予想できないね。

>>696
ありがとうございます。解決しました。


htmlの場合だと""で囲まなくてもＷＥＢページは理解してくれるのに、
CSSの読み込みを宣言する際には囲まなくはならないのでしょうか？
ちょっと不思議です。

>>699
xhtmlは""で囲まなくてはいけない。
htmlでも最近は囲む人が増えてきている。
今のうちに癖をつけておいたほうがいいぞ。

>>699
XML, XHTMLでは「囲まないものは不正」
HTMLでは「何は囲まなければ不正か厳密に決まっている」
不正なのに囲まなかった結果がどうなるかは「運まかせ」
つまり自分の手元ではたまたま動いても公開したページを
見ている人のブラウザではだめかも知れない。そんなのは
Web制作者として論外。修行し直してこい。

>>679 でした質問なんだが
誰にもわからない、ということで FA?

>>702
「高速化」は難しそうだね。最初に１回だけgetComputedStyleを呼んで
あとは変形内容をもとに自前で変化を計算するとか。でも変更内容に
よっては自前で計算するのが困難な値もあるからね。

>>700 >>701
ご丁寧にご指摘いただきありがとうございます。
今後気を付けます。

>>703
> でも変更内容によっては自前で計算するのが困難な値もあるからね
まさにそういう値を使わざるをえない状況なので、仕方ないのかー

Fx3 はマシだけど、Fx2 の getComputedStyle が遅すぎるので……
もう少しで Fx2 のサポート終わるから、シェアが落ちるのを気長に待つしかないのかな

var elt = document.getElementById('nanika');
var cs = getComputedStyle(elt, null);
elt.styleの変更はcsで分かるから一緒に保存しとくのもだめ？

言っておくけど getComputedStyle で取得したオブジェクトのプロパティにアクセスした時に
反映待ちの DOM 操作が一気に開始されるんだぞ

>>706
返ってくるプロパティって live だっけ？
（値変更が発生したらプロパティへ即座に反映される）

>>707 のいうとおりなら live だから、もしかしたらダメかも

ただ、キャッシュしたらどうなるかは試してなかったから、ちょっとやってみる

分からないなら無理に高速化なんてせずに時が解決してくれるのを待ちなさい

googlemapのAPIキーを取得して複数のページに地図を表示しています。
当然ですが、現在は各ページのヘッダ部にAPIキーを記述しています。
今後似たようなページが100枚を越える予定です。
で、APIキーの部分が変更されたときメンテナンスが大変なので
この部分だけを呼び出すようにしたいのですが、よい方法があったら
教えてください。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

<script
src="http://maps.google.com/maps?file=api&v=2.61&key=
APIキー&datum=wgs84"
type="text/javascript" charset="utf-8"></script>
<title>　　</title>
</head>

CSS板で聞いたら親切な方が
「外部にjavascriptの配列でも作って参照したらいい」
と指摘され、あちこち調べてみたのですが掴み所がわかりません。
よろしくお願いします。

悪い、ＣＳＳ板のほう質問の意図読み間違えてた
配列関係ないや

外部ファイルに↓みたいな関数つくって

function loadAPI(){
document.write('<script　src="http://maps.google.com/maps?file=api&v=2.61&key=');
document.write('APIキー&datum=wgs84" type="text/javascript" charset="utf-8"></script>');
}

<head>
〜略
<script type="text/javascript" src="hoge.js"></script>
<script type="text/javascript"><!--
loadAPI();
//--></script>
</head>

みたいにしてヘッダに埋め込むのが簡単でいいと思うよ

>>711
イメージがつかめました。
本当にありがとうございます！！

>>711
712です。無事動きました。
メンテナンスが楽になります。
ありがとうございました。

一度作っちゃえば grep 置換で一発だと思うが

mootoolsの v1.11をダウンロードできるところはありますでしょうか？

よろしくお願いします。

http://mootools.net/download/get/mootools-1.1.1-core-yc.js

公式にあるじゃん
アホなの？死ぬの？

1つのHTML文書のp要素などを日本語と英語の両方並べて書いて、lang属性（enかja）によって
例えばボタンを押すなどで、すべての要素について日本語か英語の文どちらかを表示できるようにしたいのです
調べたところ表示・非表示はstyle.displayをblockかhideかで切り替えるようなのですが
「すべての要素」の「lang属性を指定」する方法がわかりません
それともまったく別の賢いやり方があるのでしょうか（そもそも別ファイルにするとか）

>>717
IEサポートしないなら、
*[lang|="..."] { display: ... } とか書いた外部スタイルシートを2種類用意して、
document.styleSheets[n].disabledを切り替えるとか。

> そもそも別ファイルにする
俺ならこうします。

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

＞> そもそも別ファイルにする
＞俺ならこうします。
うーんそうですか
なにせファイル数が多い＋文書中で日本語と英語共通（表示切替不要）の部分も多いため
なんとか1ファイルで切替ができれば、と思ったのですが

>>717
<script>
function langchange( gengo ) {
var tagname = document.body.getElementsByTagName("*");
for ( i = 0; i < tagname.length; i++ ) {
if ( tagname[i].lang ) {
if( tagname[i].lang == gengo ) { tagname[i].style.display = "block"; }
else { tagname[i].style.display = "none"; }
}
}
}
</script>

<h2 lang="en">My name is Obama.</h2>
<h2 lang="ja">私は小浜です。</h2>
<p lang="en">Yes, we can!</p>
<p lang="ja">俺たちは出来るんだぜ！</p>
<p><input type="button" value="日本語" onclick="langchange( 'ja' )" />
<input type="button" value="英語" onclick="langchange( 'en' )" /></p>

これではだめかい？

getElementByID()
と
document.all()

どっちを使って要素にアクセス（innerHTMLの書き換え等）を行った方が良いのでしょうか？

上

W3C標準のほう

動く方

これは何でIEだけ表示出来ないのかわかる人いる？

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>hogehoge</title>
<script src="http://maps.google.co.jp/maps?file=api&v=2&key= 1234hogehogehoge…"
type="text/javascript"></script>
<script type="text/javascript">

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(12.345670000000003, 123.456789), 16);

var point = new GLatLng(12.345670000000003, 123.456789);

var offset = new GSize(0, -20);

map.openInfoWindowHtml(point,'<a href="http://www. hoge.jp/" target="_blank">hogehoge</a><br>なんれれすか<br> なんれれすかなんれれすか', offset)
})

}
}
//]]>
</script>

あ、もちろん表示させる部分には

<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 450px; height: 300px"></div>
</body>

な感じで入ってます。
オペラも見れないんだっけ？

>>720
あ、ありがとうございます・・・
見事望んでいた動作が実現できました
>>720さま、本当にありがとうございました

>>722
ありがとうございます。今後は、getElementById()を使う事にします。

Javascriptの関数一覧表があるサイトのURLを教えて下さい。

http://www.scollabo.com/banban/jsindex/index.html

なんだ罠か

よく分からないんですが
var suuji= 100
hage = suuji.関数()

のような記述がJavascriptによくありますが
なんで変数と関数をドットで繋ぐのですか？

一般的なプログラムの場合は
hage = 関数(suuji)
となると思うのですが
ドットで繋いだ場合は別の意味になるのでしょうか？

　 　∩＿＿＿∩　　 　　　　　　｜
　　 | ノ＼　　　　 ヽ　 　　　　　　|
　　/　　●゛　　● |　　　　 　　　|
　 |　∪　　( _●_)　ミ　 　　　　　j
　彡､　　　|∪|　　 |　　　 　　　 Ｊ
/　　　　 ∩ノ ⊃　 ヽ
(　 ＼　／ ＿ノ　|　 |
.＼　“　　／＿＿|　 |
　　＼ ／＿＿＿ ／

OOP を勉強してから出直しな

>>732
ドット演算子なんて一般的なプログラムのほとんどで使うと思うんだけども

長いですがすみません。

<HTML>
<HEAD>
<TITLE>test</TITLE>
<SCRIPT SRC="jformat.js" LANGUAGE="JavaScript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">

<!--
//
function Zprob(Z) {
A = 0.000005383; B = 0.0000488906; C = 0.0000380036;
D = 0.0032776263; E = 0.0211410061; F = 0.049867347;
XZ =(((((Z*A+B)*Z+C)*Z+D)*Z+E)*Z+F)*Z+1;
xxval=-16*Math.log(XZ);
prob =Math.exp(xxval);
if (prob>1) {prob=0};
return prob;
}
//