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

━━━本スレに書く事を許される者は以下の通り━━━━━
　一、JavaScriptはJavaとは別物であると知っている者
　−、自ら学んでJavaScriptコードを書く意思を持つ者
　−、ユーザに迷惑となるスクリプトを書かない者
　−、質問をきちんと分かる日本語で説明できる者
　−、トラブルを再現する最小限のサンプルを貼れる者
　−、テンプレ+FAQ>>2-10/過去ログ/関連資料を読める者
━━━━━━━━━━━━━━━━━━━━━━━━━━━
自力で書く気がない人は他のスレへ(テンプレ末尾参照)。
前スレ http://pc11.2ch.net/test/read.cgi/hp/1208140663/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() を使う必要あり。
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()。

【標準規格・リファレンス】
規格を読まずにどうなってるか分からんとか質問しないこと！
まとめサイト
→ http://web2ch.s31.xrea.com/?JS (消失中)
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 197
→ http://pc11.2ch.net/test/read.cgi/hp/1210081559/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/1199354032/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

あとこういうのを用意したんだけど>>7の行数が一杯で。
あった方がよければ次から何とか入れるようにします？

【各種フレームワーク】←テクニックの宝庫なので一度参考にぜひ。
Prototype.js → http://prototypejs.org/
script.aculo.us → http://script.aculo.us/
JQuery → http://jquery.com/
Yahoo! UI Library (YUI) → http://developer.yahoo.com/yui/
Mootools → http://mootools.net/

>>1
おつかれ。

日本の JavaScript ユーザのためのハブサイト
http://js-users.jp/

ここも参考になると思うので追加。

>>1
乙でーす

>>7
手取り足取りスレのURLが違うような気が。

JS終了にまだ気付けない>>1がかわいそうすぎる。おつかれさま。

>>9
間違っています。
以上。
↓次どうぞ

　 　 ＿＿＿_
　　　　　　 ／_ノ　　ヽ､_＼　 　　　　
.　　　　　／　（● ）　(● ）＼　　こっこれは別に>>1乙なんかじゃなくてただズレてるだけなんだからっ
　　　　／ /////（__人__)///＼　変な勘違いしないでよね！
　　　　|　　 　　　　　　　　　 　|　
　　　　 ＼　　　　 　　　　　 ／
　　　　　　 ￣￣￣￣￣￣

http://www.sam.hi-ho.ne.jp/cgi-bin/user/ike3/suntack.cgi

こんな感じでランダムに択一の問題を表示していく方法ってjavascriptでできますか？

>>15
問題数が数百くらいなら大丈夫と思うよ。ただし全部
ブラウザに持って来るので始まるまでの時間はのろいと
思うが。

データ量が少ないなら全ての問題をJavaScriptファイルに記述し<script>で読み込み、
それでなければAjaxでまとめて数問づつ取得、とか。

>>8, >>9
要らんことすんな。
それらサイトになんらかの場はあるだろ。
何をトチ狂って我田引水やってんだ？
もし、設置できませんなどの悩みにボランティアで答えたいのなら、個人でやれ。迷惑だ。

しつもん。

a.php→b.phpの流れでb.phpはリファラでa.php以外からのアクセスを遮断します。

IEだとlocation.href等で飛ばすとリファラが空になってしまうわけですが、
http://www.teria.com/~koseki/memo/referrer/
なんか代替方法ありませんかね?

divブロック内どこからでも飛ばせるようにしたいので<a>使えってのは無しの方向で。

?ref=a

>>19

ファイル分けないで、同じファイルで全部処理すれば！

画面遷移毎にワンタイムパスとか発行して、ユーザの一意性を確保すればいいんだよ

>>18
日本語でおｋ

いや。>>18は正しいよ。余計なリンク貼るな、ボケ。
テンプレ議論で出すべき。

余計なリンクｗｗｗ
-users.jpが余計なリンクｗｗｗｗ

>>23
お前がevalの議論に夢中で気付かなかっただけだろ

956 名前：Name_Not_Found[sage] 投稿日：2008/05/29(木) 02:13:19 ID:???
テンプレ追加推奨
http://js-users.jp/


この板でYAPCからの一連の流れを知らんとは

>>21
単に他所からリクエスト要求されるのを防ぎたかっただけで、
一意性とかそこまで厳重なことは考えてなかったわけですよ。

リファラ偽装してまでアクセスするような内容でもないけど、
少々重いので何の対策もしないのはどうかと思ったので。

まあ手っ取り早くセッションでものっける方向で行きたいと思います。

新しいサイトなら無条件でテンプレに載せるべきか？
お前らが積極的にjs-users.jpにコミットして
名実ともにハブサイトにしてくれるっていうなら構わんけど

>>19
display:block;

YAPCってなんですか？

Yet Another Perl Conferenceの略。
この間東京で開かれたYAPC::Asiaで偉い人が
「お前らSEOに有利などメインとって初心者向けの際と作れ」
といったのを受けて、Perl以外でも自称ハブサイトが乱立する事態に。
個人的にはほとんどが一過性のもので自然消滅するんじゃないと思ってるし、
YAPC自体ここにいる連中が知らなくてもおかしくないものだと思う。

>>29
http://conferences.yapcasia.org/ya2008/

動画はここに上がってる
http://conferences.yapcasia.org/ya2008/

ミスった
http://www.nicovideo.jp/tag/yapcasia2008

今スレのテンプレはあくまでも>>1-7で、その先は議論でしょ。
それで、関連スレ等(要するに>>7だね)は次回どうするの？
別に洩れは今のままでも構わんと思っているけどね。

>>27
見てみたけど、現状は内容スカスカの単なる(立ち上げ人関連の)微妙ブログ宣伝サイトのようなので、
テンプレ入りさせるのは時期尚早では。

js-users.jpでググってみたら、ハブサイトを目指すというより、
*-users.jpに便乗し、なんとなくお友達サークルサイトを立ち上げてみましたという雰囲気だし。

ホイール回転やスクロールバーをクリックしたときに動く量を
取得したり設定したりするにはどうすればいいですか？

>>30
解説ありがとうございました。ヤマハがパソコン作ったのかと思いました。
最後のお言葉に勇気付けられました。それにしても>>27さんはリアルでも
感じの悪い人なのでしょうが酷く高圧的な発言には皆さん気分を害してい
る方が多いのではないでしょうか。

>>34
主要リンクがまとまってるだけでも十分だと思うが
まあとりあえず950辺りまで保留でいいだろうな。

>>30
>個人的にはほとんどが一過性のもので自然消滅するんじゃないと思ってるし、
誰でも思ってるよ。またか、ってね。
それを長寿スレ（長寿の意味が違うが）のテンプレにいきなりのせようとするなんて、キチガイかと思った。

ついでにはっきり言っておくが、YAPCのえらいさんどもは、俺からすれば年下だし、社会的地位は低いし、JS初心者でもある。ありがたがるなら俺をありがたがれ。

じゃあお前は大腸菌レベルだな

>>38
ぜひ住所とお名前を

>>38
> YAPCのえらいさんどもは、俺からすれば年下だし、社会的地位は低いし、JS初心者でもある。
これが何を意味してるかよくわからない
自分を誇示したいの？それこそこのｽﾚにいらないだろ

>>38
どうやらJS終了君が遂に発狂したようで。

>>38
これじゃ友達いないわけだ。ホラ以外何もない寂しい中高年かよ。

ここにいる人たちの中で
"過去スレッド" に目を通した人がどれだけいることだろう ?
60% 以上が無意味な書きこみであることをどう思う ?
余談ながら初期の "テンプレ" は極めてシンプルであった.
だが, テンプレ論争は皆無であった !!!

＞60% 以上が無意味な書きこみであることをどう思う ?
ｵﾏｴﾓﾅｰと思う。

>>46
すまぬ !!!

ほらね

２ちゃんはもとより玉石混淆なわけだから
情報の密度を求めてもしょうがないんじゃないか？

>>47
すまぬ !!!
ただ... あんまりな流れだったので つい...

ま、たま〜に光るのがあるからいいんでない？中身が薄いから
こそ65巻も続くわけで、遊びがないハンドルは運転しづらい。
量はある意味質も内包しているわけで。これでいいと思うよ。

つまりそんなことをいちいち指摘するやつが野暮だってことだ

>>51
結局, 同じ流れなのね (ぎゃぼ〜)
まっ, お好きに おやんなさい ! (おいら は 白根)

ラジオボタンがクリックされた時に関数で
ラジオボタンのnameとvalueを取得したいのですが、
どのように値を関数に渡せばいいのでしょうか？

>>53
関数名(this)　でいいんじゃないか？

オブジェクト指向としてのJavaScriptを勉強したいのですがお薦めの本はありますか？

テキストボックスのすぐ下にレイヤーを表示したいのですが、どのようにすればいいでしょうか。
レイヤーの座標をＣＳＳで指定すればできるんですが、＜ＢＲ＞タグなどがテキストボックスの前に入ると調整が必要になってしまいます。
特定のテキストボックスのすぐ下にレイヤーをだしたいのです。
ブラウザはＩＥ限定です。

thisの使い方を調べてみたらうまくいきそうです。ありがとうございました。

>>56
テキストボックスの位置と大きさをoffsetTop/Left/Width/Height
で調べてレイヤーを出す位置を計算すればいいんじゃないの？
>>55
サイ本(オライリーのJavaScript本)とかMy UNIXシリーズのJavaScript本。

function unescapeHTML(str){
  str = str.replace(/&/g,"&");
  str = str.replace(/"/g,'"');
  str = str.replace(/'/g,"'");
  str = str.replace(/</g,"<");
  str = str.replace(/>/g,">");
  return str;
}
var text = "あいう<br>えお";
alert(unescapeHTML(text));

こんな感じのソースで
あいう
えお
と表示させたいのですが、
あいう<br>えお
となってしまいます。
どうすればいいのでしょうか

unescapeHTML関数の置き換えされる側には実態参照が入っているのですが
ここだと普通に戻るんですね

>>59
この変換処理に意味がみだせない漏れｵﾜﾀ(^^)/

>59-60
自己解決できました。

前スレでの話題になった未解決問題のうち重要そうなものの漏れ用メモっす。
番号は全て前スレのものなので注意。

>>82 Dripのrefsの数値の謎について
>>86 IEでトップレベル関数の列挙方法
>>127 addEventListenerの「使える」イベント一覧
>>143 IEのメモリーリーク問題でDOM同士、JSオブジェクト同士の相互参照がリークしないことの確認方法
>>505 IEでプライベートメソッドを実現する際の性能劣化しない方法の有無
>>515 elementFromPointの実用性はどの程度？
>>581 IEで「属性」(イベントではなく)をコピーせずにノードのクローンを作成する方法
>>799 JSでクロスドメイン通信を実現する手段が実は沢山あることと、
　　　今後もサポートされそうだということについての是非

radioボタンに対して、
関数内でnameとvalueを指定して、一致している物にチェックしたいのですが、
どのようにすれば可能でしょうか？
getElementByIdを使用すればnameを指定することが出来ますけど、
valueを指定する方法が分からなくて困っています。

getElementsByNameですね。　少し書き間違えました

アドベのアクロバットのフォームの作成で、各項目にカーソルを移すと強制的に、
全角や半角入力になるよう作成したいんですがどうすればいいでしょか？
例えば、氏名欄は自動的に全角、電話番号欄は半角に、などです。

都・道・府・県などをクリックすると○で囲むような時は下記の記述でできるのですが、
質問の場合の記述が全く分かりません。
var i = event.target.buttonGetIcon();
event.target.buttonSetIcon(event.target.buttonGetIcon(1));
event.target.buttonSetIcon(i,1);

>>66
Web制作じゃないじゃん。
>>64
そのnameのボタン群に対してループしてvalueが一致するものを探す。

質問です。for文でインクリメントは整数の範囲とするという場合、
for(i=1;i<L;i++)ですか、それともfor(i=0;i<L;i++)ですか？
あと自然数はfor(i=0,i<L,i++)でよいのでしょうか？

for(i=1;i<L;i++)　正の整数
for(i=0;i<L;i++)　自然数

>>67
やはりループくらいしかないですか。分かりました

以下のコードはテキストボックスに改行を含む文字をtextnodeを作成して出力する場合と、
valueプロパティーに代入する場合の違いを検証するコードです。
一番上のテキストボックスに改行を含む文字列を入力してボタンを押してください。
真ん中のテキストボックスにはtextnodeを作成して出力した場合の結果が
一番下のテキストボックスにはvalueに代入した場合の結果が出ます。
ＩＥ6でこれを試すと、真ん中のテキストボックスには改行後の行の行頭に空白が挿入されます
一番下のテキストボックスには一番上のテキストボックスと同じ内容のテキストが出力されます
FireFox2では真ん中も下も一番上のテキストボックスと同じ内容のテキストが出力されます
これは何故ですか

<html>
<head>
<script langueage="JavaScript"><!--
function $(id){ return document.getElementById(id); }
function kenshou(){
temp=$("ta1").value;
$("ta2").appendChild(document.createTextNode(temp));
$("ta3").value=temp;

}
// --></script>
</head><body>
<TEXTAREA id="ta1" cols="40" rows="6" wrap="off"></TEXTAREA><br>
<TEXTAREA id="ta2" cols="40" rows="6" wrap="off"></TEXTAREA><br>
<TEXTAREA id="ta3" cols="40" rows="6" wrap="off"></TEXTAREA>
<button type="button" onclick="kenshou();">click</button>
</body></html>

>>69
0は自然数じゃないだろって思ったけど、
0を含める流儀と含めない流儀との２つがあるんだな。
初めて知った。
http://ja.wikipedia.org/wiki/%E8%87%AA%E7%84%B6%E6%95%B0

>>71
改行は\r\nになっていて
ta2の場合、\r＝改行、\n＝半角スペースになるようです。なぜか知らん。
ta3の場合は、valueプロパティ経由だとそこら辺は空気読んでくれるんじゃね。

>>69
ご回答ありがとうございます。やはりそうなるんですかね。
>>72
お時間ありがとうございます。そうなんです。深く分かって
ると余計に混乱してしまうということありますよね。

あるフレームにページが読み込み完了したことを、他のフレームから知るには
どうしたらいいですか？

>>73
そうなってるみたいですね
謎ですね

>>67
adobe関連スレで聞いたら、JavaScriptの質問はここで聞けと言われたもので・・・。
なんとか教えてもらえんでしょうか？┏oﾍﾟｺｯ

web製作上のJavaScriptでアクロバットのDOM（？）を知ってる奴を期待されても……。
buttonGetIconもbuttonSetIconもないしなあ

webでのIM制御であっても、IEのCSS独自拡張弄るくらいしか思いつかないな。
value要素みたいなのが弄れるなら、ベタに文字置き換える関数でも挟んだらいいんじゃね？

sage

いくつかの iframe を　切り替えて表示するようにしています。

iframe のページを切り替えたときに、
切り替える前のページのfocus情報が残ったままになってしまいます。

focus を　リセットする方法はありませんでしょうか？

focusってOS上に1つという概念じゃなかったっけ。

もしかしてmouseoverとかで自分で管理してるの？
その場合は、documentのblurイベントとか拾わないといけないんじゃないかなぁ。

>>66
2chのどこにも該当するスレなさそうだね。
ブラウザ以外のJavaScript用のスレ立てる手もあるが、人こないだろうなぁｗ

というか今時ウェブページでJSをほとんど使わないだろ。
終わってんだよ。
気付けアホ、何回言わせんだ。
AS使え。
JSの使いどころはWindowsのいわゆるバッチ処理か、
XULなんちゃらに限られている。
もしかしたらPDFとかAdobe製品で使っても便利だろう。

元気そうでなにより

>>83
JSってＪａｖａScriptのことをいってる？
だとしたらアホはお前だ。

>>85
いや。JS終わった君が言ってるのはいつもJSであってJavaScriptではない。
これ重要。もしこの後言い方を変えたらそいつはニセ者。

>>86
だから君のいうJSとはなんぞや？

>>38=>>83かな?
>>52とか、このスレには真性っぽいのが現れるから面白いね。

>>87
だから君のいうJSとはなんぞや？ だって？
そんなの知るか。JSなんて言語はどこにもないだろ。
何の意味でJSといっているかなんて本人にも分からんのじゃないかな。
Javaだのジャバだのという白痴と同類だろ。

WEB制作板でJSっつったら、JavaScriptにきまってんだろ^^;
ttp://ja.wikipedia.org/wiki/Js

>>81

レスありがとうございます。

iframe の切り替えというのは、 複数のiframe を用意しておき
display パラメーターで　表示非表示を変えている状態です。

>>91
まず、iframeに残ってるのは、focusじゃなくて、active要素だと思ってる。
active要素はフレーム単位で残るから。
何を見て「focus情報が残ったまま」だと判断したのか知りたいんだけど、
どちらにしてもdisplayを切り替えるタイミングで、
該当のiframeのcontentWindow(windowオブジェクト)にくっつけたメソッドを呼べば解決出来ると思うよ。

>>90
ジャック・スパロウ

>>まず、iframeに残ってるのは、focusじゃなくて、active要素だと思ってる。
active要素はフレーム単位で残るから。

iframe を　非表示にしても、focusを当てた位置でカーソルが点滅してい
います。


>>該当のiframeのcontentWindow(windowオブジェクト)にくっつけたメソッドを呼べば解決出来ると思うよ。
すみません、　くっつけたメソッドって何でしょうか？

話がかみ合ってないような気が

フォームなんかのカーソルなら focus() でなんとかなるような

でも個人的にフォーカスって聞くと
キーボードオペレーションの時にアクティブになる項目の方が
先に頭に浮かぶな

iframe の表示を切り替えたときに window.focus(); を呼ぶようにしたら　カーソルの
点滅が表示されなくなりました。

>>96
うぃー。よかったな。
今度から必要最低限のソースの提示とターゲットブラウザの指定をよろしく。

相談にのっていただきましてありがとうございました。

関数内で次のように書きました。
if(aa >= 0){
// 入力中以外はキーを受け付けない
evt.returnValue = false;
evt.keyCode = 0;
return;
}
evtは引数でeventオブジェクトを渡されています。

しかし、evt.keyCode = 0;でアクセスが拒否されました。
というエラーが出てしまいます（毎回けでは無く突然突発
的に出ます）。
どうやったらエラーがでないようにできるでしょう
XP SP2でIE6です。

>>99
try { ... } catch(e) { }
で囲んでおけばいいんじゃないの？

>>99
イベントはkeydownとか？
こっちの認識では、returnValue=falseだけで十分だと思ってる。
「突然突発的」ってのがなんとか理由突き止めたいが。

あと、eventオブジェクトのクローン作るとかどう？
var ret = {};
for(var p in evt){ ret[p] = evt[p]; }

http://msdn.microsoft.com/en-us/library/ms536390(VS.85).aspx
http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-DocumentEvent
http://www.w3.org/TR/DOM-Level-3-Events/events.html#Events-DocumentEvent

HTML(HTA)埋め込みWMP7+(clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6)で
ShoutcastのAAC+のストリーミング再生は可能でしょうか？
例：　http://www.shoutcast.com/sbin/shoutcast-playlist.pls?rn=9631&file=filename.pls

MP3は問題ありません。

↓のプラグインを入れてローカルのWMPではAAC+ストリーミングを再生できる状態です。
http://www.orban.com/plugin/

ただローカルプレーヤでもCtrl-UでURLで開こうとするとコーデックエラーが出ますが
Ctrl-Oでファイルとして開くと再生できます。
WMP10、WMP11で同様の挙動です。

Ctrl-UとCtrl-Oで内部の再生処理が違うためだとは思いますが、
埋め込みプレーヤでは
MP.URL = url;
MP.controls.play();
という処理で再生しているのでURLとして開いている状態なのかもしれません。
埋め込みプレーヤでCtrl-Oと同じ開き方ができれば
なんとかなりそうな気がしますが、そんな方法はありますか？

WSH(HTA)スレは別にあるんだけど。テンプレ見てね。

return a とreturn(a)はちがいますか？
私は非常に初心者です。71026

>>105
まったく同じ。「return 式;」が文の文法で、式は丸かっこで
囲んでも囲まなくても結果は同じだから。

JavaScriptって、セミコロンが無くても
改行すると式として成り立っちゃうから厄介だよな
return a
と
return
a
じゃ違うもんな

>>106-107さん
とても示唆に富んだお答えありがとうございます。同じなんですか。
書いた後に思い出したのですがなんでも後の方のは評価がどうしたと
か難しいことを言ってました。自分でも実験したんですがやってみた
結果は同じだったので、この２つは結局同じなのかな、と思った次第
です。分かったようなことを言っていますが私は非常に初心者です。

で？

下一桁の前に.を入れることはできるでしょうか？
例）
534  = 53.4
64   = 6.4
8643 = 864.3

MAS JScript> Echo(String(534).replace(/([0-9])$/, ".$1"))
53.4
MAS JScript> Echo(String(64).replace(/([0-9])$/, ".$1"))
6.4
MAS JScript> Echo(String(8643).replace(/([0-9])$/, ".$1"))
864.3

js> String.replace(534, /(?=[0-9]$)/, '.')
53.4
js> String.replace(64, /(?=[0-9]$)/, '.')
6.4
js> String.replace(8643, /(?=[0-9]$)/, '.')
864.3

setAttributeはIEで保証されていますか？使って大丈夫でしょうか？

>>111
String.replaceのようにstatic関数として使えるとは知らんかったね。
とりあえず現状で動くのはGeckoだけ?か。

>>112
保証されているとは言い難いね。使わない方が無難。

>>112
W3C-DOMのElement#setAttributeとは別物で互換性がないことを踏まえた上で
自分で判断しろ。

>>113
JavaScript 1.6

String.prototype.replaceならECMAとしては保証されてなかったか？

>>110,111
num/10
ではなぜダメなの？

>>63の中のaddEventListenerのやつを解決したい。
DOMFocusIn、Out、Activate以外にHTMLで使えないイベントは本当に無いの？
実は他にもいくつかあるんじゃないの？

>>117
割り算を思いつくなんて天才すぐる。いや、まじで。

>>117
10,200,3000とか。

例を3つも挙げてるのに、そこの仕様はあいまいだよな。

>>120
あぁ！なるほど！
じゃあ
(a/10) + ((a % 10) ? '' : '.0')
とかかって思ったけど明らかに>>111の方が綺麗だな
こういうのが綺麗に出てこないからコード量が増えるんだな

>>111ってMS臭い書き方だよね。美しくない。Stringを静的にする必要など
ないしオブジェクト指向に逆行している希ガス。1.6はよいのもあるがこれ
は頂けないね。

ジェネリクスでググレカス

>>124
安い医薬品と出ました。それが何か？

web制作板のみなさんお世話になります。
中国の災害が予言されていたということで、大変興味を持ちました。
マスコットが不吉な揃い方をしているとかも言われていますが、特に日付に
関しては、チベット暴動と四川大地震については、発生した日付の１０の位
と１の位と月の数字を足すとそれぞれ８になることから中国人の間では不安
が拡大して「五輪開幕日の８月８日が災いの根源」との説があるとのことで
す。この日付の関係式をjavascriptの日付関数で解けますか？javascriptの
ことは少し分かる程度です。よろしくお願いします。

結局は何がしたいの？

リラックスしたい

>>123
モジラのトップがOCamlとPythonに傾倒しているからこうなる。
というかおぶじぇくとしこうにぎゃっこうとか、1.6から数年後に拒絶反応とかｗｗｗ初心者ならブログでも書いとけよｗｗｗ

2進数　1111111111111111111111111111111 （31桁の2進数）
を10進数に変換するプログラムを書き、桁とその桁の値に該当
する10進数（例えば、4桁目は2の3乗で8である）および変換された
10進数を表にして出力せよ。

130の続きです。
書き出しからまったくわかりません；；
ヒントだけでも教えてください。
javascriptでお願いします。

alert(parseInt("1111111111111111111111111111111", 2));

後半
＞該当する10進数および変換された10進数

の意味が分からん

>>132
つまり各桁のべき乗を掛けて表わした数(つまり10進数)ってことだろ。
くだらん。

さすがに学校の課題かバイトの採用試験の答えを求めるような質問はNGだろ。

>>132
吹いたｗ
確かにそうだけど
出題の意図としては違うんだろうな

>>130

var a="1111111111111111111111111111111";
var b=0;
var c= new Arry();
for(var i=0;i<a.length;i++){
c[i]= Math.pow(2, i);
if(a.charAt(a.length-i) == "1"){ b+= Math.pow(2, i);}
}

初心者の俺はこれで限界。参考にならんと思うけどがんばって

>>136
>>132

>>136
みたところそのcは何なの？ま、でなくても動きそうもないコードだなｗ

キー操作の停止について、
下記のソースはfirefoxでは動かなく出来るのですが、
IEでは無視されてしまいます。
IEでも同じようにキー入力を禁止するにはどうすれば良いでしょうか？

document.onkeypress = enter;
function enter()
{
return false;
}

やめてください

onkeydownもやればOKでした。
自己解決すみません。

ついでにonmouseoverもやっとけ。
敵を逃がすな、onblurで身動きできなくしてしまえ。

やめてください

いいじゃないか。な、オレのこと、好きなんだろ？

いえ、これと言って好きではありません。

妹が大事なら黙って言う事をきけ。

JavaScriptでURLからGETメソッドでパラメータを渡したいのですが可能ですか？

例えばtest.jsというファイルの中に、
function funcTest(a, b) {
c = a + b;
document.write(c);
}
という関数があるとします。
このaとbの値をURLからGETで受け渡して結果cを表示するようなことをしたいのですが、
JavaScript単体で可能でしたらどのようにやればよいかアドバイスお願いします。
それともhtmlから呼び出さないと無理でしょうか？

>>147
location.queryにGETのパラメータ入ってるから。
「HTMLから呼び出す」というのが何を意味しているのか不明だけど。
ついでにdocument.write()については FAQ>>3 のQ4/A4を読んでおいた
方が幸せになれるかも知れない。

>>148
少し手惑いましたが上手くいきました。
location.searchなんて便利なものがあったんですね。
matchと組み合わせて値の検査もうまくできました。
document.writeの件は了解です。頭に入れときたいと思います。
解決しましたどうもありがとうございました。

ごめん、ついlocation.queryとか打ってしまうんだよなー。
まあ解決したんならよかったけどー。

nameが"一定のルール＋変数"であるラジオボタンが複数あります。
そして、このnameと同じIDのDIVがあります。
onlord時に、ラジオボタンのvalueで出し分けしたいのですが、どうすれば良いでしょうか？

Javascriptは適当ですが、こんな事をしたいわけです…。
("abc"が一定のルールです)

-HTML-
<input type="radio" name="abc_123" value="0" checked>ボタン1
<input type="radio" name="abc_123" value="1">ボタン2
<div id="abc_123">hogehoge</div>
<input type="radio" name="abc_456" value="0">ボタン3
<input type="radio" name="abc_456" value="1" checked>ボタン4
<div id="abc_456">hogehoge</div>

-JavaScript(jQuery)-
$(function(){
var i = $("input[@type='radio']:checked").val();
if(i == 0){
hide();
}elseif(i == 1){
show();
}
});

starts-with(@id, 'abc')

>>152
ありがとうございます。
しかし、検索しても「XPath」というものしか出てきません。
個人的にはmatchあたりを使用して判断するのかと思っていましたが、もうちょっとヒントをいただけないでしょうか？

めんどうだから<select>にしてはいかがか

>>151
スクリプト、テキトーすぎでしょｗｗ
意外と難しいな

<script type="application/javascript; version=1.7">
[e for (e in function (x) {
    while (true) {
        let e = x.iterateNext();
        if (e) yield e; else throw StopIteration;
    }
}(document.evaluate("descendant::input[@type='radio' and @name and starts-with(@name, 'abc_')]",
                    document.body,
                    document.createNSResolver(document.documentElement),
                    5, null))) if (e.checked)
 ].forEach(function (e) {
     document.getElementById(e.name).style.setProperty('display', e.value == '1' ? 'block' : 'none', '');
 });
</script>

これは凄い

>>151
こんな感じ？
$(function(){
  var name_prefix = "abc_";
  $("input[type=radio][name^="+name_prefix+"]:checked").each(function(){
    var self = $(this), name = self.attr("name");
    $("#"+name).css("display", (self.val() == 0 ? "none" : "display"));
  });
});

>>158
display値間違ってる
> $("#"+name).css("display", (self.val() == 0 ? "none" : "display"));
$("#"+name).css("display", (self.val() == 0 ? "none" : "block"));

>>158 >>156
おまえらもまだまだだなぁ。( ´ー`)y--┛~~
formタグ(id:f1)で囲む。ラジオボタンはもちろん漢の2択な。

var list = ["abc_123", "abc_456"];
var divs = document.getElementsByTagName("div");
for(var i = 0; i < list.length; i++){
var colum = list[i];
if(document.forms["f1"].elements[colum][0].checked){
for(var j = 0; j<divs.length; j++){
if(divs[j].id == colum){
divs[j].style.display = "none";
}}}}}

>>160
変数って言ってるんだからそれはダメでしょｗｗ

jQuery使ってるならこんな感じかな

$(function(){
　　$("input[@type='radio']:checked").each(function() {
　　　　var id = '#' + this.name;
　　　　(this.value == 1) ? $(id).show() : $(id).hide();
　　});
});

と、書いた後に>>158で既に出てたことに気づいた。

>>154-162
皆様、本当にありがとうございました。
大変参考になりました。
安易なコピペをせず、1つ1つ理解しながら使用したいと思います。
本当にありがとうございました。

フレームを使って画面を左右2つに分割しているんですが、
左側フレームから右側フレームの読み込みが完了した事を知るためには
どのようにすればよろしいでしょうか？

bodyの末尾にalert('終わったよ')でいいんじゃない？

>>164
右フレームの「HTMLが」読み終わったことを知る？それとも
中に含まれている「画像なども」全部読み終わったことを知る？
前者なら右フレームのbody末尾に
<script type="text/javascript">finished = true;</scirpt>
とか入れておいて左からは
if(parent.frames.右フレーム名.finished) ...
とかで判定すればいいんじゃないかなー。試してないけど。

>>166
「右フレームの「HTMLが」読み終わったことを知る」の方になります。
166さんのコードで試してみたら判定できました。
違うフレームの変数へのアクセスの仕方を知らなかったのでとても参考になりました。

>>165
>>166
body末尾に判定用の何かを用意してあげなくちゃ実現できないのですね。
読み込み完了を知る術がjavascriptに用意されているわけじゃないのですね。
勉強になりました、ありがとうございます。

　テキストエリアのフォーカスについて
　おうかがいしたいことがありやってまいりました。
　よろしくお願いします。

　1. ページ上部にフォーカスのあたったテキストエリアがあります(このページをAとします)。
　2. このAページは縦に長いため、画面右にはスクロールバーが表示されています。
　3. Aページ全体ではありますがページ下部の方にも、別ページへリンクしている部分いくつかあります。
　4. その別ページへのリンクは同じウィンドウで行われ、新しいウィンドウで表示はさせません。
　5. このAページの一番下にあるリンクから、別ページ(これをBとします)を開きます。
　6. A･Bは同じウィンドウなので、
　　 ブラウザの「戻る」または右クリック「前に戻る」でBからAに戻るとします。
　7. 通常ならば、Aに戻ると一番下にあったリンクからBへ移動したので、
　　 そのリンクのあったページ下部が画面に表示されると思いますが、
　　 Aページ上部にあるテキストボックスにフォーカスをあてているため、
　　 そのテキストボックスのあるページ上部が画面に表示されます。

　
　私としては上の例BからAに戻ったときに、
　移動する前のままページ下部が表示されてほしいのです。
　そこでお聞きしたいのですが、
　ページ上部のテキストボックスにフォーカスをあてたままで、
　かつ、BからAに戻ったときに移動前のページ下部を表示させる、
　ということは可能でしょうか。
　もちろん、Aページ中央からCページに移った場合、
　CからAに戻るとすると、移動前の中央ページのままであることはお分かりかと思います。

　お知恵、ご意見お聞かせください。　

>>168
再現しないなあ。というか、下部のリンクをクリックしたときに
クリックしたことによってそのリンクにフォーカスが当たり
テキストエリアのフォーカスが外れるような気がするんだけど、
何か勘違いしている？

>>167
IE以外の主要ブラウザには普通にある
ttp://d.hatena.ne.jp/flick-flick/20080409

>>167
IE以外の主要ブラウザには普通にある
ttp://d.hatena.ne.jp/flick-flick/20080409

ミスったすまん

>>170-172
10年前からIEにあったreadyStateと、9年前からIEのHTCにあったondocumentreadyなどを参考に他のベンダが真似ただけ。

IE6で、下記の設定すると、
別のウィンドウがアクティブ時に
スクリプトを記入したブラウザにマウスを乗せると、
ブラウザのタクスバーが点滅するんですが、
させないようにする何か良い方法ありませんか？

<body onMouseOver="window.focus();">

firefoxでは大丈夫みたいです。

>>174
HKEY_CURRENT_USER\Control Panel\Desktop\ForegroundLockTimeout=0

>>175
すみませんありがとうございます。
確認してみます。助かりました。

<script type="text/javascript">
var TEST = function(){
this.data = "asdf";
this.a = function(){
console.log(this.data)
}
}
var test = new TEST();
test.a();
setInterval(test.a,3000);
</script>

こういうコードを書いてFirefox2+firebugで実効してみたところ
asdf
undefined
undefined
undefined
以下，ずっとundefinedと出力されます．

setIntervalで呼び出す場合，this.dataでクラスのプロパティを参照出来ないみたいなんですが，
何か方法はないのでしょうか？よろしくお願いします．

FAQ嫁としか言いようがない

質問です。
生成した要素にそれぞれ
<div id="t1" onclick="test(1)">
<div id="t2" onclick="test(2)">
<div id="t3" onclick="test(3)">
...
とHTMLで書いた時と同じに動くように
繰り返し処理でイベントを追加していきたいのですが、
どうしてもうまくいきません。

obj.setAttribute('onclick', 'test(' + i + ');');
なら期待通りの動作が可能ですが、これではIEで動きませんし、
obj.addEventListener('click', function (event) {test(i);}, false);
などでは、それぞれのイベントの引数が同じになって？しまいます。

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

>>178

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

>>179
let

>>179
バブルするイベントタイプには、アホ外人が俗に言うイベントデリゲーションを使え。なんべん言わせるんだ。

>>179
いわゆるイベントハンドラーの引数は、イベントオブジェクト1つにするよう決めておけ。欲しい値はイベントオブジェクトに問え。なんべん言わせるんだ。

>179です。
IE用とそれ以外用の処理を振り分ける形で解決しました。
- IE用 -
obj.setAttribute('onclick', new Function('test(' + i + ');'));
- その他用 -
obj.setAttribute('onclick', 'test(' + i + ');');

>>181
let・・ううむ。ブロックやらスコープやら意味の分からない言葉が。
プログラミング経験のない自分には理解が難しそうです。

>>182
イベントデリゲーション・・・親要素でイベントを監視する？
すみません、何度言われても基礎がないので理解できませんでした。
具体例を見比べて感覚的に理解するのがやっとのレベルです。

>>183
イベントオブジェクトから値を得る・・・。
そのイベントオブジェクトとやらが、なぜこちらの望む値を知っているのでしょうか・・・？

質問したものの、自分の知識不足で回答も理解できなくて申し訳ありません。
答えて下さった皆さんに感謝します。本当にありがとうございました。

FAQ から setAttribute に関する Q&A が欠落してる ?

>>184
振り分けは美しくないと思う.
なぜって UA の判定によって無駄に長くなるし,
判定方法によっては誤動作発生の可能性が広がる.
ではどうするか ?

この場合は...
obj.onclick=function(){test(i);}
てな感じで解決する.
お試しあれ.

すみません誰か教えてください

フィールドに数値を入力すると
自動的にカンマ編集してくれるJavascriptをOnKetupに設定しました。
ですが、”カンマ編集なし”フィールドにフォーカスがある状態でSHIFT+TABキーを押したとき
”カンマ編集つき”のフィールドにフォーカスが移っているようなのですが
カーソルが表示されていません。
Onkeyupの処理の後にthis.focus();をいれても同様です。

フォーカス移動後、カーソルが正しく表示されるにはどうしたらいいのでしょうか。
============================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>634 - JavaScript - 数値のカンマ編集を行う</title>

<script language="Javascript">
<!--
function addComma(value){var i;value=value.split(",").join("");
for(i = 0; i < value.length/3; i++){ value = value.replace(/^([+-]?\d+)(\d\d\d)/,"$1,$2");}
return value;}
//-->
</script>
</head>
<body>
カンマ付き<input type="text" name="aaa" onkeyup="this.value=addComma(this.value)">
カンマなし<input type="text" name="bbb">
</body>
</html>

ファイル選択の際に拡張子xxxのみを選択させるようなフィルタをかけたいのですが、どのように記述すると良いでしょうか？
現在は拡張子xxxファイル以外を選択し実行すると「xxxファイルを指定してください」というメッセージを出しているのですが
やはり選択時にxxxファイル以外を選択できないようにしたいです　いい方法ありませんか？
-------------------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="JavaScript">
<!--
function subMit()
{
var name = document.xxxUploadForm.xxxFile.value;
var fileTypes = new Array();
fileTypes = name.split(".");
var fileType = fileTypes[fileTypes.length-1].toLowerCase();
if (fileType != "xxx") {
alert('xxxファイルを指定してくだい');
return false;
}
return true;
}
//-->
</script>
</head>
<body>
<form name="xxxUploadForm" method="post" action="upload.do" enctype="multipart/form-data">
<fieldset>
<legend>xxxファイルの転送</legend>
<input type="file" name="xxxFile"><br>
<input type="submit" value="アップロード" onClick="return subMit();">
</fieldset>
</form></body></html>

ブラウザが対応しているかどうか知らんが
一応input要素にはaccept属性というものがある

>>188　それは試しましたがIE、Firefoxでもダメでした
やはりしょうがないのですかね？
こういう比較的単純なものはすぐにできそうだと思ったのですが

input type=fileはセキュリティ上の問題が起きやすいので
ガチガチに制約されていてどうにもならないことが多い。

>>187
Flashを使うしかない

function sendVideoLink(videoId){
var url = '/contact/sendlink?obj=v&id='+videoId;
checkLogin(MM_openBrWindow,url,'','scrollbars=yes,width=695,height=490,resizable=yes');
}

<a charset="400-002-2-4"
href="javascript:sendVideoLink('XMjc3MDQ1MzI=','0200640400482D864C5AE000AEF6647CED502D-7AA2-9D39-9256-82A8FD7CC8D9');">??</a>

この場合sendVideoLinkには引数２つが送られるんですよね？
それともvdeoIdというのは配列変数としてみなされて２つともそこに入るんですか？
でも
var url = '/contact/sendlink?obj=v&id='+videoId;
この使い方だとどうもスカラ変数っぽいですし。

よろしくお願いします。

HTMLとかHTTPとかURIの勉強をするのが先だろ。

どなたもいませんか？

華麗にスルーされてると思わないとね。あまりに厨房だから
皆引いてるんでしょ。

>>195
具体的にどこが失礼な質問なのでしょうか？

>>192
配列では無く、videoIdには一番目の引数(XMjc3MDQ1MzI=)だけが渡される。

>>196
このスレにはテンプレ脳な暇潰しのカスが常駐しているようなのでスルーでおｋ。

>>192
JavaScriptに慣れるとわかるけど、関数の引数の数は呼び出す側の数と一致しなくても良くて、
関数の方が少ないなら呼び出した引数の先頭から順に入る。

なので、この場合は>>197が言ってる通り2番目の引数は無視される。
sendVideoLink(videoId1, videoId2){}
とかにして2つとも受け取るようにするか、
呼び出す側をsendVideoLink(['XMjc3MDQ1MzI=','0200640400482D864C5AE000AEF6647CED502D-7AA2-9D39-9256-82A8FD7CC8D9'])
って配列にして、関数側でvideoId[0],videoId[1]で使い分けるか、
あとは関数側でargumentsって配列に引数が全て入ってるからそれを使うか。

ということで、テンプレ見て勉強するといいと思うよ

>>197
ありがとうございます！
やはり配列ってことにならないんですね。
sendVideoLink関数の方でargumentsを使えば一応は２個目の引数も受け取れるようですね。ＩＥ７動作。

でもどうもsendVideoLink関数でarguments関数を使ってないんですよね。
それだと何の為の２つの引数なのかまったくわかりません。
何かの裏技なのでしょうか。

もしくはsendVideoLink関数内で別関数を呼んで、
そっちの別関数からsendVideoLink.argumentsをいじることができるんでしょうか？

function gest(){ return(goueki.arguments[2]) }
function goukei(a) { return(gest()) }
document.write(goukei(1,2,3,4,5));

これＩＥ７で試しても何も表示されないんです。なのでやはり別関数からいじる事はできないんですよね？
一体この作者はどういう意図で２つ渡してるのそれを使ってないのでしょうか？
いや、やはりどうにかして使ってると思うのですが・・・・

>>198
ありがとうございます！
すいません>>192はyoukuのソースなんです。
一体どうやってフラッシュを表示してるのかを調べてるんです。
URLひとつで実際には４つを順々に表示してるんです。
いや、４つではなくて、動画によって数は違うんですけどね。

で、youkuがわざわざ引数２つを渡してるのに２個目は実際には何にも使わないなんてことはないはずだけど、
使ってる形跡を見つけられないんですよ。

ks

>>190
何か別の方法でファイルを選択できますか？

>>191
例えばどのようにFlashを使うのでしょう？

>>190
type="file" の時はおまえみたいな非常に浅い理解で具体的に何が出来て何が出来ないかを示せない馬鹿が必ず出てきて鬱陶しいよね。

>>199
>goueki

正直203のが鬱陶しいけどな

複数のブログやサイトのRSSを用いて↓のサイトのように、
ブログタイトル、記事タイトル、更新日を表示させる方法をお願いします。
http://www.webmemo.jp/star/update.php

>>206
できない。JavaScriptは元鯖からのデータしか読めないから。
HTAとかならできるのかも知れないがスレ違い。

>>206
つ「Google AJAX Feed API」
ttp://code.google.com/apis/ajaxfeeds/

日本語の解説・サンプルもいっぱい転がってるから、必要なら
「rss」あたりの単語と組み合わせてググってね。

>>207
↑はJavaScript以外で拾ってくるけど処理はJavaScript側だし、
スレ違いってわけでもないよな。

なるほどー、ライブラリ/フレームワークをどうするんだという
話が前にあったけど、さまざまなAPIをどうするんだという話も
あるわけね。

APIの使い方なんて簡単だろ。自分のコードを晒してする質問と何ら変わらん。

>>169

　亀レスでもうしわけなし。私が勘違いしてるのか･･･。たとえば単純に書くと、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>たとえば</title>
</head>
<body onLoad="document.form.kensaku.focus()">
<form action="#" name="form">
<p>なんか入力：<input type="password" name="kensaku" size="18"></p>
</form>
<hr>
1: 【お知らせ】２ちゃんねるサーバ停止のお知らせ【台数半分にすっぞ】 (1)　2: 【倒産】VS（ベンチャーソリューション）を語る (49)
・・・・・（省略）・・・・・・・
99: アクセスしてきた奴の自鯖を晒すスレ (41)　100: 壁紙のダウンロード方法って・・・？ (246)
<hr>
<a href="http://www.2ch.net/">２ちゃんねる</a>
</body>
</html>
　
　↑一番上、入力欄下のデータ部に（省略）とありますが、スクロールバーが出るくらいデータが入っているとします。
　ページ下部のリンクで別ページを開いたのち、「戻る」で、この「たとえば」ページに戻ると、
　画面は、ページ上部フォーカスのあたっている入力欄のところが表示されている(はず)。
　そうではなく、戻ったらページ下部のリンクがあった画面が表示されてほしい、のです。
　入力欄のフォーカス指定をはずすと、そうはなるのですが、
　フォーカスはあてたまま、戻るとリンクのあるページ下部が画面に表示される、
　という状態にしたいのです。

　これも説明になってないか･･･。もうしわけない。

>>211
それが分からないんだけど、「ページ下部のリンクで別ページを開く」
ってそのリンクをクリックすることじゃないの？クリックしたらその
リンクにフォーカスが行って入力欄のフォーカスは外れそうに思える
(自分で簡単なサンプルを作ってやってみるとそうなる)んだけど、
何が違うのかな？

>>212

＞「ページ下部のリンクで別ページを開く」ってそのリンクをクリックすることじゃないの？

　クリックします。
　そのあとがいまいちよくわからないのですが･･･。
　
　たとえば、「２ちゃんねる検索」も検索用テキストボックスにフォーカスがあたっていますよね。
　で、javascriptをキーワードに検索します。
　それで現時点で一番下にある「PHPとjavascriptの連携 (48) - WebProg板＠2ch」を
　「クリックして」「ページを開く」「PHPとjavascriptの連携」ページ確認、そして「戻る」をすると、
　検索結果のページトップというか、カーソルが点滅している検索用テキストボックスのところがトップになっている画面が表示される。
　そうではなくて、5秒前まで見てた「PHPとjavascriptの連携 (48) - WebProg板＠2ch」があったページ下部が表示されてよ、
　うまい指定の仕方で、常時、検索欄でカーソルはチカチカしてるけど、
　「戻る」したらページ移動前に見ていた画面が表示される、
　ということは可能か、というのが質問していることなんですが･･･。

＞クリックしたらその
＞リンクにフォーカスが行って入力欄のフォーカスは外れそうに思える
＞(自分で簡単なサンプルを作ってやってみるとそうなる)んだけど

　ここか。だれかここを理解できるよう橋渡ししてください･･･(涙)。

下のように、マウス座標をページに表示しようとしているのですが
IE6でうまくいきません。Firefoxだと出来たのですが、原因は何なのでしょうか？

<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript">
<!--
document.onmousemove = function(event) {
　$("result").innerHTML = "(x, y) = (" + Event.pointerX(event) + ", " + Event.pointerY(event) + ")";
}
// -->
</script>

>>214
FxとIEではイベントオブジェクトの渡され方が違う。とりあえず、
関数の入口(1行目と2行目の間)に
if(!event) event = window.event;
を入れてみたら動くかも知れない。prototype.js使ってないから
どうなるか分からないんだけどね。

Prototype.js関係ないだろ。環境にある識別子と同じ名前を引数に付けて乗っ取るから悪い。


ところで、1999年後半以降からの結果論だが、=関数名 は、NN3、=関数式 は、IE4, NN4 らのために一時凌ぎで実装されたもの。
マイナーどころでは、Opera6またはそれ以前は、この書き方しか受け付けないが、まあ、これはどうでもいい。
つまり、これが本当に有効だったのは、1998年前後の1年間ほどの期間に過ぎない。
1999年秋にはattachEvent()を使えたし、同じ頃にモジラもaddEventListener()が使い物になっていた。

本来なら、過去5年で、イベント処理に限っては、 =関数式(or 関数名) は消えたはずだとおもうが、
非イベントオブジェクト(MS用語)であって、副作用を伴う他のプロパティと同列の、onreadystatechangeとの混同が起きたと考えられる。
この混同のせいで、=関数式(or 関数名) という暫定処置が、何と、2008年の今でもバリバリ現役のままである。

匿名関数または関数本体以外からは参照不可能な名前付き関数式を使えば、
attachEvent(), addEventListener()されたハンドラをdetachEvent(), removeEventListener() することは出来ない。
そして、ハンドラにはイベントオブジェクトが引数1つだけ渡される。
(MSにとってこれはドキュメント化されていない実装に過ぎないが、変更されることはありえないのが現実というものだ。)

HTMLのイベント属性として書けば、...innerHTML = ...innerHTML.replace(...) みたいな豪快な書き換えでも残る場合が多い。
そして、eventという共通の名前でイベントオブジェクトを参照できる。

ところが、=関数式(or 関数名) はあっさりと消え去る。
それが便利なのか不便なのかは条件次第だが、
意図せず消してしまうトラブルを防ぐために、もうこれはなるべく使わない方が賢明だろう。

何度も言うが、まとめるとこうだ。こうしておけば、eventという名前の引数にしておいてトラブルことは無い。
*バブルするイベントタイプは、アホ外人が俗に言うイベントデリゲーション。attachEvent(), addEventListener() で待ち構える。
*バブルしないイベントタイプは、HTMLのイベント属性値として書く。ブサイクでもそうする。

user.js用にマウスストーカー作ってるんだが
アイコン程度じゃなくてリンク情報とかを表示するから結構サイズ大きめになり、サイズも毎回変わります
popup = document.createElement('div')
document.body.appendChild(popup);
てしてdocument.onmousemove時にwindow.event.clientYでマウスカーソルの位置を取得して動かしてるんですが
画面の端から飛び出してしまったり、Flashに重なって見えなくなってしまうことがあってなかなか見やすいマウスストーカーが出来ません
その辺ひとまとめにしたサンプル合ったら教えて下さい

パソコンをリカバリーした後、急にyoutubeやニコニコ動画(動画を見る時、画面だけ表示されない)が見れなくなってしまいました。
youtubeには『JavaScriptがオフになっているか、古いバージョンのAdobe Flash Player を使用しています。』
と表示されました。

『最新のFlash Playerを入手してください。』とあったんですが、たぶんこれは関係ないと思います。

JavaScriptをオンにする方法を教えて下さい。
回答宜しくお願いします。

ｽﾚ （´∀｀（　´∀｀） ﾁｶﾞｲ

変な user.js 入れてると見れなくなったりするけどな

イメージマップからform送信をしたいんですけど、
<form action="---" name="a">
<input name="b">
</form>
<img〜
<area href="javascript:document.a.b.value='x';document.a.submit();"〜>
とかで動きません。
どーすりゃいいっすか？

>>221
アンタが勝手にOKと思って省略したとこに失敗があるんだろ。
サンプル作ってみたが動くよ。貼って試せる例を作って貼れボケ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
function test() {
document.forms.f0.elements.t0.value = 'xx';
document.forms.f0.submit();
}
</script>
</head><body>
<h1>Test</h1>
<form name="f0" action="#"><div><input type="text" name="t0"></div></form>
<img src="t0.png" usemap="#m0"><map name="m0">
<area shape="rect" coords="10,10,40,40" href="javascript:test()">
</map></body></html>

ttp://d.hatena.ne.jp/Kishi/20071219/1198069464
マウス座標を取りたいのですが、
このスクリプトをjavascriptから実行するにはどうしたらよいでしょうか？

初歩的な質問ですみません、、

onClick="myChgPic('画像データ')"でサムネイルをクリックすると
別の場所で画像が大きく表示されるのをを作ったのですが
ワタシのＰＣでは動作したのですが
クリックしても無反応なＰＣがいくつかあります。

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

>>224
考えられる原因は数限りなくあるから、とりあえずサンプルコードを貼るといいと思うよ

>>225
レスありがとうございます。。
とりあえず要点だけまとめたサンプルコード張ります。

<SCRIPT language="JavaScript">
<!--
function myChgPic(myPicURL){
document.images["myBigImage"].src = myPicURL;
}
// -->
</SCRIPT>
<A href="javascript:void(0)" onClick="myChgPic('test.jpg')">test</A>

これぐらいで分かるものでしょうか・・？

>>226
document.images["myBigImage"]が何意味してるのかわからないよ
と思ったら
http://www.red.oit-net.jp/tatsuya/java/image3.htm
これ参考にしたのか。
この通りなら動くと思うけど、クリックしても無反応なPCってOSとブラウザ何？
とりあえず、myChgPicの中にalert(document.images["myBigImage"])とかを追加して
ちゃんと取れてるか確認してみたら？

あと、このサイトの書き方が古いからあんまり参考にしない方が良いと思う

>>223
そのページに全部書いてあると思うが。何が分からないんだか
こっちに分からないんで説明のしようがないという感じ。

>>227
一応["myBigImage"]は認識されているみたいです。
実は動作しないＰＣというのが手元にないもので
ちょっとＯＳやブラウザを確認してきます。
どうもありがとうござました！

そのページでは
<a href="javascript:void(0);" onclick="pos(event)">マウス座標を得る</a>
からpos(event)を呼んでますが、そうではなく、他のjs
たとえばfunction hoge(){.....} からpos(event);を呼びたい場合は
hogeのなかになんと書けばよいでしょうか？ ということです。

>>230
クリックも何もしない時はマウスの座標取れないから。

ニコニコのwrapperをボタンで切り替えようとして、以下のようなnicocache_nl用のscriptを作ったのですが、
onのaddVariable("v",getQueryParamValue("v"))のところで、swfobject.jsに書いてあったように引数を指定したのに動きませんでした。
//offの様に、動画のid直打ちだと動きます。何が悪いんでしょうが？

var load_btn=document.createElement('input');
document.body.appendChild(load_btn);
load_btn.setAttribute('id','reload_btn');
load_btn.setAttribute('type','button');
load_btn.setAttribute('value','Wrapper on/off');
load_btn.addEventListener("click",flv_reload,false);

flvs="0";
function flv_reload(){
if(flvs=="0"){
//on
var so=new SWFObject("/swf/nicoplayer.swf?ts=1212800400","flvplayer","952","540","9","#FFFFFF");
so.addVariable("v",getQueryParamValue("v"));
so.write("flvplayer_container");　flvs="1";}
//off
else{
var so=new SWFObject("flvplayer_wrapper.swf?ts=1212800400","flvplayer","952","540","9","#FFFFFF");
so.addVariable("v", "sm1672731");
so.write("flvplayer_container"); flvs="0";}}

>>230
マウス座標の取得ってのはイベントが起きたときのマウス座標だから
何らかのイベントから呼び出すんだよ

>>232
getQueryParamValue("v")の結果をalert()で表示させてみれば。

>>232
url=window.location.href;
url=url.replace(/.+\//,"");

so.addVariable("v",url);

こんな感じで解決しました。

>>235
>>234です。

前evalでの議論があったみたいだけど、
AjaxのJSON取得して、eval展開しまくってるのはダメなことなの？

中身が保証されてればいいけど

iframe で　呼び出したソース（子供）の中から、iframeを呼んているソース（大人）の
メソッドを呼びたいのですが、どのように記述すればよいのでしょうか？

window.parent.piyo()

>>238
そういう痛い自演似非脆弱性はアホ外人のネタ切れブログで勝手に騒がせとけ。

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

煽りぽいのは頂けないね。両説それなりに論拠あるんだから
ちゃんと自分の主張を述べないと(それとも述べられないかね :-)
まあこんなとこでやるより「JSON eval セキュリティ」でぐぐれば十分か。

無駄なレスがいちばんうざい

bookmarkletでキーイベント発生させるのって無理なんでしょうか？

<body onkeydown="nullpo(event.keyCode);">なページに
>> document.onkeydown(0)
とかしてみたけど
TypeError: document.onkeydown is not a function
とか怒られてしまいます。

そもそもbookmarklet実行時にdocumentスコープがあるとは思えないんだけど

>>245
関数でまるごと取り出すのは無理
属性値の中に書かれているものだけならgetAttributeしてeval
ただしthisが違うオブジェクトを指すのに注意
だが広く公開するブックマークレットならevalはやめとけよ

関数とオブジェクトについて質問

var b = {}
b.prop = 'property';
と言う感じにプロパティを付けるのは
b = { prop : 'property' }
と一緒だから、ハッシュということですんなり理解できるのですけど、

var a = function(){}
a.prop = 'property';
これってどうなってると考えれば良いですか？
a.prototype = {}
が指定できるからプロパティを付けることは問題ないのかなと思うのだけど、
この場合のaはfunctionだから違和感がある

for (var key in a) {
　　alert(key); // prop, prototype
}

ってやると確かにaはオブジェクトっぽいけど、理解ができない

>>244
「JSON eval セキュリティ」でぐぐってみるというのは
質問者にとって重要な情報。無駄ではない。
アンタにとっては見たくなかった情報だからそりゃうざいだろうさ(ｗ

>>248
関数も関数オブジェクトというオブジェクトだから別にいいんでは。

3.0.1.2.3みたいな数値にドットが混ざってる文字列を、
3.0123のように最初のドットはつけたままで残りを取り払い、
float型に変えたいのですがどのように変えればいいですか？
ドットを取り除いてint型にすることはできるのですが、
最初のドットのみを残すといった器用なことができません。
どなたかお助け下さい。

>>251
これでどうだ！
var str = '3.0.1.2.3'
parseFloat(str.replace(/([0-9]*)\.(.*)/,'$1_$2').replace(/\./g,'').replace('_','.')

誰かもっとうまいやり方を教えてください。

>>252
なるほど！一度他の文字に置き換えて置くのですね。
とても参考になりました。どうもありがとうございます。

ajax(jquery)とGoogleMapでの質問もこちらでよいでしょうか？

>>252
置き換えはさすがにどうかと思うなあ。
うまいかどうか知らんが

alert( '3.0.1.2.3'.replace(/^(.*?\.)|\.(?=\d+)/g,"$1") );

>>251
var c = 0;
var x = parseFloat(str.replace(/./g, function(){return (++c>1)?'':'.';}));
なんてどうかね。

皆さん本当にどうもありがとうございます。
正規表現のレベルが高すぎて正直自分には理解できませんが、
>>255さんのがシンプルそうなのでそれを使わせていただきたいと思います。

>>254
もう Google Maps は手軽に AS化できるだろ。これを機会にウェブでJSを使うのを止めてはいかがかな。終わってるから。残ったのはフラッシュだった。

またフラッシュバカか。何で粘着してるんだか。未練たらたらなのか

諸君、私は ECMAScript が好きだ

JavaScript が好きだ
ActionScript が好きだ
JScript が好きだ
ExtendScript が好きだ
QtScript が好きだ

Spidermonkey で
Tamarin で
Ajajaで
JavaScriptCore で
Rhino で
この地上に存在するありとあらゆる ECMAScript が大好きだ

綿密に繋ぎ合わされたプロトタイプチェーンが好きだ
プロトタイプが書き換えられ、オブジェクトが拡張される様など心がおどる
複雑に入り組んだ関数スコープが好きだ
関数が呼び出され、 Activation オブジェクトが鎖のように繋がり、樹木のように広がっていく様など胸がすくような気持ちだった
with ステートメントが好きだ
幾重にも繋がれたプロトタイプチェーンが、スコープチェーンに追加される様など感動すらおぼえる
with したオブジェクトのプロトタイプの関数が書き換えられた時などもうたまらない
スコープにプロパティを追加し、変数をすり替えるのは最高だ
複雑そうなオブジェクトを JSON で書き下した時など絶頂すら覚える

諸君　私は ECMAScript を　烈火の様な ECMAScript を望んでいる
諸君　私に付き従う ECMAScript 好きの諸君　君たちは一体何を望んでいる？
更なる ECMAScript を望むか　
糞の様な ECMAScript を望むか？
プロトタイプの限りを尽くし クラス世界のプレーンを殺す 嵐のような ECMAScript を望むか？

ECMAScript ！！　 ECMAScript ！！　 ECMAScript ！！

>>247
なんかいろいろ厄介そうっすね。
実はコナミコマンドを打つbookmarkletが作れないかと思ったんだけど、やめときます。
もしできるなら誰かお任せ。

>>261
それだけでいいなら
[1, 1, 3, 3, 0, 2, 0, 2, 29, 28].forEach(function(v){ nullpo(v + 37) })

>>260
スレチですけどこちらも支援してくださいな。

サーバーサイドJavaScript総合
http://pc11.2ch.net/test/read.cgi/php/1210836132/

質問です。
任意の個数の引数をとる関数に対して、
func(arg1, arg2, arg3);
と同様の結果を期待して
arg = [arg1, arg2, arg3];
func(arg);
としたらfunc側で引数1個と判断されて失敗しました。

argの要素数が可変として、配列argで
func(arg[0], arg[1], .. ,arg[arg.length-])
のようなことはできますか？

ttp://d.hatena.ne.jp/lurker/20060712/1152705353

>>264
callとかapplyとかについて勉強するといいよ。

>>266
func.apply(this, arg);
でできました。ありがとうございます。

javaスクリプトでパケットをループさせて送信
って可能ですか？

>>268
ブラウザ上のJavaScriptではできません。

画像をクリックして違う画像を表示するというものなのですが、
<SCRIPT language="JavaScript">
<!--
imgnum=1;
function changeImage(){
if(imgnum==1){
document.myimg.src="gazo/kabe2.gif";
imgnum=2;
}else if(imgnum==2){
document.myimg.src="gazo/kabe3.gif";
imgnum=1;
}
}
// -->
</SCRIPT>

<CENTER>
<A href="javascript:changeImage()"><IMG src="gazo/kabe1.gif" name="myimg" border=0></A>
</CENTER>

某サイトにありまして、この通りにしたらうまく行ったのですが、これを同じページに
２つ以上いれると画像がクリックしても変わらなくなってしまします。
どこを変えればよいでしょうか？

>>270
changeImage()という関数を2つ定義したら多重定義に
なるだろ。統一的に名前を変更するとかしたらどうかな。
まあがんばって。

>>271
すばやい解説ありがとうございます。
changeImage()を別の名前にしたらいいんですね。早速取り掛かってみます。

>>270
どのサイトを参考にしたのかわからないけど、情報古すぎるよ
少なくとも>>1ら辺にあるテンプレを探していけばサンプルはないにしても
もっと有力な情報得られるはず。

function changeImage(elem) {
　　// imgタグのsrcの数字部分を置換
　　elem.src = elem.src.replace(/([0-9])/, function(num){
　　　　// その数字部分に1足したものを3で割った余りを出す
　　　　return (parseInt(num) + 1) % 3; // 0 or 1 or 2
　　});
}

<img src="gazo/kabe0.gif" onclick="changeImage(this);">

こんな感じで変えれば無駄な変数とかもいらないかな。
aタグはなくして、画像をクリックしたらchangeImageに自分自身を渡す。
なので、他のimgタグがあっても平気。
画像の番号は便宜上0,1,2にした。
3で割った余りを画像の番号にしたため。

ということでがんばって。

>>273
アドバイスありがとうございます。さきほど２個といいましたが、
実は５０個くらいあるのですが、大丈夫でしょうか？

>>273
ど素人なので、へんなこと言ってたらすみません。
それだと、３つの画像を繰り返すことになりますよね。２つの画像を繰り返したいの
ですが。
それと、クリックしたら替わる画像を５０個くらい設置したいのですが、その
数字は大丈夫でしょうか？

>>273を見て応用できないならあきらめた方が早いよ。

質問させていただきます。

Ａという領域をクリックしたときにＢの領域で
複数の画像を使って(パラパラアニメのような)アニメーションをさせる。

ここまでは出来たのですが、
「クリックした時だけそのアニメーションを表示させる。」
「クリックするたびに何回でも表示する。」
っていうもののやり方がどうしても解りません・・

アニメーションが一回だけ回る関数を
クリック時に呼び出せばいいんじゃないの。
setIntervalでやってるなら、
その中にcount++なんかを入れといて、
if (count == 画像枚数)のときにclearIntervalする。

ん。

（;　＾ω＾）

onload 後に innerHTMLで、　iframe を　追加しているんですが、
追加した iframe が　うまく表示されないときがあります。
IEDevelopper Tool で　値を見ても src に　正しく　設定されています。

うむ、さよか

>>281
なんで「srcに正しく設定」が問題になるの？怪しいね…
もしかしてinnerHTMLに入れてiframeを作った後で
window.frames.フレーム名.src に設定している？それは
タイミング的に危ういよね。innerHTMLに入れるiframe
タグにsrc属性を書いておくのがいいと思う。

>>283
iframe タグに src を入れています。
以下のように　文字列を追加しています。

var strDocument = "<iframe title='X' style='display: inline;' width='100%' height='100%' frameborder='0' scrolling='no' ";
strDocument += strid + " " + src + " ></iframe>;

>>284
alert(strDocument); を実行してその結果を貼ってみれ。

>>284
var strDocument = "<iframe title='X' style='display: inline;' width='100%' height='100%' frameborder='0' scrolling='no' ";
strDocument += strid + " " + src + " ></iframe>";
ダブルクオートが抜けてた。
その場で試せるFirebugを導入することをお勧めする

>>285
alert を表示しました。

<iframe title='X' style='display: inline;' width='100%' height='100%' frameborder='0' scrolling='no' id="hoge" src='ローカルファイル'></iframe>

うーんそれでよさそうだよね。ローカルファイルをフレームに
表示させるのはうまくいかないことがあるかも知れないけど。
同じソース、同じURLのままでうまく行ったり行かなかったりする？

>>うーんそれでよさそうだよね。ローカルファイルをフレームに
>>表示させるのはうまくいかないことがあるかも知れないけど。
うまくいかないことがあるんですか？
それはどういう理由からでしょうか？

ローカルファイルの場合、鯖がないから鯖が必要なもの(CGIとか)
が含まれていると駄目とかね。常に統一的に「こういうページが駄目」
とか分かっていたらそれを書いて相談した方がいいね。もっとも
駄目なものは駄目という他ないとは思うけど。

今気づいたんだけど道場訓撤去しちゃったんだね。アレよかったのに。

魚の話は板からして違うだろ。

洩れも愛着あったしどうかなーと思ったけど >>291 まで誰も
何も言わなかったんでまあOKってことなんじゃないかな？

>>263
あ、いや
>>260は転載ですのであしからず・・・

誰も>>1を読んでいなかったということだな。俺は>>2からしか読まないから全然気付かなかった。

WinXPPro＋FireFox,IE7でWEBサイトの製作を行っております。（＋cgiも使っていますが、今回の件とは直接関係ありません。）
画像アップローダを作ろうと思っておりまして、アップロード前に画像の確認表示が出来るようにしたいと思っています。

<div id="testViewDialog">
<img hspace="0" vspace="0" name="testImage" src="/image/blank_image.png" width="250" height="500" align="left" style="margin:0px; padding:0px;">
画像ファイル<input type="file" accept="image/gif" id="uploadImage" style="position:static;"><br>
<button onClick="testView();">←試し表示</button>
</div>


として、javascriptでtestView()の関数を作ろうと思っております。
ためしに
function testView()
{
document.images["testImage"].src = "file:///G:\WEB\image\test.gif";
}

とやったのですが、表示されません。
どのようにしたら、ローカルファイルが上手く表示できるようになるでしょうか。
なお、製作環境はWinですが、出来る限り幅広い環境でテスト表示を行わせたいと考えております。
よろしく、ご教授ください。お願いいたします。

>>296
ネットからロードしたページ中にローカル画像は入れられない。
またテンプレ中のFAQにもあるが、input type="file" から
ファイル名を取れないブラウザもある。よって、あんたがやりたい
ことは不可能だと思うよ。お気の毒だが。

>>297
Action Scriptを使えばできる

ActionScript で彼女ができました。

総会総会。加藤が知ってたらどんなに喜んだことか

>>299
マジレスすると、それは実際によくあることだな。まあ、ちょっとキモい女しかいないがｗ

ActionScriptで身長が8cm伸びました

全国の会員の皆さまから驚きの効果がぞくぞくと寄せら
れています。 お申し込みは、今すぐお電話で
0120-194403(アクシヨン３)
まで。もちろん2chお友だち価格です。
お便りもお待ちしています。

TRタグのセルの内側で背景クリックを可能とするためのjavascriptを探しています。
Googleのアドセンスのスクリプトをコピーしたら動いたんですが、複雑すぎて、
自分のサイトにもってこれません。
どっかにサンプルとかないでしょうか？
「javascript 背景クリック」でググってもアドセンの広告に関するページしか表示されません。
お願いしますだ

>>303
電凸してみた
つながらなかった

実在する番号載せるのはやめようぜ

javascript内でjavascriptを読み込むにはどう書けばよいのでしょうか
ご教授ください

>>304
javascript background click で303,000本が待機しているが

>>305
KY
>>306
お、お久で教授か
!=JavaScript

>>307の勘違いぶりが……。

//e:Event
for (var n = e./*@cc_on @if(1)srcElement@else@*/target/*@end@*/, C = /^T(?:D|H)$/i; n && !C.test(n.tagName); n = n.parentNode);
if (n) {...}

>>306
var s = document.createElement("script");
s.src = ファイル名;
document.getElementsByTagName("head")[0].appendChild(s);

こんなんじゃダメ？

これでできますた
document.write('<script type="text/javascript" src="ふるぱす/ほげ.js"></script>');

>>312
それってIE以外だとSCRIPTタグが文書に書き出される(見えないけど)だけで
実際に「ほげ.js」は読み込まれないような気がする。

あと、スクリプト内に書くのなら最後は

</' + 'script>');

と分割しておいた方がいいと思う。

世界中の無数のサイトで使われている構文
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

> 実際に「ほげ.js」は読み込まれないような気がする。

訂正。普通に読み込まれてた。処理のタイミングの問題みたい。

「ほげ.js」の内容が

var str = "hello, world";

で、件の document.write... の次の行が

window.alert(str);

だとすると、IE だとちゃんとアラートが出るけど、Firefox と Opera では出なかった。

window.setTimeout("window.alert(str)", 1000);

と多少遅延させると Firefox と Opera でも無事アラートが出た。

> あと、スクリプト内に書くのなら最後は

SCRIPTタグ内に書くのなら、ね...。

>>313
「</」の方を分割するかしないと
ttp://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/appendix/notes.html#h-B.3.2

<select id="list_1"></select>でジョブキューを管理しているのですが、設定出来る値がnew Option("表示される値","裏の値")の二つだけではちょっと足りなくなったので

function job(num){
this.search = "検索中その"+num;
}
function btn_1_c(){//URLを追加ボタンを押した
list_1.options[0] = new Option("表示される値","裏の値");
var hoge = new job(1);list_1.options[0].other=hoge;
var hoge = new job(2);list_1.options[0].other2=hoge;
alert(list_1.options[0].other2.search)//「検索中その2」
}
<select id="list_1"></select>

このようにしてリストボックス一つ一つの項目に大量のデータを持たせたいのですが、これってjavascript的に想定されている事なのですか？
一応動いたのですが、実はxxするとクリアされる　とかだとちょっと困るので質問です

>>315
> IE だとちゃんとアラートが出る
ほんとに出た?

>>317
失敬。分割する箇所が不適切でしたね。

>>319
こちらでは出ました。
各バージョンがいちいち古いんですけど、
Internet Explorer6、Firefox 1.5.0.12、Opera 9.26 で試してみました。

IEだけは setTimeout を使わなくても "hello, world" とアラートが出ました。

javascript 動的 でググれ
変なやり方教えるな

if(document.getElementById("sample")){
function dell() { document.getElementById("sample").style.display = "none"
}
window.onload = dell;
}

idにsmpleがあれば消すということをしたいのですが
これだとうまく消えません

sampleがあるかないかの判定(if分)がなければうまくいきます
ただそれだとsampleがあった場合はいいのですが、ない場合はエラーになります

sampleがあるかないかの判定はこれでいいのでしょうか？

とにかくやりたいことは<p id="sample">ほげ</p>を消すことで
idのない<p>ほげ</p>でもエラーのないようにしたいです

よろしくお願いします。

IEは、SRC属性があるSCRIPT要素を適当に選んで、SRC属性値を書き換えるだけで、読んで実行しますよ。
//@cc_on@if(1)document.scripts(document.scripts.length - 1).src = "another.js";@end
みたいにね。
これは、HTML読み込み中・読み込み後に関係なく動作する。

>>323
SRC属性が無くても出来たわ。訂正。

>>322
<STYLE ...> とか <LINK REL="Stylesheet ..."  HREF="..."> とかを動的に作るればいいだろ。

>>322
あるかないかの判定はDOMツリー構築後じゃないとできない
しかもそれだとsampleがあってもなくてもIE以外ではエラー出るはず
あとloadイベントはそういう用途にはおすすめできない
なぜ #sample { display: none; } では駄目なのか

if(document.getElementById("sample")){
function dell() { document.getElementById("sample").style.display = "none";
} else {
function dell() { };
window.onload = dell;

sampleがないときにエラーがでるのはfunction dell()がないからだと思ったのでelseの場合に定義してみましたが
エラーはでなくなりましたがsampleが消えなくなりました
たとえelseでも同じfunctionは定義できないということでしょうか

function dell() { };これをはずしてsampleがあるときはうまくいきます

＞#sample { display: none; }これが使えるならそうしたいのですが使えない状況なのです

＞あとloadイベントはそういう用途にはおすすめできない
javascriptはあまり詳しくないのですが
document.getElementById("sample").style.display = "none";
このように書いてもエラーがでるのでしかたなくwindow.onload = dell; このように書いてます
すぐに実行できる書き方はどうすればいいのでしょうか

>>327
そのコードのあるscript要素をid="sample"の要素より
後ろに書けばよい。

function dell() {
var sample = document.getElementById('sample');
if (sample){
sample.style.display = 'none';
}
};
dell();

これはどう？

基本的なことですが、
var aa = document.getElementById("test").value;
としたとき、aa = 123;でformのvalueに代入できないのは
なぜですか。
document.getElementById("test").value=123;
でできるのに、と思うのですが。

Ａ＝Ｂ　ＡにＢを代入する

>>330
あなたのプログラミング言語の理解モデルが間違っているから。
IDがtestという入力部品とtest1という入力部品があったとして
document.getElementById("test").value = document.getElementById("test1").value;
とかすると以後test1とtestには常に同じものが表示される、とか思えるわけね？

>>330は
a=a+1
が理解できないのだろう

>>330

aa に入っているのは値だコラっ！
参照じゃないぞ！

>>330
おまいさんは一度ポインターを勉強した方がいいな

var ss = document.styleSheets[0];
ss.insertRule("#sample {display:none}", ss.cssRules.length);

スタイルシートに新しく加えるという方法でできました
これならid=sampleがない場合でもエラーはでません

ありがとうございました

>>336
一つの解法としてそれは正しいのだけど
元の質問の解はこうなる

window.onload = function (){
if(document.getElementById && document.getElementById("sample")){
document.getElementById("sample").style.display = "none";
}
}

そもそも何でエラーが出たかというと
document.getElementById("sample") を実行した時点で
id="sample" はまだないから

>>337
読み込み中または読み込み直後に隠す場合、
一瞬見えて隠したいなんて要望はほとんどない。
単に、DOM-Level-2-(CSS|Style) の知識が無いから、
質問がCSSStyleDeclarationでCSS2Propertiesを操作することだけに偏る。
同様の知識不足で、回答も同様に偏る。
しかし、繰り返すが、ふっつーに考えれば、一瞬見せたいわけではないと感じ取れるだろう。
何が元の質問の解だか。回答の選択肢が少ないだけだろう。笑わせる。

うちはわざとそうしてる
だって JavaScript オフで見れないページを作ったってしょうがない
だから後で隠す

>>339
onload(あるいはreadystateを反映)での処理では、一瞬表示されるという問題があるので、
document.write('<style>#sample...
か、もしくは>>336のような方法というように、
CSSへの設定の方がよりスマートだと思うけどね。

自分は id="sample" が閉じた直後に消すな

document.write() は個人的にはあまり使わない

document.write('<style type="text/css"><!--#sample{display: none}--></style>');

こうすれば簡単だろうけどルール的に駄目なんだよな
だから同じようなことするのに>>336の方法をとったんだろう

>>336
window.onload = function() {
if(typeof document.getElementById("sample") == "object"){
document.getElementById("sample").style.display = "none"
}
}
これでいいと思うよ。関数が定義されていない場合とかにも応用可能。

>>343
さすがに同じIDに対しgetElementByIdを2度実行するのは無駄なので、
それならこうするね。

window.onload = function() {
var elm = document.getElementById("sample");
if(elm)
elm.style.display = "none"
}

>>344
それでもよさげだけど、elmが存在しないときに
elmにfalseが代入される保証はあるのかな。
エラーを返すブラウザがあってもおかしくない気がする。
typeofの方が安全だと思うよ。
あと、無駄に関してはelmに代入したほうが大きい。

>>345
マジレスすると、
getElementByIdで、object(のリファレンス)かnull以外が返される実装があったら教えて下さい。
全面的にコードを書き直す必要があるくらい、かなり興味深い話題なので。

そーなんだ。ならそれでいいと思う。

編集中に投稿しちゃった・・・
たぶんnullかfalseを返すと思うし、多分大丈夫だと思うけど、
俺も調べてないからよくわからないや。

>>345
> あと、無駄に関してはelmに代入したほうが大きい。
これって検証可能なソース出せるわけ？

元々頭の悪いテンプレ厨が湧いているスレだけど、
>>345=>>347-348なら、
これほど適当な発言をする人間はもはや害以外の何物でも無いね。

サイト上にある任意の文字を変換したいのですが

例えば　あいうえお　→　かきくけこ　にしたいのです書き方がわかりません
document.replace('あいうえお','かきくけこ')

よくある例文では
var str = 'abcd'
str.replace("ab", "cd")
でstrを指定しているのですがこれがhtml上の場合どのように指定すればよいのでしょうか

>>351
イベントハンドラとか消えてもいいなら
document.body.innerHTML = document.body.innerHTML.replace("あいうえお", "かきくけこ")

>>352
ブラウザがかたまってしまいました・・・

>>353
糞スペック乙

Firefox3がすげえ

JavaScriptに関してならSafariのほうが上だな

連番画像を切り替える際に

function change(){
　　n++;
　　if(n==4)n=0;
　　document.irg.src="img/pic"+n+".jpg";

とかだと一桁枚数はできるのですが、二桁、例えば20枚の画像を切り替えたい場合は
どう表記すればいいのでしょうか？

>>344
>>343はどのように無駄なんでしょうか？
elmにリファレンスが入ってるってだけで、
どっちもgetElementByIdを2度実行してると思うのですが。
コードの読みやすさの話ってわけでもなさそうだし。

>>357
if(n==4)の4のところを20に変える、って話ではない？

>>358
> どっちもgetElementByIdを2度実行してると思う
>>343はしてるが>>344は1回だぞ
>>344は取得した要素オブジェクトかnullをelmに入れてるんだから
2回実行できようが無い

このスクリプトの実行を中止しますか?

このページのスクリプトが、Internet Explorer の実行速度を遅くしています。
スクリプトを実行し続けると、コンピュータが反応しなくなる可能性があります。


---------------------------
はい(Y) いいえ(N)
---------------------------
を回避する方法は
http://support.microsoft.com/kb/175500/ja
に「 5 秒間隔で PeekMessage を呼び出してタイムアウトをリセットする必要があります」って書いてあるけど
PeekMessageをjsで呼び出すにはどうしたらいいの？
PeekMessage()じゃダメらしい

>>359
聞き方が悪かったです。ごめんなさい。
というか、解決しました！

function change(){
　　n++;
　　if(n==?)n=0;
　　document.irg.src="img/pic0"+n+".jpg";

こういう考えでやってたもので･･･n自体に二桁以上が入るのは考えてませんでした。
回線切って電源落として首吊ってきます。

>>360
PeekMessageはWindowsAPI。
ActiveXでも使わなければ無理では。

http://www.flickr.com/photos/black_velvet/431402343/
この画像の投稿者はΛl℮Roda®さんですが
「℮」とか「®」とかのunicodeでないと表現出来ない文字を自動的に置き換えてくれるライブラリみたいなの教えて下さい
勿論厳密な置き換えは無理なことは分かっていますので
「℮」→e
「®」→(R)
みたいな置き換えで十分です

ライブラリ まで読んだ

だれか>>363のリンクで飛んだ？押しても大丈夫？

>>365
どうせサロゲートペアまで変換しちゃうどこぞのPerlが得意なキモオヤジの自演だから、放置しとけ。

踏んだよ。フツー　なんか風景。BRAZILとかあるからCGかなんかかしら
以下スレチ：flickrでヤバいリンクってあるのかな。
グロとかアップできちゃうサービスという印象もないけど

>>363=自演かｗ　乙

prototype.jsのトグルで表示・非表示の切り替えをしてるんだけど、
ページを開いた時（初期表示）で非表示状態にするにはどうしたら良いですか？
<body onload="hideToggle(idName)">
って感じで非表示トグルを実行しようとしてるんですが、これだと一瞬
隠す部分が画面に映ります
自分なりに調べたんですがわからなかったので誰かご意見ください
よろしくお願いします

このスレくらい読めばいいと思うよ

>>369
逆に最初非表示にしておいて後から必要な箇所だけ表示するんじゃダメなの？

同サーバ内のテキストファイルを読み込みたい

.jsなら>>306-314、
それ以外ならxmlHttpRequestを使えばできるのですが、
単にテキスト読み込むだけなのにわざわざxmlHttpRequest使うのはどうなんだろうと。

PHPで言うfile_get_contentsみたいなのはないですかね。

>>371
最初非表示にするってどうするんですか？
表示切替ってtoggleでやるものだと思ってたら、cssも併用するんですね
そのことを言ってるんでしょうか？

>>373
>cssも併用するんですね
その方が無難

>>372
ない。XmlHttpRequestでresponseTextから取り出せば
別に問題ないじゃん。

>>374
本当にありがとうございます
cssでのやり方を勉強してみます　みなさんありがとう

Javascript の配列は結局のところキーとして0以上の整数を
とるハッシュと思って扱えばよいのでしょうか？
それとも内部的にまったく異なるものとして扱われているのでしょうか？

a[0] と a[10] が何か値を持っているとき、 a[1],...,a[9]
が内部でどのように扱われているかについての規定はあるのでしょうか？

>>377
ttp://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/15-4_Array_Objects.html
によれば、a[10]が存在していればa[0]〜a[9]も自動的に存在する
ようになる、と読めるね。

>>378
そうか？別段そういうことは書いてないと思うが

http://builder.japan.zdnet.com/sp/javascript-kickstart-2007/story/0,3800083428,20366751,00.htm
この前後の連載を読んで理解しました。
C/C++ ばかりだった自分にとってはずいぶんと違う世界でした。

>>379
そうだね、何か勘違いしたようで、申し訳ない。

JSON関係の質問もここで良いですか？
JSONでは文字列は「ユニコード」であるとされていますが、
これって非ASCII文字はすべて \uxxxx 形式のエスケープで表記せよ、
ということなのでしょうか？

Unicode といわれても表現方法は UTF-8 を含め多数あるので、
その当たりの表現方法については決められているのかなと
思ったのですが、特に規定されていないようでどうしたものかと。

すんません、おちついてRFC読み直してみたら書いてありました。
http://www.ietf.org/rfc/rfc4627.txt

うろ覚えで何て単語で検索して良いのかわからないので確認したいんのだけど、
「ある要素を監視しておき、その要素に他の要素が追加された時にイベント発生」
というような機能なかったでしたっけ？

誰か知ってたりしたら教えてください。

>>384
DOMNodeInserted？

>>385
ドンピシャだった！ありがとう。

動的にサーバ上のjpgを読みに行くにはどうしたら良いでしょうか？
DWに標準でついてるスワップイメージを最初考えたんですが、
アレだとすり替え用のデフォルトの画像が必要です
完成イメージとしては、チェックボックスをクリックすると、それに応じた
画像が表示され、チェックを全部クリアすると画像が消える感じです

すみませんがどなたかアドバイスお願いします

>>387
賢い俺が翻訳してやると、画像URIをユーザーが選べるようにしたい、ということかね。

>>378
で、多数チェックしたときはどうなるって？

ページ上にある特定のスタイル　例えば style="color:red; を
ボタンクリックしたら　style="color:black; というようにしたいのですが
style自体は他にも使われているのでstyleの要素だけでは抜けられないと思います
なのでcolor:red;　→　color:black; 　というようにテキストを置換する方法を考えていますが
どのように書けばいいのでしょうか？
document.replace('color:black; ','color:black; ')
これだとうまくいきません

>>390
<... style="color:red"な要素すべてを<... style="color:black"にする
でよしか？

var elements = document.getElementsByTagName('*');
for (i = 0; i < elements.length; i++) {
if (elements[i].style.color === 'red') {
elements[i].style.color = 'black';
}
}

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

styleの要素が二つのとき
style="color:red; font-size: 14px"

こう書いたのですがうまくいきません
if((elements[i].style.color === 'red') && (elements[i].style.fontSize === '10')){
elements[i].style.color = 'black';
}
どのような条件式になるのでしょうか・・・

自己解決しますた

他のページに飛ぶのではなく、同一ページ内で
swfの表示サイズ（width=***, high=***）を
閲覧者がポップアップメニューで切り替えられるような
スクリプトってありますか？
画像でも同じようなスクリプトがあればswf用に転用出来ると
思うのですが、もしそのようなものがあればご教授ください。

下記のようなフレーム構造で
under.html内のjavascript実行(innerTextで文字列を変える)してから
top.htmlでsubmit実行すると、under.htmlが別ウィンドウで開いてしまいます。

理由と解決策をご存知でしたら教えてください。
※JavaScript実行しない場合は正常に動作します。

□test.html
<frameset rows="100,*" border="1">
<frame src="top.html" name="top">
<frame src="under.html" name="under"/>
</frameset>

□top.html
<form action="under.html" method="post" target="under">
<input type="submit" value="送信">

□under.html
<table>
<tr><td>aaa</td><tr>
<tr><td>bbb</td><tr>
<tr><td>ccc</td><tr>
</table>

>>395
その問題を起こしているげなスクリプトを貼らずに相談とは
いい度胸だね。

仰るとおりです。申し訳ないです。

原因となってるっぽい箇所です↓
onblurでtest()を呼び、計算させて<td></td>の中をinnerTextで書き換えるとい
う処理ですが、
この計算実行で既に発生することがわかりました。計算結果は正しいものとなっ
ています。
fuction test()
{
total = 0;
for(i=0; i<3; i++){
object = getObject(i,"02");
total += parseInt(object.value);
}
}

function getObject(row,col)
{
name = "a" + row + "b" + col;
return document.フォーム名.elements[name];
}

>>397
あのねえ、nameという変数を使いたいのなら「var name = ...」
のようにしてローカル変数にしないと。今はグローバル変数
つまり window.name を書き換えているため、そのフレームの名前が
under でなく a0b02 みたいな名前になっていると思われ。

>>398
解決しました！ありがとうございます！

特に意識せずに変数名つけてましたがローカルグローバルもちゃんと考えなきゃですねm(__)m
勉強になりました！

ファイルをDLさせたいがそのファイルの生成にすげー時間がかかるんで、
submitボタン連打を5秒間だけ防止したい

<input type="submit" name="button" value="push" onclick="return renda();">


var timeout=0;
function renda(){
timeout++;
if(timeout>5){
timeout=0;
document.button.button.disabled = false;
return false;
}else if(timeout==1){
document.button.button.disabled = true;
window.setTimeout("renda();",1000);
return true;
}else{
window.setTimeout("renda();",1000);
return false;
}
}


FFではエラーも検出されずきちんと動作しましたがIEでは動きませぬ。何故でせう。

>>400
「動かない」の内容をちゃんと書けって。エラーが出るのか
何も反応しないのか、その時ボタンは押せてるのかとか。

document.compatMode=='CSS1Compat'
DOCTYPEをこれより少ない文字数で判定する方法はありませんか？

IE専でかまいません

var d = document, c = d.compatMode;

c == 'CSS1Compat'

>>401
そーりー

・5秒間禁止は問題なく動作
　(押した直後に押せなくなり、5秒後に押せるように戻る)

・次画面に遷移しない
　(次画面をテキスト表示だけ、等にしてみたが反応せず)

・function renda(){document.csvDL.button.disabled = true;window.setTimeout("renda();",1000);return true;}
とすると動作

>>403
すいません、そういうことではなくて
文字総数で少なくしたいので
document.compatMode=='CSS1Compat'
の33文字より少なくできる方法はありませんか？

compatModeプロパティにこだわる必要もないです。

時間待ちをする関数とonclickで呼ばれる関数を一緒くたに
したから自分でロジックを追えなくなってるんでしょ。
分けたら。そもそも5秒なんだからタイムアウトを5000で
作ればいいのに。

>>406
Σ(ﾟ□ﾟ;)!!

変数にweb上のHTMLデータを代入したいのですが
どのようにすればいいのでしょうか。

>408の動作環境を書き忘れました

Javascriptを組み込んだHTMLはweb上にあります
そのHTML内のJavascriptが読み込みたいHTMLデータもweb上にあります
ローカルのファイルは一切いじりません

>>409
同じ鯖なのね？それならXmlHttpRequest()で読むんでしょ。

>>410
ぉ、お、おおお
ありがとうございますm(＿　＿)m

Ajaxって今ではどのブラウザでも標準でついているんですね
前ちょろっと見た時にライブラリが必要なのかなーとか思ってましたが
凄い敷居が低くてありがたいです

別の鯖ですが、別の鯖だと動作しないのでしょうか
2ch全板トーナメントスレが新しくなる度にHPを更新するのが面倒なので
色々考えた末にJavascriptで実装できそうかなーと思って
調べてたのですが結果分からず質問致しました。

スクリプトは塩街にでも置こうと思ってます

>>410
大文字小文字

魚の話題はスレ違い。


というか、馬鹿な初心者にははっきり言った方がいいな。
鯖って何ですか？勘弁してください。

俺はプロキシサーバのことを「串」と書く点も厨判定に利用してる。

2chやめとけ

よろしくお願いします。

下記記述で「/」の為、jsが動きません。
「/」は必ず使いたいので、回避方法をご教示いただけませんでしょうか、、、


function checkA(){
var flag = 0;
if(!document.iform.果物/りんご.checked)
if(!document.iform.果物/みかん.checked)
{
flag = 1;
}
if(flag){
window.alert('果物項目がチェックされてません');
return false;
}
else{
return true;
}
}

JavaScriptでサーバ上にあるXMLファイルを読み込む処理を勉強しております。
参考URL：http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter02/009/

そこで質問です。
以下のXMLファイルで、cacheタグに挟まれているurlタグの中の文字列は出力しないようにし、
resタグ直下のurlタグのみを出力するには、以下のJavaScriptのソースをどう改修すればよいでしょうか？

【XML】

<?xml version="1.0" encoding="UTF-8" ?>
<set>
　　<res>
　　　　<title>タイトル１</title>
　　　　<url>http://hogehoge.jp/1/</url>
　　　　<cache>
　　　　　　<url>http://cache.hogehoge.jp/1/</url>
　　　　</cache>
　　</res>
　　<res>
　　　　<title>タイトル２</title>
　　　　<url>http://hogehoge.jp/2/</url>
　　</res>
　　<res>
　　　　<title>タイトル３</title>
　　　　<url>http://hogehoge.jp/3/</url>
　　　　<cache>
　　　　　　<url>http://cache.hogehoge.jp/3/</url>
　　　　</cache>
　　</res>
</set>

【JavaScript（HTML内）】

〜（省略）〜
xmlData = httpObj.responseXML;
resTag = xmlData.getElementsByTagName("res");
titleTag = xmlData.getElementsByTagName("title");
urlTag = xmlData.getElementsByTagName("url");
resultTxt = "";
for(i=0; i<resTag.length; i++){
　　s_title = titleTag[i].childNodes[0].nodeValue;
　　s_url = urlTag[i].childNodes[0].nodeValue;
　　resultTxt += s_title + " : " + s_url + "<br>";
}
〜（省略）〜


【現状の出力結果】
タイトル１ : http://hogehoge.jp/1/
タイトル２ : http://cache.hogehoge.jp/1/
タイトル３ : http://hogehoge.jp/2/


【期待する出力結果】
タイトル１ : http://hogehoge.jp/1/
タイトル２ : http://hogehoge.jp/2/
タイトル３ : http://hogehoge.jp/3/

>>418
urlTag[i].parentNode.tagName !== 'cache' とかで見えんかな

JavaScriptでもweb上のファイルを読み込みができるんだな
そういうのはいつもPHPでやってたわ
そうかリロードしなくても更新ができるとういうわけか

>>420
そういうのをAjaxと呼ぶんじゃなかろうか。

>>413
テンプレのFAQにも「鯖」が使われているんだけど。
なんでテンプレには文句言わないの？ (直すのに反対
してるわけではなくて、なんでテンプレ論議のときに
指摘しないのか不思議なだけ。)

>>422
馬鹿な初心者を構っちゃらめ
ﾇﾙｰ汁

【鯖】
スズキ目サバ科の海水魚、マサバとゴマサバの総称。魚体は紡
錘形でやや側扁し、背びれ・尻びれの後方に小さなひれがいく
つか並ぶ。世界に広く分布し代表的な食用魚。俳句では夏の季語。
○―釣や夜雨のあとの流れ汐／蛇笏

>>422
一括りにするつもりは無いが、こういう奴はプログラマに本当に多い。
性質上そうなるのかもしれないがリアルで付き合うのはマジ簡便。

>>425
プログラマの空気の読めなさはまじで異常だよな
あと議論がいつも小学生みたいな揚げ足取りになる
極端な例で言えば「何年何月何日何時何分何秒地球が何回周った時？」とかそんなの

プログラマってほんと頭悪い奴の職種なんだな
有能マが可哀想だ

スレ違いな話題はよそでやってね。

>>413 が激高して多重自演してる様に激藁タよ。

HPにアクセスカウンターつけたいんですがどうすればよいのでしょうか？
使ってるソフトはHPビルダ12です
ググったところレンタル？するもののようですがいまいち概念がわかりません
いま↓のようなところを読んでるのですが
Javaスクリプトをhtmlソースに組み込むことでカウンタをレンタルして効果がでてるということなのでしょうか・・・？

http://count.sekkaku.net/hpsoft.html#3

おれ高校中退後コンピュータの専門がっこ。会社じゃ目下某服
飾企業のHPのリニューアルPJ参加中。無能なのはよくわかって
る。といって他にできるものねぇしなぁ。悪かったな。

>>430
そのビルダとかいうのを卒業しないかぎりアンタには無理。

>>431
充分有能じゃないか自信もて。
無能ってのは何もできないのに他人を卑下してるやつのこと

裏日本の金沢市でjavascriptの勉強会とか開催したら参加してくれる人
っているもんだろうか？ちょっと考えているのですが集まるかどうか不安。
内容としてはフラナガンの本を読むかprototype.js等のライブラリを読
むかとか考えてます。

>>434<-ちょっとオフトピだがマジレス。
集まるかどうか不安なんて言ってたら何にもできませんぜ。
とにかくやってあんたのひた向きな背中を金沢市内の人間みんなに
見せることだろ。うちの区(東京下町)では区報にワークショップてな
コーナーがあって、PCはじめいろんなお稽古事関係が講習や教室を
開いて参加者を募集している。最初はまず人は来ないと思った方が
いい。そういうのをやると少しは素っ頓狂な質問も減るかなと思う。
がんばれ。

マウスの座標取得で、
event.clientXなどでIEはで来たのですが、FF等で動きません。
クロスブラウザ対応なマウス座標取得はどうすればいいのでしょうか？

>>418
var xmlData  = httpObj.responseXML;
var resTag   = xmlData.getElementsByTagName("res");
var titleTag = xmlData.getElementsByTagName("title");
var urlTag   = xmlData.getElementsByTagName("url");
var resultTxt = "";
var i = 0, j = 0;
while(titleTag[i]){
  s_title    = titleTag[i].firstChild.nodeValue;
  if(uriTag[j].parentNode.nodeName == "cache"){
    j++;
  }
  s_url      = urlTag[j].firstChild.nodeValue;
  resultTxt += s_title + " : " + s_url + "<br>";
}

こんな感じかな

>>435
確かにそうだな。やってみなけりゃ何も始まらんな。
そういう場所をまず探してゆくか。
ありがとう。

>>436
過去スレ全集で検索すればいくらでも見つかるよ。

>>436
Event.pointerX(event)　Event.pointerY(event)

言い忘れたゴメン
上のはprototype.jsを使ったやつな

XSLTってあったな。
今時のサーバとブラウザの世代交代を考慮すると、本番運用できるかもな。

<xsl:output method="text" encoding="UTF-8"/>
<xsl:template match="res[child::title and child::url]"><xsl:value-of select="child::title"/> : <xsl:value-of select="child::url"/><xsl:text>&#13;&#10;</xsl:text></xsl:template>
<xsl:template match="node()"><xsl:apply-templates/></xsl:template>

あるテキストファイルがJSONファイルとして正しいかどうかを検証してくれるサイトってありませんか？

それはここに書く前に検索した方が比較にならないほど早く解決するだろう。
もしファイルの内容をじかに書かなければならない不便な物しか見つからなかったら、ファイルの内容を投げて結果を調べるコードを書けばいいだろ。これまたそこそこ丁寧に書いても30分以内に書ける。
つまり、オマエが物乞いだということだな。生き恥晒してんじゃねえよ。

>>442
ttp://www.wowarmory.com/
恐らく毎日膨大なPV数であろう、一般ユーザー向けのサイトで使われている興味深い例。

>>443
JSON validatorあたりでググってみる。

>>444
>生き恥晒してんじゃねえよ。

以下のような<div>でくくったcheckboxが２つあります。
<div id="boxA[]" style="display:none"><input type="checkbox" name="cbA[]" value="1" /></div>
<div id="boxB[]" style="display:none"><input type="checkbox" name="cbB[]" value="1" /></div>
このdiv二つは、別のプルダウンのoptionの選択の切り替えでdisplayを操作していて、
・boxAを表示してるときはboxBが隠れている
・boxBを表示してるときはboxAが隠れている
・プルダウンが未選択（ﾃﾞﾌｫﾙﾄ状態）の時は両方とも隠れている
…という形になっています
また、この「<div>2つ ＋ 操作してるプルダウン1つ」は3セットあります。

このとき、
・3セットのうち、2セットをboxBを表示＆チェック（boxAはdisplay:none）
・残りの1セットををboxAを表示＆チェック（boxBはdisplay:none）
してPOST送信するとポストデータに異常が発生します。
boxB、boxAともに、display:none状態のまま送信した分が、データとしてわたらないのです
以下、ポストデータを var_dump($_POST) したものです。
["cbB"]=> array(2) { [0]=> string(1) "1" [1]=> string(1) "1"}
["cbA"]=> array(1) { [0]=> string(1) "1"}

本来なら、両方とも array(3) となるように、配列が３つわたると思うんですが、
どうしたら解決するでしょうか？
http://memo.hirosiki.jp/article/45836034.html　を見ると、この問題に触れてるんですが
送信エラー起こす場合と起こさない場合があるようで、イマイチ答えになりません
対策や意見をもらえたら幸いです　よろしくお願いします

（ちなみに、データの入力はCHECKBOXでなくプルダウンでも同様になります）

チェックボックスは off だとデータ渡らないけどね

そういうことじゃなければソースをどっかにうｐして
正直読んでてよくわからん

>>447
いや、そういうことだと思う

個人的にはidやnameに大かっこ使ってるのが気になってしょうがないけどこれ不正じゃないの？

name の方は [] で送ると
サーバサイドのスクリプト上では配列として受けれるんだよね

id の方はちとマズいだろな

なるほど

>>446
input要素のvalue属性値をユニークにすれば解決するだろ。つうか、気付けよタコ。
その言語には array_values() や array_flip() などの便利なトップレベル関数があるのだから、それらのどれらかを使える形を整えろ。
あと、CSSのdisplayプロパティとその値は関係ない。

ついでだが、>>449の言う通り、div要素型(に限らず)、id属性値はNAME・ID型だから括弧は使えない。
(さらについでだが、input要素型のname属性値はCDATAだからだいじょうぶ。)

>>445 THX
JSONLint The JSON Validator
http://www.jsonlint.com/

TinyJSON - A Minimalistic JSON Reader Based On Boost.Spirit, Boost.Any and Boost.Smart_Ptr
http://blog.beef.de/projects/tinyjson/
C++好きの自分にはよだれが出る。

XMLHttpRequestってIEとFFとかで動作違う？
こちらから指定したXMLの内容の一部（中で１から順番に番号を振ってる、その例えば10~20）をXSLTで変換して表示させようとしてるんだけど、IEでうまくいってFFでうまくいかない
ほとんど載ってた例文どおりに書いたんだが･･･
どこかわかりやすいサイトとかある？

Firebug とか使ったらなんかわからんもんかね？

>>453
クロスブラウザ対応のXHRっhttp://allabout.co.jp/internet/javascript/closeup/CU20050515A/

失礼安価ミス>>456は>>454ね。

その例文とやらを乗せるのが一番早いかと

>>454
XMLHttpRequestはIE7以上でないと使えない
IE6以下はActiveXObject使うしかない
場合分けしる

皆さんありがとうございました、ご意見を参考に頑張ってみます
（idの値についてですが、書き間違えでした。ちゃんと
boxA1,boxA2,boxA3 boxB1,boxB2,boxB3 となっています
>>451
>input要素のvalue属性値をユニークにすれば解決するだろ。つうか、気付けよタコ。
それだと場当たりの処理は出来ますが、「渡されるべき形で配列が渡されない」という
本質的な問題は解決しません
それで居心地が悪いので質問させてもらいました　ありがとう

なんだかヘンな方に議論が行っているような。
display:none だとその部分は「存在しない」のでデータが渡らない。
visibility:hidden だとその部分は「見えないだけ」なのでデータが渡る。

> display:none だとその部分は「存在しない」のでデータが渡らない。

君の脳内ブラウザではそうかもしれんが
あんまり無責任な発言をしてもらっても困る

display:noneもvisibility:hiddenも表示を消す、物は残ってる。
単にその存在分の空白が残るか残らないかって話だけ

レスｔｈｘ
サンプルのURL消しちゃってたからもう一度探してくる
下が今弄ってるものなんだけど、いろいろ入れ替えたり書き直してたりしてたらIEでも動かなく･･･orz
IE7とFF2（今は3）を使っているから、テスト段階ではXMLHttpRequestだけでいいかと思ってそれしか書いてない
当然あとで書き足す予定
function goend(threadnum,startnum,loop){
var snum = startnum;
var fnum = Math.abs(startnum) + Math.abs(loop);
var xmlfilename=threadnum + ".xml";
var xmlt = new XMLHttpRequest();
var xslt = new XMLHttpRequest();
xmlt.open("GET",xmlfilename,true);
xmlt.onreadystatechange = function(){ if(xmlt.readyState == 4){
var xmld = xmlt.responseXML;
xmlt.send(null); } }
xslt.open("GET","../xsl.xsl",true);
xslt.onreadystatechange = function(){ if(xslt.readyState == 4){
var xsld = xslt.responseXML;
xslt.send(null); } }
var vali = new Array();
try{ vali=xsld.getElementsByTagName("xsl:variable");
}catch(e){ try{ vali=xsld.getElementsByTagName("variable");
}catch(e){ alert("getElementsByTagName Error"); } }
vali[0].text=fnum;
vali[1].text=snum;
var htmld;
htmld = xmld.transformNode(xsld);
document.write(htmld);}

JSONって{ "a": "b", "a":"c" }
みたいにオブジェクト（ハッシュ）のキーが重複するような
データは規格の上で間違っているとされているの？

それとも単に eval()で評価すれば後から設定したプロパティ
に置き換わるだけなのでそれでよしということなのでしょうか？

>>437
�dｸｽです！できました。

Yahoo!検索で一番上に出てくるサイトのリンクを作るプログラムです。IE6で動作確認しています。
「取得」ボタンを押すと、一回目はエラーが必ず出てしまい、もう一度「取得」ボタンを押すとうまくいきます。
一回目からうまくいくようにするにはどうしたらよいでしょうか？
何か、カウント用変数のiとjがおかしいことになってるみたいなんですが…。
ちなみにデバッグ用にalertを3箇所に書いてありますので、アラートいっぱい出てきてOKという方はコメントアウトを外して実行してみてください。
お願いします。

<html><head><title></title>
<script type="text/javascript">
<!--
word = new Array("javascript", "ajax");
site = new Array("2ch.net", "jbbs.livedoor.jp");
function createXMLHttpRequest(cbFunc){
var XMLhttpObject = null;
try{
XMLhttpObject = new XMLHttpRequest();
}catch(e){
try{
XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
return null;
}
}
}
if (XMLhttpObject) XMLhttpObject.onreadystatechange = cbFunc;
return XMLhttpObject;
}
//　下に続く

//　上の続き
function loadXMLFile(fName){
httpObj = createXMLHttpRequest(displayData);
if(httpObj){
httpObj.open("GET", fName, true);
httpObj.send(null);
}
}
function displayData(){
if((httpObj.readyState == 4) && (httpObj.status == 200)){
//alert("デバック用（成功）：\ni = " + i + ", j = " + j);
xmlData = httpObj.responseXML;
Result_Tag = xmlData.getElementsByTagName("Result");
document.getElementById("src_" + i + "_" + j).innerHTML =
"<a href=\"" + Result_Tag[i].getElementsByTagName("Url")[0].childNodes[0].nodeValue + "\" target=\"_blank\">" + Result_Tag[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "</a>";
}else{
//alert("デバック用（失敗）：\ni = " + i + ", j = " + j);
document.getElementById("src_" + i + "_" + j).innerHTML = "読み込み中";
}
}
function SearchResultCount(){
for(i=0; i<site.length; i++){
for(j=0; j<word.length; j++){
//alert("デバック用（正しいカウント）：\ni = " + i + ", j = " + j);
loadXMLFile("http://api.search.yahoo.co.jp/WebSearchService/V1/webSearch?appid=YahooDemo&query=" + encodeURIComponent(word[j]) + "&site=" + site[i]);
}
}
}
//　下に続く

//　上の続き
//-->
</script>
</head><body>
<form><input type="button" value="取得" onClick="SearchResultCount();"></form>
・「javascript site:2ch.net」での検索結果：<b><span id="src_0_0">　</span></b><br>
・「ajax site:2ch.net」での検索結果：<b><span id="src_0_1">　</span></b><br><br>
・「javascript site:jbbs.livedoor.jp」での検索結果：<b><span id="src_1_0">　</span></b><br>
・「ajax site:jbbs.livedoor.jp」での検索結果：<b><span id="src_1_1">　</span></b><br>
</body>
</html>

--------------------------
長いｿｰｽでｽﾏｿ。

※エラーの詳細
「'document.getElementById(...)' は Null またはオブジェクトでありません。」

displayData()関数で、
i も j も、値は 0 か 1 しか来ないはずなのだが、
なぜか i = 2になったり j = 2になったり。なぜだ？？

iとjがグローバル変数だからよその関数などで入れた
値と混ざってるんじゃないの。
for(var i = ...
for(var j = ...
に直してみれば。

学校の課題でスロットを作っています。色々なサイトでスロットのソース見てきたのですが、
どの関数がどのような役割をしているのかがよく理解できませんでした。
ためしに自分でも3つの画像を使ったスロットを作ってみたのですがスタートを押すと
画像が変わる処理が1回で止まってしまい、ゲームになりませんでした；；
ソースは次の通りです

>>465
RFC 4627
ttp://tools.ietf.org/html/rfc4627
>The names within an object SHOULD be unique.

>>467
この状態では、SearchResultCountとdisplayDataとではi,jの値を共有しない為。
<!--
var i,j;
word = new Array("javascript", "ajax");
最初の方にこのように書けば大丈夫だろうけど、i,jのような変数名をグローバルで使うのはお勧めしない。

function Setimage()
{
for(i=0;i<4;i++)
{
image[i]=new Image(200,150);
image[i].src="image"+i+".jpg";
}
}
function Scroll()
{
time1=setTimeout("Scroll1()",100);
time2=setTimeout("Scroll2()",125);
time3=setTimeout("Scroll3()",150);
}
function Scroll1()
{
document.photo0.src=image[n].src;
n++;
if(n>=4)
n=0;
}

function Scroll2()
{
document.photo1.src=image[n].src;
n++;
if(n>=4)
n=0;
}
function Scroll3()
{
document.photo2.src=image[n].src;
n++;
if(n>=4)
n=0;
}
（中略）
<td align="center"><input type="button" name="start1" value=Start! onClick="Setimage();Scroll()">

多分おかしいところはこのあたりだと思うのですが。。。どうしたら繰り返しの処理が正しく
行われるのでしょうか。

なんて汚いソース。

先に配列と引数覚えればもう少しきれいになると思う。

>>476
ありがとうございます。
a = new Array("月曜日","火曜日","水曜日","木曜日","金曜日");
b = new Array("１時限目","２時限目","３時限目","４時限目","５時限目","６時限目");
for(i=0;i<a.length;i++)
{
for(j=0;j<b.length;j++)
{
var subject = (i+j)%5;
if( subject ==0){alert(a[i]+"の"+b[j]+"は数学です")};
if( subject ==1){alert(a[i]+"の"+b[j]+"は国語です")};
if( subject ==2){alert(a[i]+"の"+b[j]+"は英語です")};
if( subject ==3){alert(a[i]+"の"+b[j]+"は社会です")};
if( subject ==4){alert(a[i]+"の"+b[j]+"は理科です")};
}
}
↑これが教材でした・・・。このような感じで配列や引数もやったにはやったのですが
これ（配列等）をスロットの中でどのように使えばよいのかが分かりませんでした。
理解が全く足りてなかったようですね＞＜　基礎をもう一度学び直してきます。
長文失礼しました＆ありがとうございました。

>>473
> i,jのような変数名をグローバルで使うのはお勧めしない。
極論すれば、どうでもいい。
常に初期化する規約を設ける方が、実は、はるかに建設的だ。
毎週2時間かかる1000万レコード超のオラクルデータ更新を、スワップ10Gb以下に抑えながら、
JScriptだけで
やっている俺が言うのだから、かなり説得力は高いだろう。

>>478
ループ中にi使う関数呼び出されたらどうすんの？

>>479
おいおい、まさか、スコープ超えて使うわけないだろ。

因みに、関数をほとんど使わない。とにかく、追加要求がまとまったら、ダラダラとグローバルに追記して実装する。

関数に分けないでひたすらグローバルに書くなんて
40年前のスタイルだね。何箇所かで同じ処理をするときは
そのコードを必要なだけコピペするわけ？

>>480
だから関数を「まったく」使わないなら全部グローバルは
分かるけど。関数を書く時にその関数の中で使う作業用の変数を
グローバル変数にしてるんだったらとんでもないと思うけどね。

関数使わない方が速いっていう利点はあるよね。

>>471でやっても>>473でやっても駄目でした。

原因はiやjではなく別にあるような…。

糞ソースを見るとイラっとする俺はもう駄目かもしれん

>>484
女子高生です

あなたセンスがないからもうやめた方がいいよ

>>484
漏れも気になって再現してみたがやっぱり最初はだめだな。
デバッカで追っかけてみたが、よくわからんかった。
気持ち悪くて眠れんのだが。

オブジェクトの下にあるオブジェクト（この例ではAjax.Delegate）が存在するかどうかを判定して分岐するにはどうすればよいのでしょうか。
以下のソースをFirefox 3で実行してみると、アラートで[Object Object]と表示され、Ajax.Delegateオブジェクトが存在していることが確認されるのですが、
なぜかf(!Ajax.Delegete){}が実行され、中のalert(Ajax.Delegete);の結果”undefined”がアラートされます。


if(!Ajax){
var Ajax=new Object;
}

Ajax.Delegate=new Object;
Ajax.Delegate.Version="1.0.0.0";
alert(Ajax.Delegate);
if(!Ajax.Delegete){
alert(Ajax.Delegete);
Ajax.Delegate=new Object;
Ajax.Delegate.Version="1.0.0.0";
}

スペル

>>489
ありがとうございます。
１時間半の苦労がorz

>>488
こういうミスって識別子の補完機能があるIDEつかっていれば
かなり少なくできると思うんだけど、Javascript だと
どういう環境があるの？みんなただのエディタ使っているの？
俺はメモ帳とかサクラエディタを使っている。

質問です。
セレクトメニューで選択された項目に対して、変数に文字列を代入するにはどうしたらいいでしょうか。

>>491
DashCodeに補完機能あると嬉しいんだけどなぁ
Xcodeには補完機能あるのにDashCodeにはない(´･ω･`)
Apple頼むよ…

Aptena Studioに補完機能あったかもしれないがEclipse系はJava独特のもっさり感があるのでどうも好きになれん。

http://www.panic.com/jp/coda/
こういうの買えってことなんだろなぁ

>>492
http://homepage3.nifty.com/aya_js/js2/js216.htm

ちょい訂正
よくぐぐってみたらcodaは補完いまいちだそうな

>>493
ありがとうございます。しかし例がなぜCCS・・・

>>484
iとjを持ち回したら？
>>471が言ってる通りforの中でvarで宣言、
loadXMLFileを呼び出すときにiとjも渡す。
loadXMLFileの中でhttpObjのプロパティにセット
function loadXMLFile(fName, i, j){
　　httpObj = createXMLHttpRequest(displayData);
　　httpObj.searchData = {i:i,j:j};
displayData()の先頭でiとjを受け取る
var i = httpObj.searchData.i;
var j = httpObj.searchData.j;

ただ、そもそもhtmlの中に直書きしてある「javascript 2ch.net」とかを
javascriptのコードの中に書いてる時点でどうかと思うので全体的に見直した方が良いかも

補完やツールチップ表示なら、Komodoでできるだろうな。デフォでは出来ないから、拡張を取ってくるか作るかせにゃならんだろうが、作るのはJavaScriptだから何とかなるだろ。

emacsやxyzzyなら補完なんて当たり前にできるけどな。

>>498
emacsって補完できるのかw
Mac OS Xに付いてきてるけど使ったこと無い；；
試してみます

http://www.webhtm.net/vim/inputsupport.htm
ぐぐったらviにもあった。知らなかった…
viメインにするかな…

xyzzy の actionscript-mode をjavascript用にデータ変更すれば最強だろ。

教えて下さい。
フォーム内のチェックボックスをラジオボタンのように常に1つだけ選択出来るようにしたいのですが、全く方法がわかりません。
親切な方お願いします。

>>502
FF3/Safari3.1で確認。Win起動するの面倒くさいのでIEでは未確認。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta Http-Equiv="Content-Type" Content="text/html;charset=utf-8">
<meta Http-Equiv="Content-Script-Type" content="text/javascript">
<script>
var cblist=['a','b','c'];
function recheck(c){
for(i=0;i<cblist.length;i++){
if(c!=cblist[i]){
document.f[cblist[i]].checked=false;
}
}
}
</script>
</head>
<body>
<form name="f">
<input type="checkbox" name="a" onClick="recheck('a')">
<input type="checkbox" name="b" onClick="recheck('b')">
<input type="checkbox" name="c" onClick="recheck('c')">
</form>
</body>
</html>

>>503補足
"常に1つだけ"というのが、0個選択も許さないって意味だったら↓
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta Http-Equiv="Content-Type" Content="text/html;charset=utf-8">
<meta Http-Equiv="Content-Script-Type" content="text/javascript">
<script>
var cblist=['a','b','c'];
function recheck(c){
for(i=0;i<cblist.length;i++){
if(!document.f[c].checked){
alert("最低１個選択してください。");
document.f[c].checked=true;
}
if(c!=cblist[i]){
document.f[cblist[i]].checked=false;
}
}
}
</script>
</head>
<body>
<form name="f">
<input type="checkbox" name="a" onClick="recheck('a')" checked>
<input type="checkbox" name="b" onClick="recheck('b')">
<input type="checkbox" name="c" onClick="recheck('c')">
</form>
</body>
</html>

>>502
チェックボックスのonclickハンドラでチェックボックスがONに
なるのを検出する。で、その時自分以外のを全部OFFに変更する。
この説明で分からないなら勉強してね(ここは全部書いてあげる
スレではないので)。

げげ…リロードしてなかったorz

>>502
すなおに radio を使え。

>>503-504
NAME属性値が異なっているが、それは>>502がやりたいことなのか？

ありがとございます。
配列作ってってとこまではわかったんですが、渡した引数との整合(？)で躓いていたので本当に助かりました。
もっと勉強してきます。

>>507
ググってみたらcheckboxも同じnameで配列でいけるのか;;知らなかった

>>504をする場合は素直にradio使った方が良いと思うが、>>503のように「０個もしくは１個選択」させる場合はcheckboxのほうが良いと思う。

JSONで定義した無名ハッシュのキーリストを取り出すには
どういうメソッド／方法を使えばいいんでしょうか。
Perlのkeysみたいなのがないかなと・・・
最悪、リストを2つ用意してっていうのも考えてはいます。

と思ったらまんまkeysでいいのね。ごめん。

>>511
それはどこかに定義されているのだろうな。
例えば Firebug の console には keys() も values() もあるが、言うまでもなくページからは使えない。

>>509
> 503のように「０個もしくは１個選択」させる場合はcheckboxのほうが良いと思う。

もし <form> の中に name="XXX" だけしかコントロールが無いのなら、JSは要らない。
デフォで何も選択しない状態にしておいて、reset コントロールを書けば済む。

JSが必要な状況は、
* <form> で囲まれていて、他の name 属性値を持つコントロールがある
* <form>で囲まれていない
の2通りあるが、これも radio コントロールを使って、単純に、...checked=false すれば良い。

結局、radio を使うのが最易。

httpObj.open("GET", fName, true);
　　　　　↓
httpObj.open("GET", fName, false);

このようにopenメソッドの第三引数をtrueからfalseに変えたらうまくいきました。



true　…　リクエストを送った時点で次の処理へ進む（非同期通信）
false …　リクエストからの応答があるまで待ってから次の処理へ進む（同期通信）

やっぱり、iやjがローカル変数だとかグローバル変数だとかってのは関係なかったみたいです。



っとなると、trueではどう頑張っても無理ですか？？

一応、>>496のやり方も試しましたがだめでした。

このおっさんしつこいなぁ

>>512
ご名答、Firebugでした。やっぱりブラウザにはないのね・・・
グリモンで使おうと思ったんだけど、とりあえず使わず済ませました。
Firebugを関数リファレンスと考えちゃいけないとわかったのも収穫。

>>513
>デフォで何も選択しない状態にしておいて、reset コントロールを書けば済む。
resetボタンという手があったか
そうなると、radioで無理なのは選択できるのが0~2個とか0~3個とかのときだけになるか

大した行数じゃないしjavascript+checkboxでも良い気がするが好みかな

>>517
UIの統一感という意味でも、単一項目しか選択出来ないものにはradioを使った方が良いのでは。

Class内のattachEventに関して質問です。
<html><head><script>
this.eTest = function(){
    this.prop = 100;
}
this.eTest.prototype.showProp = function(){
    alert(this.prop);
}
this.eTest.prototype.setEvent1 = function(){
    document.body.attachEvent("onclick",function(x){return function(){x.showProp()}}(this));
}
this.eTest.prototype.unsetEvent1 = function(){
    document.body.detachEvent("onclick",function(x){return function(){x.showProp()}}(this));
}
this.eTest.prototype.setEvent2 = function(){
    this.savedFunc = function(x){return function(){x.showProp()}}(this);
    document.body.attachEvent("onclick",this.savedFunc);
}
this.eTest.prototype.unsetEvent2 = function(){
    document.body.detachEvent("onclick",this.savedFunc);
}
var inst = new eTest();
</script></head><body>
<input type="button" value="setEvent1" onclick="inst.setEvent1()">
<input type="button" value="unsetEvent1" onclick="inst.unsetEvent1()">
<input type="button" value="setEvent2" onclick="inst.setEvent2()">
<input type="button" value="unsetEvent2" onclick="inst.unsetEvent2()">
</body></html>
1, unsetEvent1でイベント解除できないのはattachしたときの関数オブジェクトとは 別の関数オブジェクトだからという認識でいいんでしょうか？
2, こういった場合setEvent2のようにattachEventに渡す関数オブジェクトを保持しておき、detachEventに同じものを渡すというやり方で問題ありませんか？
3, メモリリークですが、detachした時点でメモリが解放されるということでいいですか？
4, 同じことを実現するのにベターな書き方はありますか？

>>519
関数式(関数リテラル)は、そこを実行するごとに新しい関数
オブジェクトを生成することになっている。だから確かに
attachで渡したものをとっておいてdetachにもそれを渡すように
するのが正しそう(試してないけど)。メモリが解放されるのは
あくまでもガベージコレクションのタイミング。リークというのは
ガベージコレクションしても解放されなくなるという意味。

ガベージコレクションがいつまでたっても呼び出せなくなるのがIEのリークなんじゃ？

>>521
それは言い方がおかしいと思う。その言い方だとリークが起きたら
以後ガベージコレクションが起こらなくなるという意味になると
思うが、そしたらあっという間にメモリが足りなくなるだろう。
「そのリークしたオブジェクトについてガベージコレクション
されない」という意味なら、>>520 でいう「解放」がそれに
相当すると思う。まあ言葉遣いの問題なんだろうけど。

デッドロックみたいなもんか

>>522
横やりだけど何か違和感だったのでﾚｽ。
JavaScriptの場合「参照カウントが0になったらGCされる→メモリが解放される」
だから、「参照が循環するとGCされない（サイ本P.147）→メモリが解放されない」
なので、
>>520
> ガベージコレクションしても解放されなくなる

「GCしても」っていうところがちょっとおかしいかな？と。

>>524
JavaScriptのみのオブジェクトの場合、循環参照があっても
解放される。これはマークスイープとかコピー方式のガベージ
コレクションを行っているわけだよね。一方、DOMツリーを経由
した循環参照はリークする。これはDOMツリーからたどれるオブジェクト
については参照カウントを維持していて、それが0より大きいと
「使用中」とみなされる。循環参照してしまうとどこからも指して
ないオブジェクト群でもカウントが1のまま残ってしまうというのが
このリークの本質。で、JavaScriptオブジェクトのガベージ
コレクションを実行しても、カウントが0より大きいものは回収
しないから「ガベージコレクションを実行しても解放されない」
となる。

単純なリファレンスカウントによるガベージコレクション「だけ」
の場合だと確かに>>524の言う通りだけど、この場合はそうじゃない
と理解しているんだがどうかな。

俺は使い終わったオブジェクトは極力
delete オブジェクト名;
するようにしてる。

GCの動作を理解してなかった

勉強になる。てか、よく理解できてない俺はやっぱ自分で消そうと思った。

>>526
それって
var obj = newObject;
・・・何か処理・・・
delete obj;
ってしてるってこと？
もしそうならnewObjectへの参照は消えてないよ

>>529

参照?どういうことだろう…

var hoge=function(){};

req=new hoge;
req.moge="mogera";
alert(req.moge);
delete req;
alert(req.moge); //ここで、「Can't find variable: req」／「エラー: req is not defined」などのエラーが出る。
ってことは、参照が消えてるってことではないのかな…

アホの会話はかみ合わない

新規openについて質問します。
IE7+右クリック連携で現在開いているhtmlに対し、「選択範囲にあるURL全てを開く」という内容を考えています。

パラメータが違うURLを「別ウインドウの新しいタブ」にまとめて開きたいのですが、

//処理

for(条件で繰り返し)[
window_handle = window.open(url,target,'');
}

この形式ではIE自体は別プロセスになりますが、1つのタブ内で繰り返し開こうとしてしまいます。
(ポップアップブロックは無効に設定してます)

現在のウインドウ内でも良いので、新しいタブで各URLを開いていくような回避方法がありますでしょうか?

targetの代わりに「'_blank'」を指定してみたらどうなる？

>>533
for内の条件発生分だけ、IEが新規にopenしてしまいます。

>>534
「_blank タブ」でぐぐれ。終了。

>>535
IE7の仕様ということみたいですので把握しましたです。

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

>>530
それなら消えるね
var req=new hoge; だと消えないというのを言いたかった

>>520
ありがとうござます。
メモリリークという言葉を使ったのがまずかったですが
クロージャでロックされたローカル変数はdetachしたら
解放されるのかどうかが知りたかっただけです。
プログラマはGCの正確なタイミングは知り得ませんが、
detachすればGCの対象になるのかどうかが知りたいという質問でした。

>>537
DontDelete属性の話でしょうか？
eval評価したスクリプト内のvar付き変数は
現状ではdeleteできるようですが。
ECMAScript 4ではDontDeleteつくらしいですね。



すいません話をattachEventに戻していいですか？
Class内でattachEventを使う場合は>>519よりもベターな書き方はありませんか？
みなさんどうしてるのか教えてください。


あとどの関数がどのイベントにattachされているかを知ることはできますか？
自分で管理するしかない？

ベターな書き方と言われても、自分のインスタンスへの参照が欲しいなら
方法はそれくらいしか無いと思うけどなぁ
bindすれば少し読みやすくなるかと

イベント発生時の動作をあとから切り替えたいということなら
eTest.prototype.setEvent1 = function() {
  document.body.attachEvent("onclick", (function(x) {
    return function() { return x.currentFunc.apply(x, arguments); }
  })(this));
};
これでcurrentFuncをすりかえるだけでいい

質問いたします。
下記のように２ページ先のフォームにあらかじめ用意しておいた値を
自動入力するスクリプトを組みたいのですが何か良いアイデアは有りませんでしょうか。


　IDやパスやフォーム入力値を埋め込んだ自PCのhtml "スタートページ"
　　　　　↓
　　　　　↓
　企業のログインページ ← "スタートページ"からonloadでログイン
　　　　　↓
　　　　　↓
　企業のフォームページ ← "スタートページ"のフォーム入力値をセット（この方法が思いつかない）

>>540
うん、なるほどね。
あんたがやりたがっていることには企業のなんたらIDを取得しようとそ
の攻略法に血道をあげて研究に余念のない悪の諸先輩方がいますよ。
ま、これはその初歩も初歩のかわいい手口ってとこかな。違いは、あん
たのがピンポイントで悪の諸先輩方のがランダムで攻撃して来るってと
こくらいじゃない。ここでは>>1の回答拒否に当たるかも。

>>541
勝手に悪者扱いされて心外なのですが、どうすればなんたらIDとやらを取得する話になるのでしょうかね。

>>541
日本語でおｋ


>>542
エラーくらい読めカス

>>543
勝手にカス扱いされて心外なのですが、どうすればエラー出るんでしょうかね。
知ってたら教えてもらえませんか。

>>544
てめーのブラウザ名でも添えてｇｇｒｋｓ

ttp://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1012603610

システムテストか運用時の定期的な動作テストの為か何かと思うが、
さすがにこのご時世で特に説明も無く>>540のように書かれたら、
胡散臭く思うのも仕方無い、というか疑って当然。

>>544
とりあえず何でそういうことをやりたいか書いてみたら？
同じ方法でなくともやりたいことはgreasemonkeyとかでできるかもだし

>>548
できるかもというか、できるだろというか、やってるよ俺は。
IDマネージャなどを使うより便利。gm_scriptsディレクトリはSVN管理してる。

一般にはそういう拡張(アドオン)を入れるのが手軽なんだろうな。

言うまでもないだろうが、実害が発生し得るカード情報などは、全部手入力だけどな。

マクロ組めばいいだろっていう

おしえてくだされ。参考にしているスクリプトに以下のような部分が
あるんですが、if文の中のびっくりマーク二つはどういう意味に
なるんでしょうか？一つだと分かるんですが。ググっても分から
ないのでお願いします。

var title_nodes =  document.getElementById("btAsinTitle");
if(!!title_nodes){

>>551
単なるtypoだろ

>>551
真偽値に変換するため
ちなみにifの場合は勝手に判断してくれるから必要ない

>>539
便利な書き方ですね。参考になります。

イベントを中央管理してクロージャなしで書けそうです。
試行錯誤中ですがなんとかなりそうな雰囲気

>>554
参考にしたいのでできたらサンプル見せてもらえませんか

あるボタンのonclickに対してイベントを2つ登録して
最初に登録されたイベントの結果によって
次に登録してあるイベントを実行したりしなかったりという制御をしたいのですが
どの様にすればよいのでしょうか？

>>556
そのサンプル書いてみて。

>>556
できたらサンプル見せてもらえませんか

>>557
書けたら質問しないだろ

<html>
<head>
<script type="text/javascript">
function method1() {
if (confirm("method2を阻止する？")) {
// ここでmethod2の実行を阻止したい。
} else {
;
}
}
function method2() {
alert("method2.");
}
window.onload = function () {
document.getElementById("buttonId").attachEvent("onclick", method2);
document.getElementById("buttonId").attachEvent("onclick", method1);
}
</script>
</head>
<body>
<form>
<input type="button" value="button" id="buttonId">
</form>
</body>
</html>

>>557-558
なんなのこいつら
日本語も読めない奴は回線切って首吊れよ

何故2つ割り当てるのか分からない

>>561
どこまで書けるかってのを知りたかったんじゃないのか

>>563
それを知って何になる？

IE専なんて試す気にもならないけどこんなところか
function Util(id, type) {
  this.obj = typeof id == 'string' ? document.getElementById(id) : id;
  if (this.obj) throw 'ﾊｧ(ﾟдﾟ)?';
  if (!type) throw 'ﾊｧ(ﾟдﾟ)??';
  this.work = [];
  this.obj.attachEvent(type, (function(x) {
    var a = x.work;
    for (var i = 0, current; current = a[i]; i++) {
      if (a[i].call(x.obj)) return;
    }
  })(this));
}
Util.prototype = {
  attach: function(listener, index) {
    if (isNaN(index = Number(index))) return this.work.splice(index, 0, listener);
    if (typeof listener != 'function') return false;
    return this.work.push(listener);
  },
  detach: function(listener) {
    if (typeof listener != 'function') return false;
    var i = this.work.indexOf(listener);
    if (i < 0) return false;
    this.work.splice(i, 1);
    return true;
  }
};

var hogeClick = new Util('hoge', 'onclick');
で hoge のクリックを管理するオブジェクトができる

hogeClick.attach(function() {
  return !confirm('バカなの？死ぬの？'); // false を返すとこれより後をキャンセル
})
hogeClick.attach(function() {
  alert('そうかい');
})

見直してたら間違いがあった
9行目
if (a[i].call(x.obj)) return; → if (!a[i].call(x.obj)) break;

動かしてみて試させていただきました。

> if (this.obj) throw 'ﾊｧ(ﾟдﾟ)?';
は
if (!this.obj) throw 'ﾊｧ(ﾟдﾟ)?';
に直したんですがこれでよいのですか？

> for (var i = 0, current; current = a[i]; i++) {
> if (!a[i].call(x.obj)) break;
> }
この辺りで、「種類が一致しません」とエラーがでました。
どうやったらエラーを取り除けるのかわかりませんでした。

>>568
あまりにも酷いから書きなおしますごめんなさいごめ（ｒｙ

>>561

|>>557-558
|なんなのこいつら
|日本語も読めない奴は回線切って首吊れよ

ってあんた「なんなの」って部分をちゃんとした日本語で説
明してみなよ。拝見するから。結果によっては、てめえで説
明もできねえようなら、人の批評をするなボケって話だろ。

>>568
これで動いた。type から on は削っといた
function Util(id, type) {
  this.obj = typeof id == 'string' ? document.getElementById(id) : id;
  if (!this.obj) throw 'ﾊｧ(ﾟдﾟ)?';
  if (typeof type != 'string') throw 'ﾊｧ(ﾟдﾟ)??';
  this.work = [];
  this.obj.attachEvent('on' + type, (function(x) {
    return function() {
      var a = x.work;
      for (var i = 0, current; current = a[i]; i++) {
        if (!current.call(x.obj)) break;
      }
    };
  })(this));
}

Util.prototype = {
  attach: function(listener, index) {
    if (typeof listener != 'function') return false;
    if (!isNaN(index = Number(index))) {
      this.work.splice(index, 0, listener);
      return index;
    }
    return this.work.push(listener);
  },
  detach: function(listener) {
    if (typeof listener != 'function') return false;
    var i = this.work.indexOf(listener);
    if (i < 0) return false;
    this.work.splice(i, 1);
    return true;
  }
};
function init() {
  var hogeClick = new Util('hoge', 'click');
  hogeClick.attach(function() {
    return !confirm('バカなの？死ぬの？');
  });
  hogeClick.attach(function() {
    alert('そうかい');
  });
}

>>570
結局お前はなんの役にも立ってないだろ
無駄なレスすんな

おいおい笑とけ笑とけ

バブルするイベントタイプは、アホ外人が言うイベントデリゲーションを使え。

>> 571
動作確認しました
ちゃんとキャンセルできました
まさにこの動きを探してたんです
自分でイベントの管理をするのですね
まだ私にはレベルの高い事だったので、とても勉強になりました
ありがとうございます

>>552 >>553
thanx！

ある程度時間をおいてもう一度自分のコードを読むと、少し気持ちわるいとこが見つかるよな

if (!current.call(x.obj)) break; → if (current.call(x.obj) === false) break;

attach: function(listener, index) {
  if (typeof listener != 'function') return false;
  if (isNaN(index = Number(index))) return this.work.push(listener);
  this.work.splice(index, 0, listener);
  return index;
},

name="pic[0]"を指定してるアップロードフィールドがあって、そこに入力した中身を
空欄にするスクリプトを書いています（フィールドは"pic[9]"まで10個あります）

function clearUploadField(n){
uploadPic = "pic[" + n + "]";
//alert(n);
document.mujintouForm.elements[uploadPic].value = "";
}
これに対して　onClick="javascript:clearUploadField(0)"とすると、
alertで0がただしく表示されるのに、IE6でフィールドがクリアされません
firefoxとsafariではクリアされます
どこに問題があるでしょうか？　スクリプトエラーも表示しない状況です。
どなたかご意見よろしくお願いします

◆◆◆◆◆◆◆◆◆毎日新聞社による日本人への誹謗中傷◆◆◆◆◆◆◆◆◆

・母親は受験勉強をする息子の学力向上のためにフェラチオをする
・日本人女性の55％は、出会ったその日に男と寝る
・ファストフードは女子高生たちを性的狂乱状態におとしいれる
・ティーンたちはバイアグラを使ってウサギのようにセックスをする
・女子高生は、刺激のためにノーブラ・ノーパンになる
・日本の最新の流行 : 70歳の売春婦
・老人の売春婦の人気にもかかわらず、日本では小学生の売春婦にも仕事がある
・日本の若い看護婦は売春婦に勝る
・２４時間オルガズムが止まらない病気で苦しむ日本人女性の数が増えている
・15未満の子供を対象とした疑似ポルノが日本に蔓延している
・OLの72％が、セックスをより堪能するために何らかのトレーニングを受けている
・人妻は気分転換の目的で昔の恋人に抱かれに行く
・主婦は郊外のコイン・シャワーで売春をしている
・日本男子は柔道や空手の部活で男相手に童貞を捨てている
・ほとんどすべての漁師は海でマンタとSEXしている
・まだ10代の少年から退職した老人までみんな2980円の手コキを利用している
・六本木のあるレストランでは、食事の前にその材料となる動物と獣姦する

※同社が全年齢向けコーナーで七年以上にわたり世界に向けて配信していたものの一部です
※同社の行為は日本人への偏見や人種差別、婦女暴行、幼児虐待を助長するものです

◆毎日新聞の英語版サイトがひどすぎる　まとめ＠wiki
　http://www9.atwiki.jp/mainichiwaiwai/
◆毎日新聞問題の情報集積wiki
　http://www8.atwiki.jp/mainichi-matome/

つまり日本人なら
http://www.vipper.net/vip552788.jpg

リンクをクリックしたとき、そのリンクがサイト上にある全リンクの
何番目かを知るにはどうしたら良いでしょうか？
links[]を使って出来るんでしょうか

>>580
知らんけどArray.prototypeのindexOfをcallしてみたら？

>>581
ありがとうございます。それでやってみます。

サイトがhttp://hoge.jp/、インデックスファイルがindex.phpだった場合、
トップページかを判別する方法として
location.href == "http://hoge.jp/" || location.href == "http://hoge.jp/index.php"
よりもっと短くする方法はありますか

/^http:\/\/(?:www\.)?hoge.jp\/?(?:$|index\.php$)/.test(location.href)

>>583
var urip="http://hoge.jp/";
location.href == urip || location.href == urip+"index.php"

/^http:\/\/(?:www\.)?hoge\.jp\/(?:index\.php)?$/.test(location.href)

すみません、どなたか>>578についてもご意見ください
勝手言ってすみませんがよろしくお願いします

>>587
function clearUploadField(n) {
  var target = document.forms['mujintouForm'].elements['pic[' + n + ']'];
  target.parentNode.insertBefore(target, target.nextSibling);
}

>>587
その提出コードだけどそのままIE6で動いたよ。他に問題あるんじゃ
ないの？name属性が重複しているとか。

ええと、まさかとは思うが「"hoge.jp"は"www.hoge.jp"の略」とか勘違いしている奴居ないよな？

>>577
> f (!current.call(x.obj)) break; → if (current.call(x.obj) === false) break;

これってどうして===falseにしたの？
元のままじゃダメなの？

>>588-589
どうもです
>>589　動きましたか？　何がおかしいんだろう…と思って試したんですが、
空欄にする対象をアップロードフィールド（type="file"）から
テキストエリア（type="text"）にしたところIEでも空欄に出来ました。
type="file"じゃダメみたいです。
>>589さんが成功したのって、失礼ですが　type="file"　だったんでしょうか？

>>588
詳しい回答ありがとうございます
参考にしてDOMの勉強もしてみます　ほんとにありがとう

>>592
>>589です。試したのはtype="file"じゃなかった。ごめん。
昔からtype="file"の問題はいろいろあるんで自分はこれは
使えないシロモノだとずっと思ってる。

使えないのはtype="file"ではなく、（ｒｙ

>>593
そうですか　それがわかっただけでも良かったです
考えたら参照ボタン以外でアップロードフィールドに値を入れれたら危険ですね
submitボタンにスクリプトを仕込んだらどうしようもないかも…
ありがとうございました

何がそうですねだ馬鹿。

馬鹿って言った人が馬鹿なんだよね

>>585
短い変数に入れてしまえばいいのですね、ありがとうございます

DOMContentLoadedが使えるブラウザならDOMContentLoadedのタイミングで、
使えないブラウザならonload（なり他のタイミングなりで）で
関数を実行させようとしているのですが
DOMContentLoadedが実装されているかどうかを調べるスマートな方法ってないでしょうか？

ブラウザとバージョンを調べれば簡単なんですがちょっとコードが見苦しくなるので…

domready.js

>>599
特定のイベントタイプ単体を実装しているか調べる方法が標準に定義されてないから
スマートな方法はないと思う

parthInt(a - b)とparthInt(a) - parthInt(b)の違いって何でしょうか?

var a = "09"; var b = "01";
としたとき、後者の場合結果が-1になってしまいます。

基数

>>599
両方に登録して、DOMContentLoadedが実行されたら
フラグを立ててloadを実行させなくする方法がよく使われてるね。

>>602
0で始まってるから自動的に8進で解釈されてるんだね。
parseInt('09', 10)

前者はNumber()による型変換と同じだね。

>>604
目から鱗
存在確かめずに決め打ちでほうり込んでるように見える
プログラムをいくつか見たのですがそういうことだったのですね

ありがとうございました

質問です。

ある16桁の乱数があって、
（例）qawsedrftgyhujik
その中に"sedr"及び"huji"いう文字が含まれているかどうか調べるには
どうしたらいいでしょうか。

indexOf

>>608

ありがとうございました。それでできるんですね
調べてみます。

ある配列要素からその要素の前にいくつ要素があるか
調べる方法はないでしょうか

例えばa[3]の前にはa[0]、a[1]、a[2]の3つの要素あるのですが
それをa[3]から調べるにはどうしたらいいでしょうか

疎な配列ということなら
for (var i = 0, res = 0; i < 3; i++) res += i in a;

js> var a = [];
js> a[0] = 0;
0
js> a[3] = undefined;
js> a[6] = null;
null
js> a[9] = '';

js> Array.prototype['10'] = NaN;
NaN
js> Array.reduce(Array.slice(a, 0, 0), function (r) r + 1, 0);
0
js> Array.reduce(Array.slice(a, 0, 1), function (r) r + 1, 0);
1
js> Array.reduce(Array.slice(a, 0, 2), function (r) r + 1, 0);
1
js> Array.reduce(Array.slice(a, 0, 3), function (r) r + 1, 0);
1
js> Array.reduce(Array.slice(a, 0, 4), function (r) r + 1, 0);
2
js> Array.reduce(Array.slice(a, 0, 10), function (r) r + 1, 0);
4
js> Array.reduce(Array.slice(a, 0, 11), function (r) r + 1, 0);
4
js> a[10] = NaN;
NaN
js> Array.reduce(Array.slice(a, 0, 11), function (r) r + 1, 0);
5

IEは早く氏ね

>>613
IE8だけはがんばってほしいと思うよ

Objectのプロパティを削除するときに

var o = {};
o.property = hoge;
o.property = null;
delete o.property;

とする必要はありますか？
null入れずに
delete o.propertyだけで十分？

・テキストエディタ
・ドラッグした部分の文字色を青く変える機能付き
・ドラッグした部分の文字色を戻す機能付き
・そして、青く変わった部分の文字を切り出し(抽出して)出力する機能付き
・最後に、その出力した部分を保存もしくは、PHPで飛ばす

こんなテキストエディタを作りたいのですが、JavaScriptで作れますか？
色変える部分で挫折しそうです。文字サイズはとってこれますが、フォントカラーを取ってきて、出力や保存が出来ません

>>615
Operaはバージョンによってはdeleteでエラー。この糞マイナーな手抜きブラウザを無視するなら、deleteだけでよい。

>>616
色とかフォントとかいう時点でワープロやがな

ブログ、掲示板などの編集画面など、ウェブ上のテキストエディタありますよね
あれをJavaScriiptを用いて作ってみたい、改変してみたいと考えています

一番ソースの見やすい、改変しやすいWebテキストエディタありますか？
オススメ等ありましたらお願いします

>>617
じゃあ念のためnull入れるように習慣付けることにします。

>>616
やりたいことは分かったけど質問内容から推察するに
挑戦するにはまだちょっと早いような・・・？

>>621
テキスト解析だから、IQに大きく依存する。昨日今日プログラミングを始めた奴でも、IQが高ければいきなり作れるぞ。

色分けなら\u02と\u03で囲んでそれぞれをspanの開始タグと終了タグに置換すればいい、ってばっちゃがいってた

>>621
昨日今日プログラミングを始めたIQが高い奴がどんなものを
書くのか・書けるのかぜひ見たい。絶対に作ってUPしたらURI
教えてくれ。

IQはどうでも良いが、頭の良い人間なら、
スクラッチから書くのでは無く、ググって似たようなサンプルを見つけ、
そのプログラミング言語に慣れていなくても正常に動作する物を書けそうだけどね。

WordPress の投稿画面は結構よくできてる
ソースが読みやすいかどうかは知らね

>>611
調べるのを開始する配列要素が何番目か分からないので
その方法では駄目でした

>>627
これは？
var a=[,'A',,'B','C',,'D','E'];
var res;
for (var i in a) {
　if (a[i] == a[3]) {
　　res = i;
　　break;
　}
}

alert(res);

>>628
質問とはズレるが、それは疎な配列にならない。undefinedが割り当てられている。求められて仕方なくundefinedを返すのとは違う。というかそのコードを実行して気付かないのか。

>>627
抜けが無いのなら、Array.indexOf() で一発。無ければモジラのサイトのをコピペして使え。
抜けが在るのなら、Array.reduce() などと組み合わせる。無ければモジラのサイトのをコピペして使え。

もし===な比較が邪魔なら、別のArray.indexOfCastValue() を作れ。これもモジラのサイトのをコピペして微修正すればできる。

js> var v = false;
js> var a = [];
js> a[0] = 0;
0
js> a[3] = null;
null
js> a[6] = undefined;
js> a[9] = '';

js> a[12] = false;
false
js> a[15] = NaN;
NaN
js> Array.reduce(Array.slice(a, 0, Array.indexOf(a, v)), function (r)  r + 1, 0);
4

>>574
イベントデリゲーション興味があります。

onclickのようにバブルするイベントタイプの場合は、
個別のエレメントにハンドラ付けていくのは無駄が多すぎるので、
例えば各エレメントの上位オブジェクトのdocumentにひとつハンドラつけてれば
ページのどこでclickされようがイベントがバブルしてきて
documentのハンドラでイベントを受け取れると。

で、event.srcElementなりevent.targetなりでイベント発生元エレメントが
取得できるということですよね？

で、そこからどうするのかいまいち分からないんですが、
バブルしたイベントを受け取ったdocument.onclick = function(){ ... } 内で
イベント発生元エレメントの情報をもとに、あらかじめ構築しておいた対応テーブルを検索して
処理先を特定し処理を振り分ける――ということなんでしょうか？

今のところハンドラの数を減らすテクニックという理解でしかないんですが
メリットは他にもあるんですか？

>>630
他にもあるというか、コードの読みやすさ・スピード面で有利な場面がいくらでもある
obj[event.target.value] とか想像しやすいと思う
まあ>>556のケースではバブリングなんて関係ないけど

>>630
イベント対象となりえるエレメントを動的に追加/削除する場合にも、
イベントデリゲーションは有効だね。

>>631
<div id="itemRoot"><div id="item1">item1</div><div id="item2">item2</div></div>
のようにevent.target=イベント処理対象エレメントのような単純な構成なら、
スピード面でも有利かもしれないが、
item1に子エレメントが含まれるような場合には、
DOMツリーを遡って対象エレメントを確定する必要がある場合も考えられるので、
一概にスピード面で有利とも言えないのでは。

>>632
処理先を特定し処理を振り分ける っていうのは前提として既に>>630で出てるからいいとして、
極端な例だけど elm.src = obj[event.target.title]
っていう場合、タイトルでswitchして・・・とかありえないわけで、メリット以前の問題だろ？
「そういう場面がいくらでもある」のは自明だし、子エレメントとかそんなことは言ってないよ

>>540
ttp://www.sponichi.co.jp/society/news/2008/07/01/12.html

テキストボックスをjavascriptで作成しました
そのテキストボックスの性能は、自分としては文句なしの出来でした

問題はそのテキストボックスへ入力した内容をどう他へ渡すかです
PHPのSubmit使おうにも、データの型がわからず、形式もわかりません

また、教本等も持っていなく、Web頼りだったのですが、サイトやお薦め教本ありませんか？
PHPスレで聞くべきか悩みましたけど、JavaScriptを用いたテキストボックスを使っているのでこちらで聞くことにしました

その「文句なしの出来」の性能をもつテキストボックスを作成する
JavaScriptを是非ここに載せてもらいたい。

いや、自分の想定通りに出来たという意味です
人様に見せれるようなモンじゃありません

見せられる、だろ。すんごくバカに見えるよね。

>>638
何だコイツ

>>638
なんだこいつ

>>638
何だコイツ

>>638
どうしたんだオマエ

>>639-642
寝ろ

>>632
>イベント対象となりえるエレメントを動的に追加/削除する場合
なるほど。書き換える範囲が特定されている場合はその親エレメントに
ハンドラをつけていれば中身がどう変化しようと問題がないわけですね。

グッナイ！　＜ 欧米か!?

>>639-642==637==635か
つ黄色い救急車

>>633
正直日本語でおｋ過ぎて何を言いたいのか不明。

実際にイベントデリゲーションを利用した実装を行った事があるのなら、
event.targetのエレメントをそのまま使うようなケースの方が少ない、
あるいは対象となるエレメント全てに属性値などを設定するのも非現実的というのは判るだろうけど。

横からすまんが
”日本語でおｋ過ぎて”とか、日本語としてどうなのよw
軽く解釈悩んだぜ

アホな文章を突っつく際でも、2ch独特な慣用句を捏ね回しちゃ反論の連鎖に繋がるよ。

マルチになってしまいすみません。初心者スレから誘導されました。
この板も初心者なのでお許し下さい。
IDが違うのはアクセス規制かかってて、ダイヤルアップのためです。

本題ですが、ページ内リンクをアイフレーム内でやりたいのですが、
<a name>でやってみたところ、アイフレームはずれるわスムーズにリンク先に
飛ばないわと、とても使い物になりません。
これはどうやら仕様で、どうしようもない現象のようです。
そこで同じようなことをジャバスクリプトでやりたいのですが、
良いサンプルがあれば教えてください。
同一ページ内だけではなく、他ページからのリンクで記事までスクロール
してくれるものが良いのですが。

言語をやってる以上なんであれ文法に拘束される言語の正規使用にはセ
ンシティブでありたいものだね。よくさ、日本語もロクにできないのが
英語でペラペラになりたいとか言ってるじゃん。母国語も満足に組み立
てられない奴がプロブラミングのシンタックスに厳しいというのはあり
得んと思う。

板違い

>>555
できました。

それなりにしっかりしたものになったので「evtmgr.js」として公開することにしました。
URLさらします。

本体
http://itmst71.googlepages.com/evtmgr.js

デモページ
http://itmst71.googlepages.com/evtmgrjs_demo.html

ドキュメント
http://itmst71.googlepages.com/evtmgrjs_document.html



バグとかとんでもない勘違いとかあるかもしれませんが

質問です。
document.write("<input>");
で作ったインプットボックスに何か入力を行うと、その後F5ボタンでページ更新をかけてもさっきの入力が残ってしまうのは避けられないのでしょうか？
最小再現コードは
<html>
<head>
</head>
<body>
<script type="text/javascript">document.write("<input value=\"\">");</script>
</body>
</html>

です。
<body onload="clear();">
とし、clear()内でinput.valueを消すようにしたら消えたのですが、なんとも納得のいかないところです。

>>653
Firefox？

あ、すいませんIEです。
どうもHTMLが更新されないと、キャッシュされるっぽい？です。

>>652
これじゃなんのことか分からないことに気づいたのでもう少し説明書いときます。

evtmgr.jsの特徴
　・中央管理型イベントマネージャモジュール。
　・登録イベントをイベントタイプや呼び出し関数などで検索可能。
　・クラス定義コード内でクロージャを使用することなく
　　thisキーワードをそのままインスタンスへの参照としてイベント登録に使える。
　・登録イベントを条件を指定して一括削除可能。
　・ページアンロード時に全てのイベントを削除できるのでメモリリークしない。
　・自動ガーベッジコレクション機能搭載。
　・大体のブラウザで動く。

なんかおかしいところあったら指摘してくれると助かります。
よろしくお願いします。

>>656
うん、なかなか便利だね。

FireFoxのマウスジェスチャアドオン用のスクリプトを書こうとしています

ジェスチャ実行時に（選択された）テキストなのかそれともリンクなのか判断するif文を作りたいのですが、
どうすればいいでしょうか？

var o = new Hoge();
o.onKeyDown = function(c){省略};

クラスを生成後、一部のクラス関数をオーバーライドした上で

省略〜 onkeydown="o.onKeyDown(this);" 〜省略

のように使いたいのですが、可能でしょうか？
少なくとも上の書き方ではうまく動作しませんでしたが・・・

省略部分を超能力で解析した限りは動くみたいだけど

<script>
var Hoge = function(){};
var o = new Hoge();
o.onKeyDown = function(c){ alert(c.value) };
</script>
<input type="text" value="test" onkeydown="o.onKeyDown(this);">

window.location.reload(); で自動更新させてます。
これだとサイト全部がリロードされるのですが
インラインフレームの中だけ動かないようにするのは
どうしたらいいでしょうか？

インラインフレームの中の呼び出しも添えてリロードすればよいのでは？

質問です。
ttp://www.hotajax.org/content/view/515/248/
この「ShowCase menu」を応用して画像のギャラリーページを作りたいのですが、
</div></div>で区切って2段に分けても、上下のメニューが連動してしまいます。
1ページ内で完全に切り離して動作させたいのですがどのようにしたら良いでしょうか？
よろしくお願いします。

どうやってヒモ付けられているか考えながら読めドアホ。質問するようなことじゃねえだろ。ほんと、JS終わってんな。

そうそう。そもそもWeb製作板にあることが間違ってる。

if(664==DQN)alert('BINGO!!');

>>665
JavaScript　＠ム板
http://pc11.2ch.net/test/read.cgi/tech/1192182741/
JavaScriptを教えてもらう　＠WebProg
http://pc11.2ch.net/test/read.cgi/php/1147856117/

ム板ならこっちだろ

ECMAScript デス 3
http://pc11.2ch.net/test/read.cgi/tech/1190160481/

BINGO!!

>>667ｰ668
どっちのスレでも板違いって話しが出てるんだが…

とりあえず663をどうにかしてやれ

prototype.js使わないで、文字化けさせずにXMLHttpRequestでテキスト取得する方法ってありますか？

曜日ごとに違うJSファイルを呼び出そうとしているのですが
document.writeの書き方が悪いらしく
"); // -->みたいな文字化け表示がおこってしまいます。
どうかお助けください。

<SCRIPT LANGUAGE="JavaScript">
<!--
dt = new Date( );
d=dt.getDay( );
if (d==0){ JSDoc="http://xxx.com/xxx.js"}
if (d==1){ JSDoc="http://xxx.com/xxx.js"}
if (d==2){ JSDoc="http://xxx.com/xxx.js"}
if (d==3){ JSDoc="http://xxx.com/xxx.js"}
if (d==4){ JSDoc="http://xxx.com/xxx.js"}
if (d==5){ JSDoc="http://xxx.com/xxx.js"}
if (d==6){ JSDoc="http://xxx.com/xxx.js"}
document.write("<script src='+ JSDoc +'></script>");
// -->
</SCRIPT>

誰かTinyMCEというJavascriptを使ったWYSIWYGエディタを使ってシステムを構築している人いませんか？

IE+IMEで最初に確定した全角文字列が、2番目の文字列を入力しようとすると消えるという事が多発しています。
これってどうにかならないのかな・・・ググってみると結構この症状が出てる人いるみたいだけど、解決策はなしorz
また、たまーにTinyMCEを適用したテキストエリアに文章を入れた後、登録（Submit）すると文章が全て消える、という事も起きます。

かなりBuggyなので使わないほうがいいのかな・・・。

>>672
document.write('<script src="' + JSDoc + '"></script>');

>>672
配列用いた方が楽。
dt = new Date();
d  = dt.getDay();
js = ["日.js","月.js","火.js","水.js","木.js","金.js","土.js"];
JSDoc = js[d];

>>675
こうすればもっと楽。ファイル名+=曜日にする
document.write('<script src="' + JSDoc + (new Date().getDay())'"></script>');

>>676
意味わからん。
document.write('<script src="' + JSDoc + (new Date().getDay()) + '"></script>');
とりあえずこうだし、もしこれでやるなら月曜日.js1とかになると思うが。

どうもありがとうございます。
早速試してみます。

'<' + '/script>'

>>672
ちゃんとelseを使えボンクラ。

簡単なコードの問題だと人が群がる群がるｗ
いままでどこにいたの君たち

>>671もお願いします

>>682
ログ嫁

>>670もお願いします

背景を操作するってどうしたらいいんでしょう？
既存の背景の画像のポジションを動かしたいんですが、以下だとダメみたいです

document.getElementById("tab").style.background-position = 0 -31;

cssのスレで聞いたほうが良いのかな？　よろしくお願いします

>>685
JavaScriptだとCSSの-が使えないので大文字になる
backgroundPosition
で検索すると結構サンプル出るよ。

>>684
上段も下段もshowCaseってclassにしちゃってるんじゃないの？
どういう状況かわからないけど、上段と下段でclass名変えてあげれば上手くいかない？

>>687
cssのコードをコピーしてclass名を「#showCaseContainer2」のように全てに2を付加して変えてみたところ
下段だけ動かなくなったのですが、Javascriptの方もコピーするんですか？

>>688
あのさあ、何十時間あった？
そんだけありゃあ、意味が分からなくとも、全文字を読めただろ。
どことどこに関連性がありそうか、それでも気付かなかったのなら、質問しろ。

>>689
スイマセン。
showCases = document.getElementsByClassName('showCase'); // fetch showcase objects
が関係あるところまでは分ったのですが、ClassName('showCase');のところを
ClassName('showCase1');
ClassName('showCase2');
ClassName('showCase3');
のように複数個指定したいのですがどうしたらよいでしょうか？
1ページに3段表示したいのですが、それぞれを分けてjsファイルを3つ作るしかないのでしょうか？

document.clearで自分自身をクリアし、スクリプトでHTMLを書き出したいのですが
フォント化けたり、ボタンの幅が変化したりしてしまいます。
どこを直せばいいんでしょうか？

<HTML>
　<HEAD>
　　<SCRIPT type="text/javascript" charset="Shift_JIS">
　　　function g_execute(){
　　　　document.open();
　　　　document.clear();
　　　　document.write('<HTML>\n');
　　　　document.write('　<BODY>\n');
　　　　document.write('　　<A href="dummy.html">てすと<\/A>\n');
　　　　document.write('　　　<HR>\n');
　　　　document.write('　　　<INPUT type="button" value="動的ページ" onClick="g_execute();"><BR>\n');
　　　　document.write('　<\/BODY>\n');
　　　　document.write('<\/HTML>\n');
　　　　document.close();
　　　}
　　</SCRIPT>
　</HEAD>
<BODY>
　<A href="dummy.html">てすと</A>
　<HR>
　<INPUT type="button" value="動的ページ" onClick="g_execute();"><BR>
</BODY>
</HTML>

>>691
環境を書いてもらわないと何とも言えないな
Fx+Linuxだがこっちは全然>691の言う問題は発生してない

>691の環境に合わせてcontent-typeの文字コードを変えてみてくれ

<HTML>
<HEAD>
<SCRIPT type="text/javascript" charset="Shift_JIS">
function g_execute(){
document.open();
document.clear();
document.write('<HTML>\n');
document.write('<HEAD>\n');
document.write('<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n');
document.write('</HEAD>\n');
document.write('<BODY>\n');
document.write('<A href="dummy.html">てすと<\/A>\n');
document.write('<HR>\n');
document.write('<INPUT type="button" value="動的ページ" onClick="g_execute();"><BR>\n');
document.write('</BODY>\n');
document.write('</HTML>\n');
document.close();
}
</SCRIPT>
</HEAD>
<BODY>
<A href="dummy.html">てすと</A>
<HR>
<INPUT type="button" value="動的ページ" onClick="g_execute();"><BR>
</BODY>
</HTML>

>>692
環境はWindowsXP＋IE6

です。

XHTMLRequest には same-origin ポリシーがあるけど，
JSONP にはそういうのないよね？
DOM 操作で <script> タグ生成して
src で動的に読みたい放題になりそうな気がするんだけど，
それは「穴」として認識されいるの？
それともそれは仕様で今後制限されることはないの？

>>695
それがJSONPの特徴だから。

>>696
まぁFlashでもクロスサイトできたりするし，
それでいいのかもしれないけど，だったらなんで
XHTTPRequest （さっき書き間違えた）では
あんなに厳しく same-origin ポリシーがかかってるんだと・・
正直抜け穴放題なら全然意味ないじゃん，っておもた

XHTTPRequest ではリクエストヘッダを設定できたり
認証情報を自由に設定できたりするからってこと？
JSONPではそこまでの自由度がない，と．

他ドメインのスクリプトだって他ドメインのリソースを読めるわけじゃないだろ

スイマセン。
cssのshowCaseContainer関連項目をコピーしてshowCaseContainer1〜3を作成。
showcase.jsも同様にコピーして、showcase1〜3.jsを作成。
showcase.js内の11行目showCases = document.getElementsByClassName('showCase');もそれぞれ1〜3に変更。
「showcase1.js」 「showcase2.js」 「showcase3.js」をhtmlで読み込んでみたのですが、
（上から）3段目しか動作いたしません。

いろいろ試してはいるのですが、どうしても上手く動作しません。
どなかた解決策を教えてくださいm(_ _)m

質問させてください。
下記のようなリンクがが複数(可変)あります。

−−−−−−−−−−−−−−−
｜画像１A｜画像１B｜テキスト１｜←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−
｜画像２A｜画像２B｜テキスト２｜←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−
｜画像３A｜画像３B｜テキスト３｜←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−

画像１A、画像１B、テキスト１のどれかにマウスオーバー時、画像１Bの画像とテキスト１の文字色を変更したいと思います。
単純にテキスト１をマウスオーバー時にテキスト１の文字色を変えるならcssのa:hover、画像１Bをマウスオーバー時、画像１Bの画像を差し替えるならJavaScriptで出来たのですが、
例えば、画像１Aをマウスオーバー時、画像１Bの画像を差し替えつつ、テキスト１の文字色を変える方法が分かりませんでした。

その為、何かアドバイスいただける方はご指導いただければと思います。

なお上記の画像などの中身には下記が入ります。
画像１A・・・花の写真
画像１B・・・矢印画像
テキスト１・・・花の名前

そして、画像１Aの花の写真のサイズは不定となっております。

よろしくお願いします。

a.foo:hover { color: red; }
a.foo:hover > img.bar { display: none; }
a.foo:hover > img.baz { display: inline; }
a.foo > img.baz { display: none; }

>>702
レスありがとうございます。
>>702を参考に書いてみたのですが、マウスオーバーしても画像に変化はありませんでした(テキストは変化しました)。
下記がそのソースですが、どのあたりに問題があるかご指導いただければと助かります。

<html>
<head>
<title>title</title>
<style type="text/css">
<!--
a.foo:hover { color: yellow; }
a.foo:hover > img.bar { display: none; }
a.foo:hover > img.baz { display: inline; }
a.foo > img.baz { display: none; }
-->
</style>
</head>
<body>
<a href="index.html" class="foo"><img src="img/kiku.jpg" alt="キク" width="200" height="100">
<img src="img/arrow.gif" alt="" width="13" height="13" class="bar baz">キク</a>
</body>
</html>

それと本件はCSSのみで対応可能ですか？
それならスレ違いになるので、どうしようかとおもったので。

JavaScriptとは何の関係もない.

>>704
了解です。
CSSのみで実現可能みたいなので、CSS系のスレに移行することにします。
どうもありがとうございました。

Javascriptでタイマー機能を作成しています。
チャットのように30秒ごとに画面が切り替わるという仕組みなのですが、
サイトやサーバが重い時、30秒以上時間がかかります。
（カウントのスタートがされない）

Javascriptはクライアントサイドの技術なので、
自分のパソコンや回線の問題でしょうか？

>>706
エスパーはいません
ソース貼れ

【外部リンクさせたjavascriptが上手く作動しない？】

最初、HTML内に記述されたjavascriptを、外部ファイルとしてリンクさせたんだが、
どういう訳か文字化けをおこしてしまう。原因がわからないので是非ご教示いただきたい。


実際のページを用意している。

＜javascriptを外部リンクさせて、文字化けしてしまうページ＞
http://xrea151.s151.xrea.com/index.html

＜javascriptをhtml内に記述して、うまく動いているページ＞
http://xrea151.s151.xrea.com/index2.html


もちろん、javascriptの内容は全く同じ。
外部リンクさせた時のjavascriptのファイル名はmenu.js。

補足
IE6では文字化けはしないが、javascriptがうまく動かない。
IE7だと文字化け＋javascriptがうまく動かない。

なぜだ・・・。

menu.jsがシフトJISみたいだけど？

>>707
すみません。以下のソースです。

<script type="text/javascript">
timerID = "";
function jump() {
window.self.location.href= "timer.html";
}
function init() {
timerID = setTimeout("jump()", 30000);
document.getElementById('mess').innerHTML = "30秒後に移動";
}
</script>

<body onLoad="init()">
<div id="mess"></div>

何度も済みません。古い方のソースを貼ってしまいました・・。
以下が問題のタイマーです。

timerID = "";
count = 30;
function jump() {
window.self.location.href= "timer.html";
}
function init() {
if(count>=0){
count--;
document.getElementById('mess').innerHTML = count+"遘貞ｾ後↓遘ｻ蜍?";
}
timerID = setTimeout("init()", 1000);
}

>>710
Unicodeで作り直したら直った・・・。
ありがとう、、これで家に帰れるよ・・・。

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

>>695, >>697, >>698
どうすればそれだけ間違え続けられるんだ？痴呆老人の会話じゃねえか。

>>706
コード的には問題ない
カウンタがスタートするのはonLoadのタイミング、文書構造を読み込んでからなので
遅いサーバからだとカウンタがスタートしてないように見えるんじゃないだろか

あとTimerIDとかいらないので書き直した

<script type="text/javascript">
function init() {
document.getElementById('mess').innerHTML = "30秒後に移動します";
setTimeout(function() {
window.self.location.href = "timer.html";
}, 30000);
}
</script>
<body onLoad="init();">

ttp://orera.g.hatena.ne.jp/miya2000/20080211/p0
にあるuser.jsのようなことをやりたいと考えています。
例えばhoge.com内のhogeディレクトリ以下、つまりhttp://hoge.com/hoge/以下にあるファイルを別のブラウザで開きたいのです。
そこで当初は変数TARGET_URL内に「http://hoge.com/hoge/」を記述していたのですが、hoge.com内にあるファイルにはリンクが相対パスで張られているものも多く、
これではそのリンクに対して期待した動作をしてくれません。
何か良い解決策はあるでしょうか。

具体的にはニコニコ動画の再生ページだけFirefoxで開こうと考えています。現在は一つのjavascriptで書く方法が思い浮かばなかったので、以下のような2つのjavascriptで使っていますが、
スマートじゃなくて気持ち悪い。。。

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

一つ目のjavascript。
http://*に対して有効とするjavascriptです。

(function() {
var MIME_TYPE = 'application/x-open-firefox-html';
var TARGET_URL = [
'http://www.nicovideo.jp/watch/',
];
for (var i = 0; i < TARGET_URL.length; i++) {
TARGET_URL[i] = 'starts-with(@href,"' + TARGET_URL[i] + '")';
}
var target_xpath = '//a[' + TARGET_URL.join(' or ') + ']';
function main() {
var targetLinks = document.evaluate(target_xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i < targetLinks.snapshotLength; i++) {
var link = targetLinks.snapshotItem(i);
link.addEventListener('click', function(e) {
e.currentTarget.href = 'data:' + MIME_TYPE + ';charset=utf-8,' + encodeURIComponent('\n<meta http-equiv="refresh" content="0; url=' + e.currentTarget.href + '">');
e.currentTarget.removeEventListener('click', arguments.callee, false);
}, false);
}
}
document.addEventListener('DOMContentLoaded', main, false);
})()

二つ目のjavascript。
http://nicovideo.jp/*に対して有効とすjavascriptです。（つまり相対リンク対策）

(function() {
var MIME_TYPE = 'application/x-open-firefox-html';
var TARGET_URL = [
'\/sm',
'\/nm',
];
for (var i = 0; i < TARGET_URL.length; i++) {
TARGET_URL[i] = 'contains(@href,"' + TARGET_URL[i] + '")';
}
var target_xpath = '//a[(' + TARGET_URL.join(' or ') + ') and not(starts-with(@href,"http://www.nicovideo.jp/"))]';
function main() {
var targetLinks = document.evaluate(target_xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i < targetLinks.snapshotLength; i++) {
var link = targetLinks.snapshotItem(i);
link.addEventListener('click', function(e) {
e.currentTarget.href = 'data:' + MIME_TYPE + ';charset=utf-8,' + encodeURIComponent('\n<meta http-equiv="refresh" content="0; url=' + e.currentTarget.href + '">');
e.currentTarget.removeEventListener('click', arguments.callee, false);
}, false);
}
}
document.addEventListener('DOMContentLoaded', main, false);
})()

getAttribute

すいません、質問です。

求人サイトを制作しています。

「コンビニのレジ」
「プールの監視員」
「チラシのポスティング」

・・・といった求人情報がずらずら並んだページがあります。

各求人情報のブロックにはそれぞれ「この仕事に応募する」ボタンが配置されています。

ここで、

「コンビニのレジ」という求人情報のブロックに設置されたボタンをクリックすると

（１）応募フォームが開き、
（２）開かれた応募フォームの「応募する仕事」のセルには「コンビニのレジ」が表記されている

以上が実現できるjavascriptの書き方を教えてください。

求人情報のページ→応募フォームというように、二つのページにまたがる場合の表記方法が
よく分かりません。

同一ページ内のHTML書き換えであれば、

document.getElementById('jobtype').innerHTML = hogehoge

で実現できるのですが・・・。

>>716-718
アホ外人が俗に言うイベントデリゲーションを使うべき典型例だろ。リンク全舐めとか、ええ加減にせえよボケ。全舐めしても、使うのは、ふつう、たった一つだ。気付けアホンダラ。

>>716
Firefoxに移行して URL Relay

みなさんレスありがとうございます。

>>719
なるほど、getAttributeを使うと絶対パスが返ってくるんですね〜
てことは、XPathを使わずにgetAttributeでhrefを抽出し、それにイベントを付けるんでしょうか？
なにぶんjavascriptを初めていじるもので、全然違うことを言っていたら申し訳ありません。

>>721
リンク全舐めというのはXPathでの抽出という意味でしょうか？
イベントデリゲーション。。。上の方にも出てきてるみたいですね。
しかし、なんかよく理解できません。出来れば例を示して頂けると幸いなのですが…

>>722
なんと。Firefoxにはそんな便利なアドオンがあったのですね。
けど、どうしてもOperaでの結果をFirefoxに渡したいのです。
引き続きよろしくお願い致します。

あれ？むしろgetAttributeが属性値をそのまま返すんじゃなかったっけ

>>723
documentのclickでtargetがaならhrefをごにょごにょする

http://d.hatena.ne.jp/brazil/20070103/1167788352

>>720
引数付きでURL渡す。　form.html?コンビニのレジ　みたいな感じ

>>724
レスありがとうございます。
流れとしては、クリックイベントが起きたときにgetAttribute("href")でリンク先の絶対URIを取得し、それがhttp://www.nicovideo.jp/watch/から始まるかどうか判定、真ならMIME_TYPEの変更を
行うといった感じでしょうか？
う〜ん。。。流れは合ってたとしても実装方法が全然わからんすorz
もうちょっとだけヒントくださいTT

addEvantListener
event.target
tagName.toLowerCase

つかOperaのhrefはちゃんと絶対パスを返すはずだが。知らんけど

>>726
a.hrefなら相対リンクとか関係なく絶対URI(絶対パスじゃなく)が返るから
こんな感じでいけると思う

(function() {
var MIME_TYPE = 'application/x-open-firefox-html';
var TARGET_URL = [
'http://www.nicovideo.jp/watch/',
];

// メタ文字のエスケープしてない
var rTARGET_URL = new RegExp("^"+TARGET_URL.join("|^"));
// ページ内のクリックを拾う(OperaはEnterキーもクリック相当)
document.addEventListener('click', function(e){
// a > imgのときはimgがtargetになってしまったりするのでターゲットフェーズから上方向にアンカーを探す
// (selectSingleNodeはOperaが対応しているMSXML由来の非標準メソッド)
var t = e.target.selectSingleNode('ancestor-or-self::a[1]');
if (t && rTARGET_URL.test(t.href)) {
e.preventDefault();
location.href = 'data:' + MIME_TYPE + ';charset=utf-8,' + encodeURIComponent('\n<meta http-equiv="refresh" content="0; url=' + t.href + '">');
}
}, true);
})()

ターゲットフェーズじゃねーや
ターゲットノードだ

>>727
すいません、正直javascript全然わかんないです。
一応↓のように書いてみたんですが、期待した動作をするわけありませんよね^^;
個人的にはe.target.hrefにデータを代入しようとしている当たりが相当無理な気がするのですが。。。他にもイベント関係が全くわかりませんでした。
やりたかったことは、クリックイベントが発生したらmain()にイベントが渡って、そのイベントが持っているtarget（ここではドキュメント？）内のhref属性をgetAttribute()にて絶対URIに補完、それがTARGET_URLに指定してあったURLから始まるなら
MIME_TYPEを変更…といった具合だったのですが。。。
それと、今回は小文字への正規化（727で教えて頂いたtagName.toLowerCase？）は省略してます。

(function() {
var MIME_TYPE = 'application/x-open-firefox-html';
var TARGET_URL = [
'http://www.nicovideo.jp/watch/',
];
function main(e) {
for (var i = 0; i < TARGET_URL.length; i++)
if(!getAttribute("href",e.target).indexOf(TARGET_URL[i])) {
e.target.href = 'data:' + MIME_TYPE + ';charset=utf-8,' + encodeURIComponent('\n<meta http-equiv="refresh" content="0; url=' + e.target.href + '">');
break;
}
}
document.addEventListener('click', main, false);
})()

>>728
あれ、すいませんレスがついてるのを確認せずに書き込んじゃいました。
730は無かったことに^^;
728さんのソース試させてもらってきます！！

連投失礼します。728さんのソースを以下のようなnico_open.jsとして保存し、UserJS用フォルダに入れたのですが、残念ながら相対パスで書かれているリンク先も、絶対パスで書かれているリンク先もFirefoxでは開かれませんでした。ううん、引き続きよろしくお願い致します。
以下nico_open.js
// ==UserScript==
// @name open in firefox
// @description open specified link(absolute href) in Firefox.
// @include http://*
// ==/UserScript==
(function() {
var MIME_TYPE = 'application/x-open-firefox-html';
var TARGET_URL = [
'http://www.nicovideo.jp/watch/',
];
// メタ文字のエスケープしてない
var rTARGET_URL = new RegExp("^"+TARGET_URL.join("|^"));
// ページ内のクリックを拾う(OperaはEnterキーもクリック相当)
document.addEventListener('click', function(e){
// a > imgのときはimgがtargetになってしまったりするのでターゲットノードから上方向にアンカーを探す
// (selectSingleNodeはOperaが対応しているMSXML由来の非標準メソッド)
var t = e.target.selectSingleNode('ancestor-or-self::a[1]');
if (t && rTARGET_URL.test(t.href)) {
e.preventDefault();
location.href = 'data:' + MIME_TYPE + ';charset=utf-8,' + encodeURIComponent('\n<meta http-equiv="refresh" content="0; url=' + t.href + '">');
}
}, true);
})()

>>714
> >>695, >>697, >>698
> どうすればそれだけ間違え続けられるんだ？痴呆老人の会話じゃねえか。

何の事かと思ったらXHRのフルスペルの事か

>>732
こっちでは一応どっちもfirefoxで開けているから
エラーコンソールからそのnico_open.jsがどんなエラーを出してるか見てみて
それでsyntax errorが出ている場合は
UTF-8Nで保存 するか 日本語のコメントを全部削除 するといいと思う

エラー出してなかったらコードのMIME_TYPEの前あたりにalert(1)とか置いて
ダイアログ出るか確認してみて

>>734
SUGEEEEEEEEEEE!!!!!!!
仰るとおり、syntax errorが出ていたので、UTF-8で保存し直したところ見事に動きました！！
感謝感謝です( ；∀；)
正規表現を扱う際に、今回はメタ文字のエスケープを省略されていると思うのですが、もしメタ文字のエスケープをするとなると
PHPでいうpreg_quotみたいな関数があるのでしょうか？
調べてみたところ、PHPの関数が使えるようになるjavascriptをインクルードしてpreg_quotを使う、みたいなことが書いてあったのですが、
javascript標準ではそのような関数はないということですかね？？

>>735
JavaScript(ECMAScript)にはそういうのはないな
Stringのreplace()で文字列置換が出来るからそれで自分の欲しい関数つくったらいいと思う
サンプル出すならこんな感じかな

// . \ + * ? [ ^ ] $ ( ) { } = ! | をエスケープ
function reEscape(s) {
return s.replace(/([\.\\\+\*\?\[\^\]\$\(\)\{\}\=\!\|])/g, "\\$1");
}
var rTARGET_URL = "";
// 全部一気にエスケープすると必要なものもエスケープしてしまうのでforで回して個別にエスケープ
// (Opera 9.50 以降ならネイティブでJavaScript 1.6のArrayのmap()があるのでもうちょっとシンプルに書ける)
for (var i = 0, len = TARGET_URL.length; i < len; i++) {
rTARGET_URL += "|^" + reEscape(TARGET_URL[i]);
}
rTARGET_URL = new RegExp(rTARGET_URL.slice(1));

>>736
map()ってPHPでいうarray_walkみたいなやつなんですね！
当方Opera9.51を使用しておりますので、こんな感じでかけばいいのかな？↓
function reEscape(s) {
return s.replace(/([\.\\\+\*\?\[\^\]\$\(\)\{\}\=\!\|])/g, "\\$1");
}
var rTARGET_URL = '^' + TARGET_URL.map(reEscape).join('|^');
rTARGET_URL = new RegExp(rTARGET_URL);

>>737
それでおっけー まとめて1行で書いても良いけど
あ、エスケープする関数http://jp.php.net/preg_quote 見て適当に書いたから
必要ない文字もエスケープしてた
return s.replace(/([\.\\\+\*\?\[\^\]\$\(\)\{\}\|])/g, "\\$1");
くらいでいいや

>>738
なるほど。ありがとうございますm(__)m
これを機にjavascriptの勉強してみようと思うんですけど、なんかお奨めの本とかってないですか？