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

━━━本スレに書く事を許される者は以下の通り━━━━━
　一．正しい(validな)HTMLとは何か知っており書ける者
　一、JavaScriptはJavaとは別物であると知っている者
　一、自ら学んでJavaScriptコードを書く意思を持つ者
　一、ユーザに迷惑となるスクリプトを書かない者
　一、質問を分かる日本語できちんと説明できる者
　一、トラブルを再現する最小限のサンプルを貼れる者
　一、テンプレ+FAQ>>2-10/過去ログ/関連資料を読める者
━━━━━━━━━━━━━━━━━━━━━━━━━━━
自力で書く気がない人は他のスレへ(テンプレ末尾参照)。
前スレ http://pc11.2ch.net/test/read.cgi/hp/1247911761/l50
[必読]過去スレ全集 http://wing2.jp/~mirrorhenkan/2ch/javascript/
　　(ずべて同一)　　http://www2.atpages.jp/mirror/2ch/javascript/
　　　　　　　　　　http://usamimi.info/~mirrorhenkan/2ch/javascript/
[必読]ガイド http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide
(GuideをReferenceに→Netscape版言語仕様。多くの実装が準拠:ECMA-262.ed3)
FAQ・注意・過去ログ・仕様書・関連資料・関連スレ>>1-10

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

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

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

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

ECMA-262 ed.3
→ ttp://www.ecma-international.org/publications/standards/ECMA-262.HTM
→ ttp://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)
→ ttp://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide (和訳)
→ ttp://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference
→ ttp://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference (和訳)
E4X (ECMAScript for XML)
→ ttp://www.ecma-international.org/publications/standards/Ecma-357.htm
→ ttp://www.ne.jp/asahi/nanto/moon/specs/ecma-357.html (和訳)
Mozilla Gecko DOM Reference, Netscape devedge
→ ttp://developer.mozilla.org/en/docs/Gecko_DOM_Reference
→ ttp://developer.mozilla.org/ja/docs/Gecko_DOM_Reference (和訳)
→ ttp://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript / DHTML (現在日本語版は古杉)
→ ttp://msdn.microsoft.com/ja-jp/library/z688wt03(VS.80).aspx
→ ttp://msdn.microsoft.com/ja-jp/library/cc409720.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
一撃必殺javascript
→ http://www.openspc2.org/JavaScript/
【関連スレ】
板違い、スレ違いに注意！サーバ側での処理はWebProg板へどぞ！
Webサイト制作初心者用質問スレ Part 213
→ http://pc11.2ch.net/test/read.cgi/hp/1251728499/l50
CSS/DHTMLバグ辞典スレッド【第５版】
→ http://pc11.2ch.net/test/read.cgi/hp/1144494359/l50
役に立つ書籍は？ 4冊目
→ http://pc11.2ch.net/test/read.cgi/hp/1172823674/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

JSON(；；）

>>8
今すぐ貼れば >>10 までに入るよ。ほら適切なサイト調べて。

ちんこ

とりあえず次スレのことも考えて、今JSONの紹介に適したサイトを
提案して合意しておくというのはよい考えだと思うけどね。提案どぞ。

http://ja.wikipedia.org/wiki/JSON

JSONの基礎はこのへんじゃないのか？
http://www.json.org/json-ja.html
http://jsgt.org/ajax/ref/test/json/test1.htm

>>450
ありがとうございます。助かりました。

JSONで特筆すべきものって何

eval の話になってスレが荒れることかな

折れ的にはevalは気持ち悪いからちゃんとperseIntしてます

試されるスルー力

eval信者乙

今後はJSON.parseとJSON.stringifyを使うんだろ

getElementByIdとかはhtmlのidの部分が読み込まれてからじゃないと
オブジェクトを取得できないのはわかったのですが
ライブラリ使う以外だと、htmlの一番下にscript記述する方法しかないのですか。
もうこの際、htmlを全部読みきった後にscriptを実行させたいのですが
どうすればいいのでしょうか。よろしくお願いします。

>>21
idが読み込まれてから、というよりも、
該当する要素がDOMツリーにぶら下がってから、ってのが正しい。

DOMContentLoadedとかwindow.onloadとかそのへんをうまく使って、
イベントドリブンにそのタイミングをつかむのが常套です。

mobile版のIEやOPERAとjavascriptの互換性の
表のようなものはどこかにないですか？

すでに表示済みで別のGUIの裏に隠れているウィンドウに対しwindow.openで内容を更新した場合、
そのウィンドウをアクティブにする方法はあるでしょうか？

>>24
そんなの画面見てる人がアクティブにするからこまけぇこたあいいんだよ！

window.open().focus()

タブブラウザでそれやられるとたまらなくうざい

ieタブブラウザだと、別画面にelement.focus()があるだけで、入力中の画面からフォーカスが消えたりするしな…

firefoxとかは各タブに1つずつフォーカス持てるから問題なし

safariで某webメールを三個くらい同時に開いたら
タブがあちこち切り替わりまくってわろた
1メール表示すんのに何回focus()やってんだ

javascriptってライブラリないと糞だな

ループを使ってgetアクセスを試して、データの存在をチェックしたいです。
実データは入らなくて、存在だけを確認するにはどうやったら良いんですか?

http://hoge.jp/0.jpg 〜　http://hoge.jp/9.jpg
のやり方教えてください

var n=1000;
var req = new XMLHttpRequest();
for(var i=0 ; i>n ; i++){
　　　　req.open("GET","./"+n+".jpg",false);
　　　　req.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT");
　　　　req.send(null);
　　　　switch(req.status){
　　　　　　　　case 0:
　　　　　　　　case 200:
　　　　　　　　　　　　alert("あったよ");
　　　　　　　　　　　　break;
　　　　　　　　case 403:
　　　　　　　　　　　　alert("アクセスできないよ");
　　　　　　　　　　　　break;
　　　　　　　　case 404:
　　　　　　　　　　　　alert("なかったよ");
　　　　　　　　　　　　break;
　　　　　　　　default:
　　　　　　　　　　　　alert("しらんがな");
　　　　　　　　　　　　break;
　　　　}
}

ｻﾝｸｽ!!

document.createElement　には$（）みたいの無いのか。

function $ce(e){
　　　　return document.createElement(e);
}
無ければ自分で

div要素でクリックしたら色が変わるような同じボタンを複数作りたくて、
ボタンオブジェクトを作りたいんだが、
どうしてもonclickはいるし、htmlとscriptを完全に切り離すにはwindow.onload
がいるし、getElementByIdがいるし、でもwindow.onloadを複数回やっても
最後に生成したオブジェクトしか適用されないし、みたいなジレンマで動けない。

>>37
�dです。
こういうの自分で作っていくのはいいけど、
途中でややこしくならない？
皆、しっかり全部書いてんのかな。

return　って、その次に続く何かを返すって意味でいいの

バレンタインのお返しと捕らえておｋ

function barentainde(uketotta) {

if (uketotta == 1) {
return true;
}

return false; // 切ないね

*

最後のなに
アナルか

>>38
>>5の最後

>>44
とんくす
あれからいろいろとやってみたんだがよくわからなかった。
練習のコード貼ってみる
var btn2 = new Btn(2);はうまく行くんだけど、
var btn1 = new Btn(1);がbtn2に上書き?っぽくなってしまって動いてくれない・・
どなたか助言おねがいします。

<body>
<h1>オブジェクトテスト</h1>
<div id="field" style="width:500px;height:500px;background-color:#dedede;"></div>
<script type="text/javascript"><!--
var Btn = function(num){
this.num = num;
this.elem;
this.hidden = false;
this.SetCreate(num);
}
Btn.prototype = {
SetCreate:function(){
var nd = "div_btn"+this.num;
this.elem = "<div id='"+nd+"' style='width:50px;height:50px;background-color:#000000;float:left;margin-right:10;'></div>";
document.getElementById("field").innerHTML=document.getElementById("field").innerHTML+this.elem;
var save = this;
document.getElementById(nd).onclick=function(){
var save2 = this;
if(save.hidden){
save.SetShow(save2);
}else{
save.SetHiden(save2);
}
}
},

続き、

SetHiden:function(save2){
save2.style.background="#ababab";
this.hidden=true;
},
SetShow:function(save2){
save2.style.background="#000000";
this.hidden=false;
}
};
var btn1 = new Btn(1);
var btn2 = new Btn(2);
//--></script>
</body>

コードは>>46-47
です。
どうにかして、btn1もbtn2もボタンでぴこぴこしたいです。
よろしくおねがいします。

e = document.createElement("div");
e.innerHTML = this.elem;
document.getElementById("field").appendChild(e);

innerHTMLいじるとDOM→文字列→DOMになるから既存部分のonclickが消えるんだよな
めんどくさかったからdiv二重にしてinnerHTML使ったけど、丁寧に属性付けるとかはご自由に

>>48
おお！できました！
まだ理解不足なところがありますがさっそく調べて勉強してみます
ありがとうございました。

おーほんとだ、こんな罠もあるのか。横から勉強させてもらった

ajaxで画面移動なしにボタンを押したら文字が切り替わる最小のサンプルコードが載ってるサイトってありませんか？
コード数がほんとに短いものだけを探してます

こんなん？
http://allabout.co.jp/internet/javascript/closeup/CU20090330A/

>>52さんありがとうございます
やっぱajaxをやるにはライブラリを使うのが当たり前の世の中なんですかね？

yield文が使えるようになればライブラリなど不要になる

>>53
純粋にAjaxしたいだけなら、XHR用の関数作っとけば問題ない。

けど、>>51みたいに、そのあと必ずDOMいじりがあるから、
それ用の便利ツールも欲しい。

結果として、JQueryやprototypeのようなよく出来たスイーツが
使い勝手がいいのは確か。

もちろん、オレオレライブラリでもかまわんと思う。

>>54
ジェネレータイテレータってそんなに万能なものなん？

非同期処理を理解できない奴がライブラリに逃げてるだけなので
yieldで同期処理っぽいことができればその部分はいらね、てことじゃないの
ジェネレータ自体はあまり関係ない

そういう輩にyieldで同期処理っぽく書く実力があるだろうか
そもそもyieldが理解できるかどうかｗ

コピペできればそれでいいのさ

初心者板が見当たらなかったので、恥ずかしながらこちらで質問させてください

白背景のサイトの一番上に、4pxほどのカラーのボーダーを幅100%で入れて、
その下にロゴやメニューを配したheaderがあります
何もない状態から、左から右へさーっとラインが入っていきながら、
同時にロゴが浮き上がってくるように見せたいのですが、
わかりやすい方法を教えてもらえませんか？

javascriptはいつもオープンソースをありがたくお借りしているレベルの初心者です
自分に考えられる方法として、paraflaというアニメソフトの使用を試みたのですが、
色や動きがぎくしゃくして美しく作れませんでした

よろしくお願いします

初心者スレ行った方がいいでしょうか？

アニメgif
FLASH
Silverlight

お好きなものをどうぞ

>>60
俺もFlashがオヌヌメ。

コンストラクタで変数宣言するとき
this.test;
とするのと
var test;
ってするのとは何が違うの

これとほぼ同じ
function foo(x) {
x.a = 1;
var b = 2;
}
var obj = {};
foo(obj);
alert(obj.a);

はじめまして
javascriptを利用してウェブ上から指定したURLを
WindowsMediaPlayerで開くようにしたいのですがどのようにすればいいのでしょうか？

>>66
window.open

JavaScript の split について質問です。
コロン区切りの文字列 "a:b:c:d:e" に対して、個数制限付きの split を行いたいです。

a = "a:b:c:d:e".split(":", 3);

とやると

a[0] = "a";
a[1] = "b";
a[2] = "c";

となってしまいますが、perl や PHP のそれのように

a[0] = "a";
a[1] = "b";
a[2] = "c:d:e";

となって欲しいです。
何かいい方法はあるでしょうか？

>>65
なるほど、ありがとうございます。
追加していくという感じでしょうか。

あと関連して、クラス的なものの中での変数のやりとりがよくわかりません。
例えば、
<body>
<div id="tes" style="width:50px;height:50px;background-color:blue;">クリック</div>
<script type="text/javascript"><!--
var Hoge=function(){se=this;this.hogehoge();}
Hoge.prototype={
ho:1,
hogehoge:function(){
document.getElementById("tes").onclick=function(){alert("場所�@:値＝"+se.ho);}
}
};
var hoge = new Hoge();
//--></script>
</body>
のようにHogeのthisを（Hogeの中でならどこでも）取得したいのですが、上のようにse=this;としてしまうと
グローバル変数になてしまい、かといってvar seやthis.seにしてしまうと
場所�@でse.hoでは取得できないし、this.se.hoにしてしまうと
document.getElementById("tes")のthisになってしまい・・
hogehoge(this)のように引数として渡しても、
prototypeに新たな関数が追加されるとまた引数が増えてしまう、
とういところで悩んでいて、結局、hoge.hoで取得するようにしてるのですが
hoge名が変わってしまう可能性も、と・・。
どうやるのが効率的なのでしょうかどなたかよろしくおねがいします。

文字を出力するときdocument.write("test");って書くじゃないですか
このdocument.writeって部分を変数にいれてvar txt=document.write;txt txt("test");みたいな感じでできませんか？
ようはdocument.writeを自分の好きな名前にして利用したいのです

function text(s){
　　　　return document.write(s);
}
text("ｗｗｗｗｗｗ");

textarea の高さを、入力内容に追従して広がるようにできるでしょうか？
常に縦スクロールバーが出ないサイズになるようにしたいです。

>>71
returnいらなくね？ｗ

>>72
var textarea = document.getElementsByTagName("textarea")[0];//対象
textarea.onkeydown = function(){
　　　　this.style.height = this.value.match(/\n/g).length*1.1 + 3 + "em";
}
こんな感じかな。
this.value.match(/\n/g).lengthで改行を数えて、その数だけemで高さ指定している

>>68

String.prototype.split2 = function(d, c){
　return (c == undefined)? this.split(d) : this.split(d,c).concat(this.split(d).slice(c).join(d));
};

テストはしてない

>>74
改行だけじゃなくて折り返しも考慮したいんです。
折り返しってワードラップとかもあるから、計算しづらい、ってか無理なんですよね。
隠れエレメントとか作ってテキスト入れてみて height を取得するとかも考えてみたんですが、
隠れてるとうまくサイズが取れなかったような気もするしスマートじゃないしで、
もっと根本的な方法は無いかななんて探してる次第です。

>>75
データのシリアライズ・アンシリアライズに使いたいのですが、結構大きなデータなので全部ばらして残りを繋ぎなおすってのはちょっとコストが高いです。
今暫定でやってるのは、
3分割したい時には
a=str.split(":", 2);
a[2]=str.substr(a[0].length + a[1].length + 2);
みたいな感じです。
でもスマートじゃないですよね・・・
perl とか PHP みたいな仕様の方がいろいろと融通が利くと思うのに、JS の仕様は残念です。

>>62 >>63
flashがおすすめということで、paraflaに再度挑戦します
parafla使ってうまくいかなかったのは、自分の力が足りないのかもしれないし
ありがとう、ガンバリマス

>>76
var textarea = document.getElementsByTagName("textarea")[0];//対象
textarea.onkeyup = function(){
　　　　e.style.height = e.scrollHeight + "px";
}
これなら折り返しとかも含まれて計算されてるからちょうど良いと思うよ

this.style.height = this.scrollHeight + "px"; だったごめんね

>>76
基本としてはコスト気にして使うような言語でもないからなぁ

正規表現を構築して抜き出したらどうだろう
/^(.*?):(.*?):.*$/m
こんな感じのを動的生成してマッチさせれば望むものになりそうだけど

>>75は普通に間違えてた

>>76
無理矢理作ってみた
String.prototype.split2 = function(d, c){
　if( c == undefined || c <= 0 ) return this.split(d, c);
　var a=this.split(d, c-1), idx=0;
　a.forEach(function(elem){ idx += elem.length + 1; });
　if( idx < this.length ) a.push(this.substr(idx));
　return a;
};

>>76
正規表現で捕獲したら？と思ったら既に>>80書いてあった
なので、もうちょっと一般化してみた
今macなのでfirefoxとsafariでしか試してない

var str = "a:b:c:d:e";
var n = 3;
var delimiter = ':';

var group = '(.+?)';
var groupArr = [];
for (var i=1;i<=n;++i) {
(i !== n) ? groupArr.push(group) : groupArr.push(group.replace('?',''));
}

var regExp = new RegExp(groupArr.join(delimiter));
var a = regExp.exec(str);

このほうが普通に速いだろ
var a = 'a:b:c:d:e'.split(':');
a.splice(0, 2).concat(a.join(':'));

>>83
join使わないことばかり考えてたわ
確かに簡潔だな

splice知らなかった…

split禁止って話じゃなかったのか
まあ実際は、JSなんかでMB単位のデータを扱う訳じゃあるまいしどうにでもなると思うけどね
携帯端末とか考えてるならサーバに投げとけ

String.prototype.spmatch = function(separate, count) {
var token = '(.[^' + separate + ']+)';
var pattern = '^' + token;
count--;
while (--count) {
pattern += separate + token;
}
var regex = new RegExp(pattern += separate + '(.+)');
return this.match(pattern);
}

トイレ中に妄想したけど
関数としての見かけの挙動が欲しいならこんな感じじゃないの？
試してないのでたぶんエラー

this.match(regex);

正規表現を使った時点で不正解だな

因みに split の過去分詞は split 。

splitted じゃないからな。

>>89-90はなにをいってるんだ？

JavaScriptを使ってページ内に複数存在する<a>タグのうち
IDの設定されている物のみを取得し配列に格納するにはどうすればよいでしょうか？

例)

testPage.html

<a href="http://google.co.jp" >1</a>
<a href="http://google.co.jp" id="id_2">2</a>
<a href="http://google.co.jp" >3</a>
<a href="http://google.co.jp" id="id_4">4</a>
<a href="http://google.co.jp" >5</a>

この場合に、

"id_2" , "id_4"

という値のみページ内から全て取得したいです。
宜しくお願いします。

var elements = document.getElementsByTagName("a");
var array = [];
for (var i = 0; i < elements.length; i++) {
　var e = elements[i];
　if (e.getAttribute("id")) array.push(e);
}

たぶんこんな感じ
・・・ん、id値のみ？pushするもんいじってくれ

>>93
ありがとうございます。流石です。。。

PHPとかみたいに array[] = "string" で配列が追加出来たら便利なのになあ

>>95
その書き方気持ち悪いと思ってたけど気に入ってる人もいるんだな

PHPまったく知らないんだけど

array[array.length] = "string";

と同じ？

単純に思ったんだけど、
なんでおのおののブラウザでjavascriptを統一しねぇの。
cssにしろ何にしろ。
配置はまぁ許せるとしても、使える使えないは統一しとけや！

進歩を否定したいのかね君は。

>>78
おーすばらしい！
そのままだと高さがちょっぴり足りないっぽくて縦スクロールバーが出てしまいますが、
あとは調整してみます。

>>80
まあそりゃそうなんですが、残りの文字列もまた同じように区切っていくので、同じ文字列が何度も
バラされたり繋がれたりバラされたり繋がれたり… を繰り返すのはちょっとなぁ、と言った感じなんです。
なので split + join 式は コストは n^2 オーダーになっちゃいます。
サイズにして大きくてもせいぜい 100KB 程度のもんだと思いますが、余計なところまで区切らずに
温存できるのであればそれに越したことはないって感じです。

正規表現を含め他いろいろと知恵をいただいたようで、実際使ってみてパフォーマンスに問題の無い範囲で
できるだけシンプルな実装を選ぼうと思います。

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

文字列操作は以外に遅いから
全部チェックした方がいいぜ

プログラム中で指定したディレクトリ内の
*.bmp である画像のみを取得するにはどうしたら良いでしょうか？

無理。CGIでやれ

>>103
ありがとうございます。
PHPでやることにします。

画像の名前を連番にすればできる

なんかieって我が道を突き進んでるな

macでも目指してんのか

mac版IEはIEですら無いからなあ

>>107
マックの入り口前で転んで怪我してさいばんになってるのしってるの？

もしかしてonkey系はフォームでしか使えない？
<div id="key"></div>
みたいにkeyの上でonkeypressしたときに何かを実行してやりたいんだけも・・

フォーカスが当たってるところに入力されるのだからwindowにフォーカスが当たってたらwindowで発生するだろ

>>111
見事できた。ほめてつかわすぞ

お世話になります。

同じNameのテキストボックスの値を配列で取得したのですが、どのようにすればよろしいでしょうか？

<html>
<head>
<title>JavaScriptテスト</title>
<script type="text/javascript">
<!--
function check()
{
var inputBox = document.getElementsByTagName('txtKbn')[].value;
alert(inputBox[0]);
alert(inputBox[1]);
}
// -->
</script>
</head>
<body>
<form>
<input type="text" name="txtKbn"><br>
<input type="text" name="txtKbn"><br>
<input type="button" value="チェック" onClick="check()">
</form>
</body>
</html>

functionを切らない状態で次のコードを実行すると問題無くスクリプトを実行する
事が出来るのですが、メソッドの中で次を実行すると「←」の部分で
undefined　と、 substr ファンクションが認識されないというエラーが出てしまいます。
一体なぜでしょうか？

var test = "aaaa";
test　= test.substr(1,3); // ←　undefined　
alert(test);

１１４
自己解決しました。

>>113
基本に返って、[1, 2]をそれぞれ3倍してみてくれ

getElementsByTagNameで得た「要素の配列」と「[1, 2]」、
「それぞれのvalue取得」と「それぞれ3倍」が置き換えられる

ようするに横着するなということ
横着できるようにmap関数とかが用意されていれば別だけど

>>114
「functionを切る」ってなに？

＞メソッドの中で次を実行すると
メソッド部分も書いてほしい

>>116

すいません。
言っている意味がさっぱりわかりません。

113
自己解決しました

>>113

>>116の3倍がどこから出てるか知らんが、分けるってことだろ。
var inputBox = document.getElementsByTagName('txtKbn');
alert(inputBox[0].value);
alert(inputBox[1].value);
直接の取得はできないんじゃないの？

getElementsByTagName→getElementsByNameじゃないの？

<a>タグに
disabled 指定するのって本当は駄目なんですよね？

VSのコンパイラで警告が出ちゃいます。

<!ATTLIST %a.qname;
%Common.attrib;
href %URI.datatype; #IMPLIED
charset %Charset.datatype; #IMPLIED
type %ContentType.datatype; #IMPLIED
hreflang %LanguageCode.datatype; #IMPLIED
rel %LinkTypes.datatype; #IMPLIED
rev %LinkTypes.datatype; #IMPLIED
accesskey %Character.datatype; #IMPLIED
tabindex %Number.datatype; #IMPLIED
>
a要素に使えるのはhref,charset,type,hreflang,rel,rev,accesskey,tabindexとstyleなどの共通属性（%Common.attrib;）

>>122
レスサンクス

ただ、<a>タグにdisabledを指定しても(見た目)は確かに非活性になるんですけど
これってなんで

HTMLの仕様とブラウザの仕様は違う
すれ違い

仕様と実装が完全にイコールなら苦労しない

なるほどブラウザのバグなんだね。

んじゃ独自仕様は全部バグだな
つーかここHTMLスレじゃないから

javascriptって音楽ファイルを流したりできないのか
でもブラウザにプレイヤー的な機能がないと無理か
flashでもいいけどあえてブラウザとjsだけで。
html5でそういうの出てこないのかな。

<video></video>
<audio></audio>
Firefoxなら使える

>>129
おぉ
firefoxすげ

>>128
JSからプラグインいじったりJavaいじったりもできるからHTML5を待つ必要も無いぞ

embed要素かobject要素を作ればいいんじゃないのか？

勝手に音楽流すとかマジやめて
迷惑以外の何物でもない
自己中の極み

ユーザ操作に対応して音楽を流すんならいいだろ？

>>133
わかったブラクラに留めておくね

前のページで指定した回数だけ、次のページを５秒ごとにsubmitしたいんですが、
↓ではだめですか？formの部分は省略してます。

function doSubmit() {
document.F.submit();
}

for (i=0; i< $_POST['menu']+1; i++){setTimeout("doSubmit()", 5000);}

>>136
田代砲を作ってんじゃねーぞ！カス！！

そのsubmitするformはtarget="_blank"とかになってんの？

>>138
だから田代砲を作ろうとしてるって
相手にするな

ttp://1122soft.com/game/batting/

このサイトのような自動でランキング登録されるゲームを作りたいです。
FLASHのASとジャバスでできる？
他に何か必要？

こんなところで質問して回答を得ようとしないことが必要

>>140
鯖側スクリプトと多少の知識

JavaScript は要らないんじゃね？

クラス化がいまいちわからん…

function getter(obj, str, flagA, flagB)
{
if (flagA)
setter(obj, array, flagB);
else
setter(obj, str, flagB)
}

function setter(obj, array, flagC)
{
}

田代砲？調べましたけど、そんないかがわしいものではないですｗ

phpでテストを作っていて、一定時間（５秒とか）が来たら、強制的に次の問題に
すすむようにしたいんです。ページを更新するだけなら出来るんですが、
回数を制限しないと、全問題が終わった後も永遠に更新し続けるので
回数を制御したいわけです。phpでjsのsettimeoutに相当するものも探したんですが、
よくわからないので、jsを利用しています。

>>138
formはphpのフォームにname ="F"と加えて、一応動作していますが、
phpとjsの連携として正しいやり方なのかは分からないんですが。
target"_blank"は調べてみます。

問題画面にsetTimeoutで自動submitするようにしておくだけでいいんじゃない？

>>142

鯖側スクリプトというとPHPでもOKでしょうか？
FLASHのASと、鯖側スクリプトで
制作できちゃったりするわけですね？

navigator.userAgent
ってどのブラウザもこれを意識してくれてるのかな
ブラウザ判別っていろいろ方法があるけど
やっぱこれ使うのが一番いいのかな

>>145
今はheadの部分において、phpのform全体を制御するようになってるんですが、
問題が表示されるphpの中にｊｓスクリプトを埋め込むわけですね。なるほど。
phpとjsの連携が分かってないので、その方向でも調べてみます。
ありがとうございます。

>>147
userAgentは偽装できる。適当に書き換えてるのなんていくらでも見るし。
実装されてるメソッドとかで判別するのが一般的。

とはいえ、
if(document.all) ならIE、って判別する方法もあるけどあまりおすすめしない。
特定のブラウザで問題が起こるコードが出現したら、
そのコード自体を分岐条件にする方がいい。

田代砲ってなんですか？

かってNewsWeek誌が年末に「その年の顔」を選ぶためネット投票
した時、その年にのぞき事件を起こした田代まさしを1位にしようと
いう祭になって本当に投票1位になったことがあった。その時に
使われた自動連投スクリプトからその手のものを田代砲と呼ぶように
なったとさ。

>>149
> 特定のブラウザで問題が起こるコードが出現したら、
> そのコード自体を分岐条件にする方がいい。
addEventListenerとattachEventの判別みたいなことかな？

しかしそれだけでは対応できない場合があるのも事実

例えばサポートしているけど、その機能に問題がある場合・・・
WebKitでdocument.styleSheetsがAlternate StyleSheetsを含まなかったり、
Opera 9.xでフルページズームがwindowにresizeイベントを起こさなかったり、
もろもろ枚挙に暇がない

折衷案として、「コード分岐」と「ブラウザ判定」を併用するのがいいと思う
そこで、「ブラウザ判定」を「プロパティによる判定」にするか「UA文字列による判定」にするかは設計思想次第、ってことで

ブラウザ分岐は設計思想だったのか
どんな思想のときにどっちを選ぶのか興味があるぞ

何がどれに対応してて対応してないかわからんから、結局全ブラウザで動作チェックするのが一番なんじゃないかと思い始めてきたぜ・・・
旧バージョンチェックツールでIEの場合はIETesterがあるけど、Fx版とかOpera版とかを誰か作ってくれんかなぁ

IEは複数のバージョンを入れることが出来ないからスタンドアローン版が有志によって作られた
Fxとかは普通に出来るだろ

でもスタンドアローン版IE入れると不具合でまくる不思議

JavaScriptはページ内に直接書くより
外部ファイル(*.js)に定義した方が
クライアントへの2度目以降のロード時間が短縮されて
パフォーマンスが良くなる、という認識は正しいでしょか？

そのページが静的なものならページ内に書いた方がパフォーマンスは良くなる
動的なページならパフォーマンス的には分けた方が良い

いまどき多少のデータ量増加は誤差で、一番のネックはHTTPリクエストそのものだから
埋め込みでも切り分けてキャッシュ任せでも好きにしろと思うけどね
キャッシュ任せって言っても更新がないことを確認するHTTPリクエストがネックになったりするし
かといってキャッシュ効きすぎて更新されないようなこともたまにあるし

複数ページで使い回す（同時期に何度も読む）場合ならキャッシュ効果が最大に発揮されるから
いちいち埋め込むより切り分けたほうがいい

>>158
動的も静的も関係ない
初心者は黙ってろ

同じscriptの中にwindow.onmousedownと、あるdivの範囲で有効なonmousedown
で処理をしてるんだけど、onmousedownの処理が同時?になるのってやめといた方がいい？
同じイベントをwindowでダブらせるのとか

>>160
静的で埋め込むと1回送って304 Not Modifiedが返るだけ
動的で埋め込むとページ全体が返る
静的で外部参照だと少なくとも2回のリクエストが発生する、ただし全て304 Not Modified
動的で外部参照だと返ってくるページ全体のサイズが少なくなる

>>158 >>159
ありがとうございます。参考になりました。

IE や　Lunascape　だと問題なく動作(表示される)するJavaScriptを含んだページが
FireFoxだとなぜか正常に表示されなかったり、
JavaScript自体が文字列として認識(JavaScriptが文字列として画面に表示
されてしまったりする)のはなぜでしょうか？

あと、jQueryってそんなに便利なのでしょうか？

せんせい！162のいってることがりかいできません

URL だけで動的と判断して毎回ロードするケースがあるのだよ

ねえよ

>>167
あるよタコ

304が返ってくるまでの時間も考えような

>>168
どういうとき？
200が返って来ないとロードされないぞ

>>170
>>166自体の真偽は知らないけど、どのようにして200か304かをサーバが判断してるか考えたことある？

>>171
>>166はサーバーサイドのことをいってたのか。

ちゃんと考えろバカｗ
リクエストヘッダに判断材料乗せなきゃ200しか返しようがない

URLだけって書いてあるからリクエスト以前の問題かと思ったんだ

それなら「特定URLはキャッシュしない」と解釈すりゃ十分だろ
HDDに保存されるかどうかの違いしかないから好きにしてくれ

> 166 名前： Name_Not_Found [sage] 投稿日： 2009/09/13(日) 19:40:55 ID:???
> URL だけで動的と判断して毎回ロードするケースがあるのだよ

やはりクロスブラウザで要素内のマウス絶対座標取得は
yuiが最強か・・

ほんとieは糞だな。
中途半端すぎる。

canvasも対応してないブラウザ多いし・・
マウス座標ってそんなに需要のない機能なのだろうか。
使いどころ満載だとおもうんだけど・・

標準化されても古いのをコピペしつづける奴がいる
ブラウザがそれに合わせようとしてまたずれる
この繰り返し

モマイら教えてください。

画面上の端から長方形の領域がニョキっと出てきて、
そこに文字列とかリンクを表示させることはできますか？

すいません　
現在LivedoorのBlogを利用しているものです。
アクセスするたびにトップの画像をランダムで表示するにはどうしたらいいのでしょう？
JavaScriptを触った事がないのですができますでしょうか？

良ければ教えてください。

>>181
<div>動かせ

>>182
Livedoor BlogでできるかはしらないけどJavaScript使えるならできる
「トップの画像」の<img>だかCSSだかを変えればいい


でもここ人任せにするスレじゃないから二人ともまずは自分でがんばれ

>>183
なるほど
できるのは知ってたんですが、JS触った事がないので人任せにしようと思ってました。
とりあえずできるだけやってみます。
また躓いたらきますので、よろしくどうぞー

嫌です

>>183
トンクス

>>185
早く死んでね

var o1 = document.getElementById('sff');
var o2 = o1.getElementsByTagName('table')[0].getElementsByTagName('tr')[0];
var o3 = o2.getElementsByTagName('td')[0].getElementsByTagName("input")[4];
o3.style.fontSize = '15px';

昔のgoogleのフォントサイズがよくてこんな感じのグリモン書いたんですけど
なんか無駄が多い気がします。どこか治した方がいいとこありますか？

(function(){
　　var style = document.createElement("link");
　　style.type = "text/css";
　　style.rel = "stylesheet";
　　style.href = "data:text/css;base64,Ym9keXsNCglmb250LXNpemU6MTVweDsNCn0NCg==";
　　document.getElementsByTagName('body')[0].appendChild(style);
})();
めんどくさいときはこんな感じでスタイルシートを追加したり。あまり良くないけどね

Firefoxなら<input type="file"/>.files[0].getAsDataURL();で選択したファイルのdataURL（base64形式）が取得できて便利

>>189
面白いアプローチだとは思うけど、CSSをエンコード埋め込みはどうだろうｗ
GMスクリプトならブラウザ決め打ちだし、Fxならこんな感じの手法で十分じゃない？

var e = document.createElement("style");
e.innerHTML = "body { color: gray }";
document.getElementsByTagName("head")[0].appendChild(e);

DOM操作でスタイルいじるより直接スタイルシート設定した方が分かりやすいし何より高速

あー普通にスタイルシート追加すればいいのか。
>>190は短くていい感じですね。
参考にしてみます
>>189-191どもでした

document.querySelector('#sff input[type="text"]').style.fontSize = '15px';

querySelector思い出して使ってみたら随分シンプルになった
すげーなぁこれ

GM_addStyleが忘れ去られてる気がする

Stylishもたまには思い出してください

クロスブラウザって、
firefoxとchromeって挙動は同じ？

>>196
> クロスブラウザって
？？？

> firefoxとchromeって挙動は同じ？
違う
GeckoとWebKitは違うレンダリングエンジンだから、DOM仕様の実装まわりで大小さまざまな差異がある
あとTraceMonkeyとV8でJavaScriptインタプリタも違うから、JavaScript/ECMAScript仕様の実装まわりでも以下略

ie6って無視していい？

いいよ

じゃぁネットスケープは？

お好きなように

それぞれのブラウザで対応情報wikiなんてのがあったらいいのにな

>>202
言いだしっぺの法則

>>202
http://www.atmarkit.co.jp/fwcr/rensai/ajaxwatch05/01.html
こんなのがあったんだけど、なくなってしまったみたい。

getBoundingClientRect()
firefox3でスクロールバーを動作させてから
値を取得すると、結果がころころ変わるバグを見つけました・・
どう対処すればいいのかわからん・・

どうやらスクロールバーの初期位置より動いた値を加算してるみたいだ
スクロールバーの位置を引いてやればいけそうです
おさわがせしました

他人の成果物にすぐにバグ呼ばわりするヤツには気をつけろってばっちゃが（ｒｙ

MDCぐらい見てくれ

>>202
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Document_Object_Model)

Javascriptは初心者です。
練習がてらjavascriptで作られた↓と同じことをしようと思うんですが難しいですか？

スレイプニルスタート
http://www.sleipnirstart.com/

>>209
聞くより手を動かす方に時間を割くべき
スクリプトは与えられ、実際に動くサンプルも存在する訳だからな

それとも、聞いて「簡単だよ」の言葉がなかったら早々にあきらめるつもりだったのか？

右クリックメニューにcreateElementでmenuの階層を作りました。
で、末端の子供（menuitem）はクリックすると当然メニューが閉じて処理を行えますが、
親（menu）もダブルクリックで同じようにメニューを閉じてから処理をしたいんですが、
メニューの閉じ方、あるいは逆に閉じないようにする方法ってあるんでしょうか？

IE と　ＦｉｒｅＦｏｘ　ってどうしてここまで画面を作った場合の

見え方がここまで違うの？

もうそれこそバージョンがかなり上がっている今日なのに。

目が疲れてるんだよ

自己解決しますたorz .hidePopup()ですね。
閉じさせない方法はまだ解りませんが、もうちょっと頑張ってみます。

なんかいつも、さんざん考えて解らなかったことを意を決して質問をした途端に
解決への道を思いつく…なんなんでしょうねこれは。

hidePopupってXULか？
文脈すら説明できないなら質問してくるな

p やら div やらがいろいろとネストしたページがあります。
それらノードのそれぞれに onclick を設定して、クリックされたときに処理を行いたいです。
希望は、クリックした一番上層のノードに対してだけ処理を行いたいのですが、
onclick は重なってる下層のノードにまでイベントがやってきます。
どのように対処したらよいでしょうか？

マウスカーソルの位置にある最上層のノードを取得する方法があっても対処できると思いますが、
そんな方法はありますか？

r=255;
g=154;
b=45;
みたいな数値を#000000みたいな
16進数のカラーコードに変換したいのですが、
どうやるのがいいでしょうか。
r,g,bをそれぞれ単独で16進数に変換して+で結合でいいでしょうか？
それともこういうのに特化したメソッドとかはありますでしょうか。
よろしくおねがいします。

>>217
('0'+n.toString(16)).slice(-2); かな。

(((1<<8|r)<<8|g)<<8|b).toString(16).replace(1,'#')

'#'+(('0'+((r<<16)|<g<<8)|b).toString(16)).slice(-6));
自信がないから括弧が多いけど、優先順位を調べれば外せる物もあるかも。

>>216
ttp://www.tagindex.com/kakolog/q4bbs/1601/1871.html

JavaScript習得したのならばPHPを習得するのは簡単だと色んなところで言われて勉強してるんだけど、俺にはPHPの方が難しく思える
もうデータベースの所がグッチャグチャになってしまっている・・・
構文だけではなく、インターネットやパソコンの知識を求められるから全然前に進まない・・・orz

javascriptでもsql弄るでしょ
それと同じようにすればおｋ

>>214
ぬいぐるみデバッグ

>>223
世の中の多くの人はJSから直にSQL叩く事はないと思うぞ
XULぐらいか？

>>224

> 世の中の多くの人はJSから直にSQL叩く事はないと思うぞ
> XULぐらいか？

常識的に考えれば、そうですが変態マカーのSafari4は、JSでSafari内部に持つSQLiteが弄れます...

>>218-220
おお、たくさん方法があるのですね
>>219さんので試してみたらできました。
シフト演算子は使ったことがなかったので
今から勉強してみます。ありがとうございました。

JQueryの質問OK？
たいしたことじゃないんだけど、JQueryって適当なサンプル拾ってきて
自分のサイトに合うようにデザインいじったりするような使い方は
普通なんでしょうか？

<STYLE TYPE="text/css"><!--
.r90 {filter:progid:DXImageTransform.Microsoft.BasicImage( Rotation:1 );　}
.r180 {filter:progid:DXImageTransform.Microsoft.BasicImage( Rotation:2 );　}
.r270 {filter:progid:DXImageTransform.Microsoft.BasicImage( Rotation:3 );　}
-->
</STYLE>
<script language="JavaScript"><!--
window.onload = function() {
if(event.keyCode == 1) {
ImgRot(r270)
}else{
if(event.keyCode == 2) {
ImgRot(r180)
}else{
if(event.keyCode == 3) {
ImgRot(r90)
}
}
function ImgRot(r){
for(i=0; i < document.all.tags('img').length; i++){
elm = document.all.tags("img")(i);
elm.className += r
}
}
//--></script>
1,2,3のいずれかのキーを押したときにそのページに在る画像を回転させたいのですが、jsの部分は何がおかしいのでしょうか？
cssの部分は<img class="r90"などと記述すれば動くので間違っていないことは確認できたのですが、
jsで1,2,3の押されているときにすべてのimgタグのclassにr90,r180,r270の押しているキーに対応したものを追加したいのです。
ご教示お願いします。

おかしすぎｗ

・onloadイベントってどのタイミングで実行される？
・キーが押されたときにはどんなイベントが起きる？
・event変数とその中身はどこから来た？

>onloadイベント
>event変数
loadしてからずっと動いてくれるのかと思ってました。
関数名を指定して
window.document.onkeypress = ~~
でいいんですよね？
>キーが押されたときのイベント
ifのあとの{ImgRot(r90)}がダメなのでしょうか？
ためしにImgRot(r)の中身を一つ目の関数の中に置き換えてみたのですが、動きませんでした。。

＞キーが押されたときのイベント
がこれ
＞.onkeypress

それで、eventはどこから由来した？

window.onkeypress = function(event) {
alert(event.keyCode);
}

助言ありがとうございました。
classにr〜〜を入れるほうもなっていなかったようで、prototype.jsを使ってやっと望む動きが出来るようになりました。

さきからビット演算を勉強していたのですが、
たとえばシフト演算1<<33をすれば
戻ってきて1になると思うのですが、
これってjavascriptに限ったことなのでしょうか？

すいません自己解決しました。
そして間違えてました。2でした

>>225
マジで？
ってか、普通はSQLはJavaScriptの学習内ではないよな
というか普通は弄らん

JavaScriptでSQLをいじる例として･･

Components.classes["@mozilla.org/browser/nav-history-service;1"].getService(Components.interfaces.nsPIPlacesDatabase).DBConnection.executeSimpleSQL("VACUUM");
これをFirefoxのエラーコンソールに叩くだけで内部のSQLiteがVACUUMされる

>>221
すばらしすぎます！
ありがとう！

>>235
HTML5の仕様でSQLストレージが取り込まれるみたいだからそのうち多くのブラウザに載っかることが予想される

>>236
おおっ

>>238
マジで？

皆はさ、JavaScript以外にどんなプログラミング言語習得してるの？

IEのJavaScriptのメモリリークで困っております。
下記のように、テーブル内にinnerHTMLを使い画像のリンクを
貼り付ける処理setIntervalで繰り返すとメモリリークが発生します。
（画像リンクではなく、テキストリンクにするとリークしませんでした。）
デザイン変更はできないので、どうにかしてリークを直したいのですが、
なにか有効な方法はありますでしょうか？

var str = '<a href=xxx class="zzz"></a>';
var tagBody = document.getElementByID('tag_body');
tagBody.rows[0].cells[0].innerHTML = str;

a.zzz{
background: url("../images/aaa.gif")
}

>>240
PHP、C、Java

>>242
マジで？
CやJavaまでも習得してるの？
玄人だねぇ
何歳くらいなん？

20歳来てないよ。リアルに

プログラミングは言語の種類は正直問題にならない。偏食は伸びないだろうけど
ただ、javascriptから入って高級言語を習得できるかはセンスに依ると思うが

スレチだな

JS のあとに c++ やるとまず動作速度にびっくらこいたな
んで1秒間に60回も画面を消したり描いたりしてると思うと精神的にきつくなる
ブラウザだって内部で同じことやってるのは分かってるんだけどな・・・

JSはCの皮をかぶったLISP

C の後に JS やってびっくらこいたけどな
インタープリタ言語はエコじゃない

画像を横並びにしたいと思っています。
その際javascriptでposition:leftの値を操作して横並びにしたいと思っています。

例えば縦横10pxの画像を右に5px空けつつ横並びに

■ ■ ■ ■ ■ ■ ■ …

こんな感じにしたいと思ってます。
そのページ内では横並びにする以外の画像はありません。

その際やることは
・imgを取得する。
・leftに画像を配列の値×+15pxずつループしつつ足していく

ということでやって見たのですが…

var gazos = document.getElementsByTagName(img);
for (var i=0;i<gazos.length;i++) {
gazos[i].style.left = (gazos[i]*15)px;
}

全然出来ません…
よければお教え下さいませ…

ちなみにabsoluteとtopの指定はスタイルでやってます。

>>249
html+css だけで思うような表示を作ってみ
できたらそれを js に落とし込む

二段ジャンプをしようと思うからつまづく

確かに”結果”を先にhtmlで作ってからロジックを組むのが良いな

ボタンがクリックされた自分自身の要素をファンクションに渡し
ファンクション内でその要素のＩＤを取得したいのですが、どうすればよいでしょうか？

<input type="text" text="テストのボタン" id="id_test" onclick="TestFunction(this)">


function TestFunction(obj)
{
alert(obj.ID);

}

エラーになってしまいます。

何で大文字？

>>254
単なるタイプミスです。
方針としては>>253で正しいでしょうか？

>>251
html+cssでは横位置について、各画像毎に割り振ることで作ってみました。

img{
position:absolute;
top;20px;
}

img#1{
left:0;
}
img#2{
left;15px;
}
img#3{
left:30px;
}
・
・
・

ただこれだと画像の数が増えてきた時に記述量が増える一方なのでjsでどうにか
したいと思うんですが、知識が半端なこともあるんですが出来ません。
よければhtml+cssで組んだ後、jsに落とし込む際の考えの筋道だけでも教えて
頂ければ有難いです。
できれば自分で作ってしまいたいのでヒントでも頂ければ助かります…

>>256
position:absolute; の扱いでつまずいてると思ったんだけど
left を 15px ずつ加算すれば思った通りの表示ができるわけね

それだったら
>>249 の
gazos[i].style.left = (gazos[i]*15)px;
を
gazos[i].style.left = i*15 + "px";
でいけると思うよ

style.* に入れられるのは
css と同じ文法の「文字列」なので注意

テーブル使えよって思ってしまう俺は駄目ですか・・・そうですか・・・
てか、レイアウトにテーブル使っちゃだめなん？
テーブルのが上手く行くことあると思うけどなぁ・・・

私も特別absoluteとかを使う必要がない場合を除いてテーブル使うなぁ
上例の場合、テーブルの方に利点がある気がするけど

論外

>>244
ではまだ実用レベルってわけにはいかなそうだな

今更こんなことを訊くのも恥ずかしいのですが・・・
Javascriptでの記法って、どんな記法が好ましいとか、この記法がよく使われている記法とか、そういったものはありますか？

基礎を身につけていれば、そんなことは気にならない。

インデントはタブ(4)かスペース4つかどっちがいいですか？
それぞれのメリットデメリットを教えてください

スペースなんていちいち入れてられないだろ

>>264

タブでもスペースでも好みでいい。

ただ、タブだとソースの後のコメントの頭が揃い辛かったり、
IDE使わずにノートパットで開くと表示が崩れて見えたりする。

でも、スペースもその数だけデータ数を消費しているし、
インデントを一発で決められないし...


>>265
どんだけ雑なんだよ

スペース必修なとこにはスペース、
そうでもないところにはタブ
みたいにしておけば、
タブをブランクに一括変換しても不具合ないだろうし

俺は開発段階では例えばvarとかnewとか以外はタブで見やすいように、
サイトに設置するときは場合によるけど改行やタブを全て無効にしてる。

tabキーでソフトタブ挿入してくれるエディタもあるだろうに
スペースバー叩くぐらいならハードタブでいいけど、そういうエディタ使ってるならソフトタブお勧め

ハードタブなら見る人の好みで調整できるっていうのは幻想
tab数が一致しないとこういう事例で激しく崩れる
>　　>　　soLongLongFunctionName("引数が長ったらしくて二行になった時に",
>　　>　　>　　>　　>　　>　　>　　>　　_"タブとスペースいれて桁揃える人多いよね");

そういうことしないならハードタブのほうがなにかと楽ではある
まあぶっちゃけこのへんも宗教だから、自分の信じるほうを使えばいい

>>266
バイト数こだわるならcompressしろよｗ

インデントっていうのは一発で決めるものだと思うんだよね
だからタブが普及していくのが当たり前
今後スペース厨は古い人間ぐらいしか生き残ってないだろう

>>270
インデントを半角スペースにしてるやつは、Tabを打った時に一発でインデントできるようにしてるでしょ。
vimならset tabstop=4とか。
どっちもどっちだな。
半角だとちょっとインデントずらしたいときにきれいだし、タブだと移動が楽な時がある

スペースかタブ化は開発チームのコーディングルールで決めて、
公開の時は削除してmin.js化しちゃえばいいんじゃないかね

>>270
どうでも良くね？

cearTimeout以外でsetTimeoutの関数をキャンセルする方法ってあります？
関数一般をキャンセルすることってできるんでしょうか？

省略できるセミコロンはガンガン省略しちゃっておｋでしょうか。

>>273
シングルスレッドなんで実行が始まったら止まらないっていうか
関数が終わるまで処理が他に回らない
実行される前になんとかしろ

>>274
ここは省略できるとか考えてるぐらいなら何も考えず打った方が楽だし誤動作もないぞ

>>274
その辺のcompresser使って空白改行削除とかしてみ

ラジオボタンのonclick時に
テキストボックスへフォーカス当てる処理を入れてるんですが、
特定のテキストボックスだけ.focus()1回だけだと動作しない現象が起こってます。
2回書くと動作するんで問題ないっちゃないんですが、何か解せない…。

同じような現象に遭遇した人いませんかね？
ブラウザはIE6です。

IE6とかないわ

一応言うがIE7もないよ

>>257
有難うございました!

グローバル変数て使わないほうがいいの？

http://ja.wikipedia.org/wiki/%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E5%A4%89%E6%95%B0
使わない方がいいっていうか、使いたくなくなる

if(n==1){alert('ok');}
な感じでelseが必要ないときも
elseで何か書いてエスケープ的なことしたほうがいいの？
三項演算子で書こうとおもうと
三項目がなんか空になってしまって
どうやったらいいのかわからん

n == 1 ? alert('ok') : 0;

意味がわからん
そんな頭悪そうなコード書くなよ

わからんならレスしなくておk

>>284
とんくす。
0ということはfalseを返すということなのでしょうか？

(n==1)&&alert('ok')

中二病の症例
*三項演算子や論理演算子に置き換えたがる
*型変換や省略で極限まで短く書こうとする
*意味もなくクロージャを作る

プログラマの麻疹 - YoshioriのBlog
http://d.hatena.ne.jp/Yoshiori/20090706/1246849833

この板にまで中二病とかあんのかｗ

画面下部を固定する為に、<div>タグを使用してエレベータメニューを使用しているんですけど、
微妙に画面にちらつきがあり見栄えがよくありません。


常に画面下部に

<div style="width:850px" >この部分は常に固定です。</div>


のエリアを設けて画面の下部にちらつきなく固定するにはどうすれば良いでしょうか？
jQueryとか使わないと無理ですか？

position: fixed 使う。

>>291
CSS

特定のキーを、onkeypressしている間はフラグをtrue、
onkeyupをすればフラグをfalse、これらをリターンできる関数を作りたくて
まず始めに、
function GetKeyPushFlug(keypresscode,keyupcode){
window.onkeypress=function(evt){if(se.GetkeyCode(evt)==keypresscode){return true;}}
//window.onkeyup=function(evt){if(se.GetkeyCode(evt)==keyupcode){return false;}}
}
//se.GetkeyCode(evt)は押されたキーcodeを返す

として、GetPuchFlug(97,65)でonkeypressされたとき、
flugを受け取ってみたいです。

そもそも、
function GetKeyPushFlug(keypresscode,keyupcode){
window.onkeypress=function(evt){if(se.GetkeyCode(evt)==keypresscode){alert(keypresscode);}}
}
はonkeypressしたときに指定したkeypresscodeでアラートしてくれました。
return tureのところをflug=true;みたいにグローバルにすれば
うけとれたのですが、できればflug=GetPuchFlug(97,65)として
press,upするとflugにtrueとfalseが動的に入るようにしたいです。
どう改善すればよいでしょうかよろしくおねがいします。

訂正
//se.GetkeyCode(evt)はDown、Press、Up時のキーcodeを返す

どっかの言語の知識をそのままはめようとしてるんだろうけど
根本的に、シングルスレッドのJavaScriptで「イベントが起きるまで実行停止」っていうのはあり得ないから
続きの処理を一つの関数にしてイベントに応答させるしかない

あと細かいツッコミ
＞window.onkeypress=
プロパティへの代入だから一つしか登録できない
何重にも登録したいならイベントリスナつかうか
登録した複数の関数を実行できる仕掛けを持った関数一つを登録する

＞flug
flag

jQueryで要素内のテキストがある条件に一致するもののみを抽出して出力したいのですが、jQuery日本語リファレンスに則って
//piyo要素内のテキストがfugaに一致した時だけhoge要素以下のデータを出力する
$(xml).find("hoge").filter(function(index){
    return index == 1 || $(this).find("piyo").text() == "fuga"
}).each(function(){
    // 出力処理
});
こんなのを書いてみましたが、なんかもしかしてすごく効率が悪いことをしてるんでしょうか・・・
もっと適切なやりかたがあるような気がするんですが、見つけることができませんでした。

確かにアホみたいに効率悪いな
だがそれがjQueryだ諦めろ

>>297
とりあえず論理演算の基礎として || の意味勉強してこいｗ

＞「インデックスが1（2番目）」もしくは「idが”fourth”の要素」
＞return 「index == 1」 || 「$(this).attr("id") == "fourth"」;
（「」は追記）

効率考えるならいきなりeachしてfilterの代わりにif文使えばいいんでない？

/descendant::hoge[position()=2 or descendant::piyo="fuga"]
XPathに直しても非効率
さらに関数呼び出しのオーバーヘッドが半端ない

>>297
<hoge>
　<piyo></piyo>
</hoge>
って構造だと思っていいの？

var filter = 'fuga';
var $res = $(document)
　　　　　　　.find('hoge > piyo:contains(' + filter + ')')
　　　　　　　　.each(function() {
　　　　　　　　　　var $elem = $(this);

　　　　　　　　　　if ($.trim($elem.text()) === filter) return $elem.get(0);
　　　　　　　});

こんな感じとか。
filterをtextに含んでる要素を抜き出して絞り込み、その要素のtextがfugaに一致してるやつを抽出
空白はあってもいいことにしてる。あとeachをfilterで書いてもいいかな。

見た目は簡潔なんだが内部的に>>297と大して変わらない

jqueryとかlightboxみたいなjavascriptのライブラリ一覧みたいなサイトってありませんか？

>>297のやりたいことがもう少し詳しくわからないと何とも言えないな。
そもそも要素の中の文字列が完全一致しなきゃいけないパターンってどういう場合？

すみません297です。たくさんのレスありがとうございます。とりあえず・・・
>>299
すいません、論理演算のところはそのままサイトからコピペしてあとで調べようとしてそのままほったらかしにしてました・・・
>>301
そんな構造です。hoge下にpiyoだけでなく、mogeやその他色々入っています。条件一致したらmogeやその他の内容も選んで出力します。
>>304
すいません。具体的にはpiyoの内容は日付です。特定の日付と一致した場合・・・という処理を考えています。
と、ここまで書いて思ったのですが、xmlを
<hoge piyo="fuga">
    <moge></moge>
</hoge>
という構造に変えることが可能であれば、その方がより効率的に処理できるのだろうか？
・・・と考えて、何か根本的に違っているのかもしれないと疑心暗鬼状態です。

||　って左右のどっちかが真ならok　って意味だっけ？

>>306
そのぐらい>>6みてなんとかしろよ
それでもわからないなら試してみろよ
bool演算なんて2*2の4パターンしかないんだから

ttp://www.atmarkit.co.jp/fdotnet/ajaxjs/ajaxjs04/ajaxjs04_03.html
の
■プロトタイプ・チェーン − JavaScriptの継承機構 −
ってところに書かれてるコードで
var Hamster = function() {};
Hamster.prototype = new Animal();

Hamster.prototype.gnaw = function() {
window.alert("ガジガジ…");
};

gnawの他にsexをHamsterを追加しようと思ったらまた
Hamster.prototype.sex=function(){}にしないといけない
みたいなんだけど、
var Hamster=function(){};
Hamster.prototype=new Animal();
Hamster.prototype={
gnaw:function(){},
sex:function(){}
};
こういう感じでまとめて書けないものなんでしょうか

>>308
その場合はダメだね。

Hamster.prototype={
gnaw:function(){},
sex:function(){}
};

こうやるとprototypeをハッシュで上書きしちゃうから元から定義されてたものが消えちゃう。
つまり、new Animal()でせっかく入れたものが消えちゃうのでダメ。

初めにオブジェクト作る場合はそれでもいいけど、継承とかの場合はダメだね。

>>308
できるよ。
聞く前に試してみればいいじゃない。

あ、継承だとダメなのか。

>>309,310-311
なるほど、すっきりしました。
ありがとうございました。

>>296
参考にいろいろ修正加えてみます
ありがとうございました

>>312
これでマージ関数をつくる者がまた一人…

appendChildをbodyの中に作りたいんですが
<body id='body''>
としておいて
document.getElementById('body').appendChild(hoge);
でhogeをcreateできたんですが、
body.appendChild(hoge);
みたいな感じで、もっと簡単にできないでしょうか。
もしくは、事前にhtmlにid='body'を手動で追加したくないというか
js側でbodyにbodyにid='body'を最初に追加して
みたいなことがやりたいｔです
どうかよろしくお願いします。

document.getElementsByTagName('body')[0].appendChild(hoge);

→appendChildでbodyのなかにdiv要素を追加したい
でした

>>316
できました！ありがとうございました！

document.getElementsByTagName('body')[0].insertBefore(document.createTextNode("ほげ") , document.getElementsByTagName('body')[0].firstChild);
ふと思ったがbodyの直後に要素を入れるにはこれであってるかな

firstChildなら合ってる
でもDOMの話題の中で直後って言ったら普通はnextSibling

そういえば確かに<body>の後は</html>か･･

違うわ未定義だった

みんな
document.body
は使わんの？

XML操作で使えないゴミ

>>324
body要素になにか追加したいんじゃないの？

getElementsByTagName('body')なんて書く奴が言っても説得力がない

えっ

ちょっと質問なんですけど。
リンクを無効にする記述は、aタグのhrefに"#"と"javascript:void(0)"の
どっちを入れる記述がより良いのでしょうか。

どちらも最低

href書かなきゃいいじゃん

>328
onclickでreturn false;すれば？

>>292 >>293　サンクス

position : fixed をぐぐって調べて

IE8にしたら大崩れです。

>>329
他に無効にする記述ってあるのですか？
すみません勉強不足です。

>>330
hrefを書かないで試したのですが、確かにリンクは無効になってるんですけど
ちょっと思っていたのと違いました・・・

>>331
onclickにreturn false:をつけるのは、どんな意味があるのでしょうか。

その”思っていた”のがどうなるのかを書けよｗ

>>334
「リンクですらなくなってしまう」
　→ href 属性をトバしてから必要ならスタイルシートで下線をつける (ベタなり class 属性なり)
「リンクだが GUI としてページ移動する機能を失う」
　→ href は必ずそのまま残して >>331

そいつがそこに存在する意味をよく考えたら答えは出るだろ

>>331
<SCRIPT LANGUAGE="JavaScript">
function func_test(){
　var f = document.forms[0]

f.action = "<%=retuest.getContext()%>/TEST/TEST2.Action?doInit";
f.target = "_self";
f.method = "POST";
f.submit();
}
</SCRIPT>
〜省略〜
<a href="javascript:void(0)" onclick="func_test();">リンク</a>

javascript:void(0)で無効化した時、onclickにreturn false;をつけるのを忘れてしまい、
そうしたら画面遷移ができなくて原因を特定するのに相当時間を使ってしまいました。

このreturn false;、よく分かりません・・・

>>336
前者の場合キーボードでアクセスできたっけ？

あとreturn false; とかよりpreventDefaultのが書く実

クロスブラウザの面で不確実だったりしないか？

全ての要素にtabindexを振れる現在、未だにaを書く奴がいるのが驚き
HTML4で妥当でないのが嫌ならHTML5にしろ

>>337見て力抜けた

動的に要素を作成して
「ここをドラッグすると移動」
のようなボタンを入れるとき、
このボタンを触ったところから一番上の親要素を取得して、どの要素の childNodes に含まれているのかを調べる際

var ボタンの親要素 = ボタンの要素.parentNode.parentNode.parentNode....;
if (ボタンの親要素 == 指定の親要素)
else if...

これ以外に知る方法はありませんか？

指定の親要素.getElementsByTagName(ボタンの要素.tagName).indexOf(ボタンの要素) != -1

element.getElementByIdが存在しないことに絶望した
ArrayのindexOfはJS1.6だから注意

つーか初期化時にDOM舐めるなり埋め込んだデータを基にするなりで一覧作っとけ
parentTable[ボタンの要素] == 指定の要素

>>343
なるほど、一覧で確保していけばいいですね
おっさんありがとう！

>>343
実装わからないけど、XPathでの動きを考えるとidはelementで絞る必要がないんじゃない？
div#idより#idの方が速かった覚えがある。深く追求しなかったけど、
「div取得→そこからidという属性の要素を探す」
と、
「ハッシュみたいなのからidを探す」
という感じで実装してるのかなと勝手に思い込んだ。

formのcreateElementでmaxlength指定できないっぽい？

maxLength

>>347
それでもできないなぁとおもって冷静になってみてたら
今までinputのtextじゃなくてformにそれやっててしまってた
�dクス

>>342
Node#compareDocumentPosition
Element#contains

あるいはHTMLでparentNodeを辿ってルートまで行き着くのに10回もかからない
getElementsByTagNameとかアホか

俺もinput要素の親になるform要素探す時とか

input = input要素;
form = (function(node){
if(node.nodeName == "FORM") return node;
else if(node.parentNode) arguments.callee(node.parentNode);
else return null;
})(input);

な感じで、辿るなあ。

間違えた。
else if(node.parentNode) return arguments.callee(node.parentNode);

だ。

そんな君にはformプロパティの存在を教えてあげよう

>>352
いまのいままで知らなんだー！
色々書き直さなきゃー。

>>352
あせってお礼が遅れました。
ありがとう！

ＨＴＭＬスレに質問したら誰も分る人がいなかったので
こちらにて質問させて下さい。

HTMLページ内にYouTube埋め込み動画の中央(横長のブロックを重ねたい) に
　　<div>あいうえお</div>　
というブロック要素を表示しようと

<div style="z-index:20:">あいうえお</div>
<div style="z-index:10">(１）：YouTubeタグ</div>
　　　※ <object width="425" height="344"></object>　・・・・(１）

(　YouTubeの動画エリアの上に<div>ブロックが重なる様にposition absoluteの表示は
　style部分に入れていますが、略しています。）

として、z-indexも指定しここでは「あいうえお」の部分がYouTubeの表示エリア(ブロック)
よりも手前に表示されるハズなのですが、なぜかYouTubeタグの方が手前に表示されてしまいます。
一体どうすればＹｏｕＴｕｂｅよりも手前にブロックを表示(被せて)する事が出来ますか？

スレチ
いね

「z-index select」や「z-index flash」あたりでぐぐれ
ニコ動もどきやりたいなら諦めろ

wmode="transparent"

>>357
ニコはねー
でもありがとう

>>358
ありがとうございます。
やりたい事が出来そうです。
シェーシェー

data1='<span id="id1">hogehoge</span>';

変数内に入っているHTMLソースから、
document.getElementByIdなどを使って、
id1の内容を、直接取得することは可能ですか？

最初の要素だけでいい？

var data1 = '<span id="id1">hogehoge</span>';
var e = document.createElement("div");
e.innerHTML = data1;
alert(e.firstChild.id);

あ、ごめん内容か

id1の内容とは？

>>361
ありがとうございます。
直接id1のhogehogeが取得出来ればと思いましたが、
やっぱりdocument.createElementしかないですかねぇ

取得なのにcreate？

関数にDOM作って突っ込んでるだけだけど

HTML parserのcreate

/<(.*) .*id="(.*?)".*>(.*?)<\1>/
なんちゃって正規表現だとこんな感じ？

一端HTML parserを通さねばならないのを分かっていながら360みたいのを書くのは頭が悪い
データ内容とタグ表現は最初から分離しとけ

>>349
contains()
　　∩　 ∩
　 （・∀・| |　ｳﾋｮｰ
　　| 　 　 |
⊂⊂____ノ

compareDocumentPosition() が使えるなら使って == 8 が真ならそのノード返して
使えないなら contain() で取得すれば良いんですね。
これでまた馬鹿の一つ覚え用カードが増えました、ありがとうございます。

>>350-352
ちょっと使えそうなところありそうなので横からメモらせて頂きます。

ありがとうおっさんたち！

java.htmlとJson.jsの二つのファイルがあります
java.htmlからJson.jsを読み込むとアラートで「テスト2」と出すテストをしています

=====「Json.jsの中身」=====
var JsonHairetu = {
"test1":"テスト1",
"test2":"テスト2"
"test3":"テスト3"
}
alert(JsonHairetu.test2);
========================



このJsonを以下のように配列にしてアラート「テスト2」を出したいのですがうまくいきません
var JsonHairetu = {
{"name";"テスト1"},
{"name";"テスト2"},
{"name";"テスト2"}
}
alert(JsonHairetur[1]);

どなたかご教示お願いいたします

>>371
色々おかしい。
まず、記号を正してもう一度やってみれ。

・"test2":"テスト2" の後ろにカンマを付ける。
・配列リテラルの括弧を "[]" に直す。
・オブジェクトリテラルのプロパティ名と値の区切りを ":" に直す。
・代入文の最後に ";" を付ける(これは多くの場合、問題にならないが)

>>370
compareDocumentPosition が返す値はMDCちゃんと見とけよ

MDCじゃなくてW3Cだった

<div id="erea" style="width:500;height:500;">
<div id="seek" style="width:10;height:10;" />
</div>

<script>
document.getElementById("erea").onmouseout=function(){flag=false;}
</script>

ドラッグ操作のできるseekを動作させているときに
マウスのポインタがereaから出ればflagをfalseにしたいと思ったのですが、
seekのdiv要素に触れるとそれもmouseoutになってしまいます・・
flagはerea内でmousedownのときはtrue、mouseupのときはfalseにするつもりで
mousemoveのときにfalse、true時で処理を分岐させたいと思っています。
mouseoutでflagをつける目的は、もしもerea外でmouseupしてしまったとき
その状態でereaにmouseoverするとflagがtrueのままになってしまうからです。
seekのwidthとheightが十分に広ければ、ereaじゃなくてseekの方にonmouseoutをできるんですけど
ボタンが小さいと、マウスを素早く（ある程度ゆっくりでも）するとmouseoutになってしまって・・
解決方法がみつかりません。助言をどうかおねがいします。

すごい発見した
ＰＣにヘッドフォン刺して無音で耳をすましてると
処理が重いときに、きりきりきりっていう音が聞こえる。
プログラム改善して軽くなると鳴らなくなる。

CPUからノイズが載るのかな
負荷が直接フィードバックされるのはやりやすいかもね
コードのどの部分が音を立てているのかが分かれば完璧だけど

消費電力が増えると電源が鳴く

>>375
area?

>>375
マウスイベントはIEと他で酷く違う、どっちのことかわからんから
ライブラリで mouseenter/mouseleave を試してみたら？

上でcontainsとcompareDocumentPositionの話が出てるのに

ああそうか、チラついているかと思ったんだが違うのか

function hoge() { 1 }
hoge.prototype.huga = function(a, b, c) { 2 }
var piyo = new hoge();

こういうファイルがあって、
別のファイルから「a」「b」「c」という引数を使いたいんですが
「2」の文はちょっと変更したい
って場合はどうすればいいんでしょうか

piyo.huga = function(a, b, c) { 3 }
って書いたら元の
hoge.prototype.huga = function(a, b, c) { 2 }
に上書きされたみたいになってこの部分を使っていたほかのやつが動かなくなりました

>>383
javascriptでおｋ
望む結果が得られない例ぐらい動作するコードで書いてくれ
「引数を使いたい」とか訳がわからないし、実行例もないから察しようもない

>>383
(function() {
var _huga = hoge.prototype.huga;
hoge.prototype.huga = function(a, b, c) {
  var args = Array.prototype.slice.call(arguments);
  3;
  _fuga.apply(this, args);
};
})();

>>385
うまくいきました！たぶん
追加した部分も動いているし、
元からあった「この部分を使っていたほかのやつ」も動いています

>>384
すみません
元の（他人が書いた）ファイルが多くて全部だと長すぎるので>>383が必要最小限かなと思いました
自分のファイルは元のファイルがないと話が繋がらないかなと思いました

えっ、他のには影響ないはずだろ

もう黙ってろよ・・・

確かにpiyo.hugaへの代入がプロトタイプに影響することはありえないな
>>385だと他のインスタンスに影響が出るはず
>>383が何をやったのかさっぱり分からない

日本語が残念なことになってる質問には
答えちゃダメだな

windows sidebarいわゆるガジェット作ろうとしてます。
指定時刻で指定画像表示というもので

function jikokug(){
dt = new Date();
h = dt.getHours();
m = dt.getMinutes();
time = h+""+m;
//document.F2.J2.value = time;
document.HouImg.src = "images/" + time + ".jpg";
}
/*を↓のHTMLで受ける*/

<form name="HouImg"><input width="139" height="79" name="MonImg">
<script type="text/javascript">
setInterval("jikokug()",1000);
</script>
<img src="images/1.jpg" width="139" height="79" border="0" name="MonImg">
</form>

という設計なのですが、パスはあってる、timeにはちゃんと数字がいってるのに
画像が表示されません。
どなたか力を貸してください。よろしくお願いします。

いくら IE 専だからってこういうのは好きじゃないなあ
document.HouImg

好意的に解釈してそれが form を指すのだとしたら
form の src って何なんだぜ？

document.HouImg.MonImg.src = "images/" + time + ".jpg";

ノスタルジック

DOMについて質問です。
あるノード node を任意の HTML で置換しようと思い、次のようなコードを書きました。

function replaceNode(node, html)
{
　var e=document.createElement('DIV');
　e.innerHTML = html;
　var newnode = node.parentNode.replaceChild(e.firstChild, node);
　return newnode;
}

これで一応目的は達成したかに見えたのですが、置換後の newnode の parentNode が null になってしまいます。
元の node の parentNode と同じ親になって欲しいのですが、どうしたらよいでしょうか？

うはー！大ポカでした
replaceChild は古いノードを返すんですね。
こんな風にしたらうまくいきました。

function replaceNode(node, html)
{
　var e=document.createElement('DIV');
　e.innerHTML = html;
　e = e.firstChild;
　node.parentNode.replaceChild(e, node);
　return e;
}

>>392,393
ご指摘ありがとうございます。
IE専かどうかはわからないです。srcは不要ということですか？
どうやってHTMLに渡したらいいか教えていただけませんか？
また参考サイトなどありましたらそれでも構いません＞＜

>>391
h = dt.getHours();
m = dt.getMinutes();
time = h+""+m;

疑問なんだがこれだとものすごい数の画像が必要になるよね。24*60=1440個？
とりあえず javascript 時計 画像 あたりで検索してみてください

>>397
1440個であってます。まだプログラムがこれなので画像は用意してませんが。
<html>
<head>
<title></title>

<script language="JavaScript">
<!--
function change()
{
d = new Date();
h = d.getHours();
document.HouImg.src = "hour/" + h + ".gif";
}
// -->
</script>

</head>
<body onload="change()">
現在は
<img src="hour/1.gif" width="100" height="70" border="0" name="MonImg">
時です
</body>
</html>
これを参考にしたのですがなぜか画像が表示されなくて、、
ガジェットだと渡し方が特殊？だったりするんですかね？

お前の書き方が特殊なんだよ
普通に標準的に書け
そもそも名前が合ってないだろうが

<img src="01.gif" id="hour">

<script type="text/javascript">
document.getElementById("hour").src = "02.gif";
</script>

--
余計なお世話かもしれんけど
数字が２桁になるように０埋めする必要があると思うよ

Houってなんだよ
Monってなんだよ
下手な省略するくらいならローマ字の方がマシなレベル

で設計を考えなおした方がいいだろ…
時刻表示には数字10個とコロンしか必要ないのに
なんで秒単位でファイル作るんだよ、組み合わせろよ

美人時計みたいなの作りたいんじゃない？

<script type="text/javascript">
window.onload = function(){
　　document.getElementsByName("MonImg")[0].src = "hour/" + (new Date()).getHours() + ".gif";

}
</script>

scriptタグにlanguage属性は使うな、既に廃止された。代わりにtype="text/javascript"を使う
script内をコメントアウトするな。JavaScriptに<!--, -->なんて命令は存在しない
document.[name属性]でアクセスするな、IE以外で動かない。代わりにdocument.getElementsByName("name属性の値")を使う
onload="change()"なんて使い方はするな。HTMLは文書構造を定義するための物だ。代わりにwindow.onload = function(){〜}又はaddeventlistenerを使う

*text/javascriptはRFC4329で廃止
*HTML5でescaping text spanという新構文<!--...-->が導入される(これはコメントではない)
*XHTML1における挙動差を言及せず安易にgetElementsByNameを勧めるな
*window.onloadよりonload=".."の方がまだまし

＞XHTML1における挙動差を言及せず安易にgetElementsByNameを勧めるな

ｋｗｓｋ

>>404
そういえばtext/javascriptはapplication/x-javascriptになったんだっけ

>>404
*window.onloadよりonload=".."の方がまだまし

この「まだまし」の理由を教えてくれないか

>>404
window.onload = func;
onload = func;

これ同じだと思うけど、グローバルオブジェクトがwindow以外の名前になることを想定してる？
それともwindowが別の名前になるとかいう話でも出てるの？

複数書いたら上書きされるからだと思うけどddeventlistener使えばいいのに

ドット演算子のオーバーヘッドなんていうこの際どうでもいいことの可能性もあったな

>>409
window.onload = function f(){};
alert(onload); // "funciton f(){}"

addeventlistenerてIE8でもまだ対応してないだろ

>>398

> まだプログラムがこれなので画像は用意してませんが。

> なぜか画像が表示されなくて、、

あたりまえでは？

>>408

>>404 が「まだまし」としてるのは元の <body onload="change()"> じゃまいか？

>>403
> document.[name属性]でアクセスするな、IE以外で動かない。

DOM0構文だから動くんでね？

確かにfirefoxでも一応動く。firebugさんが文句言うけど

var testelement = document.createElement('style');
testelement.setAttribute('type', 'text/css');
testelement.appendChild( document.createTextNode('#test{font-size:1px;}') );
document.getElementsByTagName('head').item(0).appendChild(testelement);

上のスクリプトは動作するのですが、下のスクリプトは動作を確認出来ません。どこがおかしいのでしょうか
<script src="./test.js" type="application/x-javascript" charset="UTF-8"></script>でXHTMLのhead要素内に挿入して
Firefox、Opera、Safariで確認しています。

var testelement = document.createElement('div');
testelement.setAttribute('style', 'font-size:5em;');
testelement.appendChild( document.createTextNode('#test{font-size:1px;}') );
document.getElementsByTagName('body').item(0).appendChild(testelement);

また、えらく流れぶったぎりだな。404の返答ながれるだろーが

>>417
どこがおかしいってココだろ？

testelement.appendChild( document.createTextNode('#test{font-size:1px;}') );

スクリプト動かした結果のhtml位は質問前に確認しる

つか、普通はstyleプロパティ使うんじゃね？

window.onloadに対する<body onload="">の優位性がわからん
div.onclickと<div onclick="">ならinnerHTML絡みだとか想像つくけど

>>417-418
firebugにコピペして動いたけど

まさか#testのフォントサイズが変わりませんでしたとかじゃないよね？

あーちげー、きっとこういうオチだ

<head><script>document.getElementsByTagName("body")</script></head>
<body></body>

head内で遅延無しに実行すると、headの次にあるbodyはまだ構築されてないからアクセスできない
onloadとかでbody構築後まで実行を遅延させるか、body末尾にscriptを書け

<head></head>
<body>
本文
<script>document.getElementsByTagName("body")</script>
</body>

皆さん有り難う御座います
>>421で解決しました

　　　　　　　　∧∧
　　　　 　　ヽ(･ω･)/　 　ｽﾞｺｰ
　　　　 　＼(.＼ ノ
　　　　､ﾊ,,､　￣

ところでXHTMLなら
getElementsByTagName('body')はダメなんじゃねの？
bodyって form control じゃないよね。

　　　　　　　　∧∧
　　　　 　　ヽ(･ω･)/　 　ｽﾞｺｰ
　　　　 　＼(.＼ ノ
　　　　､ﾊ,,､　￣

確かにXHTMLならgetElementsByTagNameNSだがform controlてどこから出て来た

あとapplication/javascriptが定義済なのに独自拡張のx-javascriptもないな

>>399-416
ご回答ありがとうございます。
自分はまだここで訊くレベルではなかったようです。
１レスずつゆっくり読んでググりながら、またがんばってみます。
どうしてもわからなかったらまたよろしくお願いします＞＜

>>391
そのガジェット作って終わり、じゃあないだろうから一応。

どこの講座サイト見ているのか知らんが
まずは ECMA-262 を、と言ってもわからんだろうから
読みやすいMDC等の公式に書かれたものを読んだら良い。
　Core JavaScript 1.5 ガイド - MDC
　https://developer.mozilla.org/ja/Core_JavaScript_1.5_Guide
　他はテンプレにある。

とりあえずはテスト環境を作ること。
上のURLにある「このガイドについて」を読んで、そこに書いてある firebug を入れるか
代わりに IE8 のメニューにある「開発者ツール」でもどちらでも。
サイドバーガジェットはIEで実行されるからIEの方が良いと思う。

あとは関数名でググって例文探して真似てテストしまくれ。

講座やサンプルサイトを見るのならそのページがいつ書かれたものなのか見てから、
「イヌでもわかるJavaScript講座」などの古過ぎるサイトはやめたほうが良い。

作るものはガジェットなのだから
　ガジェット: 独自の Windows Vista サイドバー ガジェットを作成する
　http://msdn.microsoft.com/ja-jp/magazine/cc163370.aspx
このページのショートカットリンク作っとけ、
今読んで解からなくとも後で読み返したら少しずつ理解できる。
このページの JavaScript の項目に書かれている setInterval があるが、
>>391の時刻表示をするなら
秒数経過すれば表示が変わるようにしたくなるだろうから setInterval 使うことになる、
その注意点も含め他も書かれているから参考にしたら良い。

残念、本人は既にsetIntervalを使っている。

MDCは見やすいのにMSDNの見難さは異常。

<select name="s1">
<option>a</option>
<option>b</option>
</select>
<select name="s2">
<option>a</option>
<option>b</option>
</select>

-----------------------------------------------------------
s1でaを選択したときにs2でaを表示させない(選択済みの項目を排除する)方法はありますでしょうか？
selectと項目はともに20個くらいまで対応したいと思っています。
宜しくお願いします。

radio ボタン使おうぜ。

radio ボタンだと 400 個くらいになるのかｗ

>>430
AppleのADCも読みにくく探しにくい
Operaは情報が少なすぎ

でもMDCも、Wiki入れかえてから使いにくくなった・・・

>>428-430
丁寧なお返事ありがとございます。
ちょっとあきらめムードでしたが、やる気が戻りました！
これを無駄にさせないために絶対に完成させます！

>>431
backup = select要素.options[n]; //バックアップ
select要素.options[n] = null; //排除
select要素.options[n] = backup //再設定

これをonchangeイベントでやればできると思う

>>430
MDCは無駄にセキュア接続なのが嫌い。

>>431
何となく作ってみたけどこれだと2つのselectしか対応できないや
window.onload = function(){
　　(function(){
　　　　var e = document.getElementsByTagName("select");
　　　　for(var i=0;i<e.length;i++){
　　　　　　e[i].onchange = function(){
　　　　　　　　var e = document.getElementsByTagName("select");
　　　　　　　　var value = this.getElementsByTagName("option")[this.selectedIndex].firstChild.nodeValue;
　　　　　　　　for(var i=0;i<e.length;i++){
　　　　　　　　　　if(e[i] != this){
　　　　　　　　　　　　for(var j=0;j<e[i].getElementsByTagName("option").length;j++){
　　　　　　　　　　　　　　var obj = e[i].getElementsByTagName("option")[j];
　　　　　　　　　　　　　　if(obj.firstChild.nodeValue == value){
　　　　　　　　　　　　　　　　obj.disabled = true;
　　　　　　　　　　　　　　}else{
　　　　　　　　　　　　　　　　obj.disabled = true;
　　　　　　　　　　　　　　}
　　　　　　　　　　　　}
　　　　　　　　　　}
　　　　　　　　}
　　　　　　}
　　　　}
　　})();
}

>>431
<select name="s1" onchange="setS2(this.form)">
<option value="0" selected="selected">選べ</option>
<option value="1">a</option>
<option value="2">b</option>
</select>
<select name="s2">
<option value="0">----</option>
</select>

function setS2(form) {
var s1 = form.s1;
var s2 = form.s2;
if (s1.value == '0') return false;
var length = s1.length;
for (var i = 0; i < length; i++) {
s2.options[i] = new Option(s1.options[i].text, i);
}
s2.options[s1.value] = null;
s2.selectedIndex = 0;
}

削除に s1.value を直渡ししているので<option value="ここ">は必ず連番数字でな。
>>429
よく確認してなかったｗ


で、自分も質問。
フォームの入力文字直後に値を取得する場合、onkeydown を使っているとき
オートコンプリートから選択入力されると取得できない。
onblur を使わずうまい方法は無い？
IE8 と Firefox3.0.11

何か制限プレイでもしているのか

せめてnbsp使え

>>440
入力値を特定の replace() で変換してから Submit 時に送るが、
その変換したものを入力しているときに何が Submit されるのかをユーザに見せたい。

inputにフォーカスあるときだけinputの真下に透明のdivを持ってきてonmousedownで
とかやるしかないんかな。

>>438
for尽くしできめえコード

javascriptのみでページリンク作ってると
ついついブラウザの戻るボタン押して前のページ番号に
戻ろうとしてしまった場合、最初のページに移動してしまうのはどうにかならんの？

js依存のリンクなんて最悪の設計だな

実際にページ移動せずにinnerHTMLやらDOMで書き換えてるってこと？

どうやってるのか知らんが普通にIDリンクすれば#で位置を保存できる
リンクの見せ方はjsでやれば良いがリンクそのものをjsで書いたらダメだろ

>>444
CGI使うやつは普通
jsでやろうとする奴はアホ

CGIｗｗ

CGIの意味が分かってない人がまたひとり

>>436,438-439
ありがとうございました。

イラン報告してすいません。
たった今できました！言われた通りやったらできました。
なんか初めてjavascript動かしたから感動です。アドバイスくれた方ありがとうございました。
スレ汚しすみませんでした。

>>452
初めてって・・・
本見てその通りやることから始めようよ。最初はさあ
打ち間違いレベルのソースだぞ

>>449-450
サーバサイドでPerlとかPHPとか使って動的にページを生成するプログラムを
CGIと呼ぶのは厳密には間違ってるのはわかるんだけど、
じゃあ代わりに何と呼ぶのさ？

サーバサイドでいいじゃん

PHP使おうぜ

>>454
>略...厳密には間違ってる
のか？
リクエストに対して動的にレスポンスを返すのがCGIだろ？

ならばHTTPは全部CGIか

>>458
ちょっと言っている意味がわからないからもう少し噛み砕いて

リクエストに対して動的にレスポンスを返すものがCGIとは限らないし
（滅多にないけど）CGIはリクエストに対して動的にレスポンスを返すとも限らない

まてまて
発端は>>454かもっと辿れば>>444だろ？論点ずれてないか？

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

CGIモードとモジュールモードとFastCGIの違いについて他所のスレで聞いて来い。

俺、XHTMLとCSSは全部PHPで生成してる

アンカータグにイベントをつけたいんですが、hrefは必須ですか。つまり、
<a onclick="funcName()" ...>
見たいにしたいのですが。

>>465
aでなければいけない要因があり、かつ、リンクとして機能させたくない要因があるなら否定はしない
onclickよりhrefでfalse返せばいいだけだと思うが

>>466
ご回答ありがとうございます。そのやり方(return)も分かってはいるの
ですが、タグが長くなるのでapanよりはaにしてあとイベントだけにした
いです。やってだいじょうぶというわけですね。

href="javascript:func()" って時代遅れ？
単なる流行り以上に何か問題点があれば教えてくれ。

今の時代のJavaScriptの書き方のテンプレでも作りませんか？
たとえば

function kansuu() {
[半角4文字]alert(1)
}

無意味

あっという間に時代遅れになるのがオチ。

WCAG 1.0 (2000)の時点で使うなと理由付きで書かれているのに
どんだけ時代に乗り遅れてんだ

>>472
WCAGはリンクとしての使い方をするA要素のリンク先にjavascript:を指定してはいけないというだけで、
>>465-466みたいな使い方をするリンク（というかもはやリンクではないが）について言及したものではないと思うが

お前は何を言ってるんだ

お前はWCAGが何を目的に勧告されたか分かってないだろ

arr={'a':'','b':'','c':''};
このオブジェクトのa,b,cにそれぞれ値を代入したいんですけど、
aに代入bに代入とかじゃなくて、arrの何番目に代入ってのは
どうやってやるんでしょうか。よろしくお願いします。

arr['a']

>>477
それだと何番目というより、a番に代入にならないですかね・・

連想配列は番号を持っていない

for(i in arr)で回してカウントするぐらいしかないね

番号というか順序は保証されない

>>479-480
ありがとうございます。

alertとかintvalとかをプロパティというのでしょうか？

「alertもプロパティなのか？」という質問なら、概ね正しい
alert(alert == window.alert);

「プロパティとはalert等のことか？」なら入門書でも読んでこい

intval？なにそれ

質問です。
以下のコードなのですが

var func = function () {
x = 1;
var f = function (x) {
window.alert(x);
};
return f;
}();

func("Hello!");

これでHello!とアラートが出るのは何故でしょうか。
言語仕様に詳しいどなたか、教えてください。

>>485
var f = function (x)

としているから。
var f = function ()

にすれば1になるでしょ。

>>486
確かにそれはそうなのですが、私は別に1を表示させたいわけではありません。
どういう流れでwindow.alert(x);のxに"Hello!"が代入されているのか知りたいのです。

485のコードは、The Good Partsという書籍の51ページにあるサンプルコードを簡略化したものです。
元はフィボナッチ数を求める関数です。

>>485
func("Hello!");
の代わりに、
alert(func.toString());
してみなよ
どういう関数を呼び出してるのかわかるから

x = 1
function f() { var x = "hello";
alert(x);
}
f();

ちょーおおざっぱに言えばこんな感じ
仮引数は関数呼び出しのときに定義されるから、その外側のスコープであるx = 1よりも優先される

>>487
あー、そういうことか。
funcは関数fを返す関数、ってのはわかるでしょ。
つまり、関数funcはfとほぼ同値な訳です、大雑把かつ乱暴に言うと。

で、funcをコールする際に引数に文字列"Hello!"を渡しているから
Hello!がアラートされる、と。

funcとfの違いは、funcはコールされると、グロスコの変数xに1を代入する、
という点。もし二行目が
var x = 1;

と書かれると、この変数xはfuncに代入される野良関数内でのローカル変数となる、
すなわち、野良関数の存在意義は、スコープの維持に他ならない訳です。

>>490
グロスコ = グローバルスコープ
野良関数 = 関数オブジェクト

です。変な書き方してすみません。

divブロックの中に複数の div のブロックがあります。
子の div は親の div と同じ幅で、それが縦に何個か並んでいます。
子の div にはマージンがあるので、みっちり並んでいるのではなく隙間が開いています。

で、親div に onclick を設定して、子の div に対するクリックを検出しようとしていて、そこまではうまくいきました。

次にやりたいのは、子の div の間のすき間をクリックした時、どのすき間がクリックされたのかを知ることなのですが、
どんな方法があるでしょうか？
「この子」の次のすき間がクリックされた、みたいに、子の要素が求まると具合がいいです。

マージンでなく空のdiv入れたら駄目なの？

elementFromPoint

>>488-491
皆様、ありがとうございます！
まだこれを使えるレベルではありませんが、なんとなく理解できました。
toStringはデバッグのときに便利ですね！

スコープとか、クロージャとかについて引き続き勉強していきます。

質問
jqueryで複数の外部cssを切り替えて、bodyに各css毎のidを追加してcookieに保存させるjsとを使っています。
$('#csschg').attr({href:cssurl});
$('body').attr({id:csstype});

a.css,b.css,c.css,と3つ外部cssがあるとして
b.cssのみにbodyのidを含めた指定でスライドメニューを使おうとしたのですが
idが切り替わっていても、F5などで再読み込みしないとスライドメニューが有効になりません。
単純にcssを後から追加しだだけでは、先に読み込んであるjsは動かないものなのでしょうか？

外部jsから外部jsを読み込む方法を考えてみようと思います

>>497
インポートすればおｋ

>>496
そのスライドメニューの仕様次第だが。
idが切り替わる前にDOMアクセスしているのであれば、駄目じゃん。

<script src="スライドメニュー">
document.getElementById("bbb") // ← undefined
</script>

<body id="aaa">

<script>
$('#csschg').attr({href:cssurl});
$('body').attr({id:csstype}); // ←この時点でbodyのidがbbbになる。
</script>

異ドメインからjsファイルを読み込むことはＯＫですか？あと、外部に
したときの場合もお願いします。

jsファイルのドメインは一切影響しない、ぶっちゃけページ内にコピペしたのと同じ

＞外部にしたときの場合
詳しく

MDCの解説内容は100％IE,Operaに対応できますでしょうか？

　　　　　　　　　　　　　　　　　　　＼|
　　 ／￣￣￣￣￣ ミ 　　　　　　　　／￣￣￣　＼
　　/　　 ,――――-ミ　　　　　　 ／　　　　　　 　 ｜
　/　　／　 ／　　 ＼ | 　 　　　　　∨∨∨∨∨＼ ｜
　|　 /　　　,（･）　（･） |　 　　　　　｜▲　　▲　 ｜｜
　 (6　　　　　　 つ　　|　　 　　　　｜（・）　（・）　　6)
　 |　　　　　　＿＿_　 |　　　　　　 ｜　｜　　　　｜｜
　 | 　　　　 /＿＿/ ／　 　　　　　｜　　¨　　　　 ／
／|　　　　　　　　 ／＼　　　　　　　＼／＼　　／＼
　　　　　∧ 　　　　　　　　　　　　　／￣￣￣　　　 ＼
　　／￣　 ￣￣￣￣￣￣￣￣
　　|　んなわけねーだろ！

>>498
ありがとうございます
css変更とスライドメニューの二つの外部jsを一つにしてみました

>>499
ありがとうございます
スライドメニュー前に（b.cssの読み込み時に<body>に追加されるidが#bbbだとして）
//console.log("idあるか？:"+document.getElementById("bbb"));
if(document.getElementById("bbb")){
$(function(){$("#bbb #menu").each(function(){

$("li > span", this).each(function(tototo){
var $this = $(this);if(tototo > 0) $this.next().hide();


$this.click(function(){
var params = {height:"toggle", opacity:"toggle"};$(this).next().animate(params).parent().siblings().children("ul:visible").animate(params);
return false;

});
});
});
});
}

とすると#bbb以外のidが付いた1回目もスライドメニューが動いてしまいました

読み込んだjsを無効にする方法などありますか？

>>504
＞読み込んだjsを無効にする方法
ない、混ぜたジュースのようなもん
だからたまに「汚染される」という表現が用いられることもある

フック（イベント）を外して無効化することはできる
それが簡単にできるかどうかは構造次第
ライブラリによってはその手段が提供されてる場合もある

若干htmlに入ってしまうかもしれないんですが
font要素の縦横幅をdivなどのように操作することってできますでしょうか
よろしくおねがいします。

完全にCSSだろうが

matchって最初にヒットしたところで止まるようですが
全て検索するにはどうしたらいいのでしょう？

var hash = "kh309ekauh3kaak3a";
var obj = hash.match(/([0-9])/); //ここで()の中身（すなわち数字）を先頭からマッチした順に格納したい[3,0,9,3,3]

マッチしたら準備した配列に格納して
現在の文字列の位置を記憶してそこから再度検索をかけるといったことを
再帰的に最後までやり続ければ出来るとは思いますが
もっとすっきりできないでしょうか？

matchをちゃんと調べろ

youtubeのように表示領域に入ったら画像を表示するみたいな事ってどうやったらできるんでしょうか？

なにそれ？

>>510
Lazyload

>>511
お前みたいな知識の乏しい奴は黙ってろや

なんか随分ストレス溜まってるやつがいますね
ここは掃き溜めじゃないのよ

>>513
つ 鏡

>>508
このスレ的にはこういうのが定石なのかも。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
</head><body>
<script type="text/javascript">
var hash = 'kh309ekauh3kaak3a', arr = [];
hash.replace(/[0-9]/g, function(s) { arr.push(s); });
document.writeln(arr);
</script>
</body></html>

くっだらねー釣りだな

var arr = 'kh309ekauh3kaak3a'.match(/[0-9]/g);
定石とか、もうね

>>516
ああ、replaceはそっちの用途の方が使いでがあるよね。

下手な擁護は相手を惨めにさせるだけ

ここって猿園じゃなかったのか

イチゴ畑です。

むしろ <title>???</title> の人の低質なコードがこのスレの名物

画像レイヤーをクリックでON、OFFできるようにしたいのですがきちんと動作してくれません。
関数を読み込む順番を変えたりしてどうやらgameStartの部分に問題があることは把握できたのですがどう修正すればいいのか見当もつかない状態です。
解決方法を教えてください。
<html>
<head>
<title>gametitle</title>
<script type="text/JavaScript">
function gameStart() {
alert("消します");
lyrSetVisibility( "lyrball" , false );
alert("出します");
lyrSetVisibility( "lyrball" , true );
}
function lyrSetVisibility( lyr , visf ) {
if ( visf ) {
document.getElementById( lyr ).style.visibility = "visible";
} else {
document.getElementById( lyr ).style.visibility = "hidden";
}
}
</script>
</head>

<body>
<div id"lyrball"
stile="position:absolute; left:128px; top:128px;">
<img src="bb01.gif">
</div>
<a href="JavaScript:gameStart()"> [スタート] </a>
</body>
</html>

>>524
＞<div id"lyrball"
id="lyrball"

＞stile="position:absolute; left:128px; top:128px;">
style=

なんというかもうHTMLからやりなおせｗ

＞<script type="text/JavaScript">
<script type="text/javascript">

＞JavaScript:gameStart()
javascript:gameStart()

大文字使うな

大文字でもいいが
javascript:を使うな

>>52
Content-Typeは大文字駄目でしょ

>>528
RFC2616読んで出直せアホ

>>529
media-type = type "/" subtype *( ";" parameter )
The type, subtype, and parameter attribute names are case-
insensitive. Parameter values might or might not be case-sensitive,
depending on the semantics of the parameter name. Linear white space
(LWS) MUST NOT be used between the type and subtype, nor between an
attribute and its value. The presence or absence of a parameter might
be significant to the processing of a media-type, depending on its
definition within the media type registry.

＞The type, subtype, and parameter attribute names are case insensitive.
タイプ、特殊型、およびパラメタ属性名は大文字と小文字を区別しないです。

読んだよ。規約では区別しないことになってるね。
大小文字混ぜて書くことにするよ！

>>530
URIの方はRFC 2396なんでよろ。

これって機能してますか？
ttp://pigs.sourceforge.jp/wiki/index.php

機能してないのなら自分の勉強目的と記録のために新しく作りたいのですが無駄ですかね？

これはいつ実装するんだろうか
これができればブラウザ環境に左右されなくなるのかな
ttps://mail.mozilla.org/pipermail/es-discuss/2008-August/003400.html

プログラミング言語としてjavascriptを学びたかったのでHTMLについては何も知りませんでした・・
javascriptについての辞典を買ってきたのですがレイヤーについての説明がなかったのはこれがHTMLの機能だからですよね

まずHTMLから勉強してみます。スレ違いな質問に親切に答えてくださってどうもありがとうございました。

お前は何を言ってるんだ

>>533
> これはいつ実装するんだろうか
これはES5（旧称ES3.1）を次期ECMAScript仕様にするよ、という宣言みたいなもん
ES5の実装はちょいちょい始まってる
有名どころならJSONオブジェクトとか、Object.definePropertiesとか

> ブラウザ環境に左右されなくなるのかな
ECMAScriptという仕様で各ブラウザの実装を見たときに、
DOM実装よりかは差異がないけどそれでも色々違いがある

仕様書にバグがあったり誤解を招く表現だったりしたのも原因のひとつ
そうした仕様のバグをなくすのもES5の目的

まず "Approval Draft" のうち、Annex D と Annex E を読むといい
http://wiki.ecmascript.org/doku.php?id=es3.1:es3.1_proposal_working_draft

ちなみに今日の時点での最新は "Draft with all post Sept 1 changes including markup:" の次にある .doc ファイルだったりする

ソースの初期打順を一度表示させてからボタン押してランダム入れ替えしたいんですが
どしたら良いでしょうか？
<html>
<body>
<div id="wbc"></div>
<script>
var n=9;
var flag = [];
var txt = [
'イチロー','中島裕之','青木宣親','城島健司','小笠原道大',
'片岡易之','内川聖一','川崎宗徳','岩村明憲','片岡易之'
];
window.onload = function(){
var s='';
for(var i=0;i<n;i++){
do x=Math.floor(Math.random()*txt.length); while(flag[x])
flag[x]=true;
s+=txt[x]+"<br/>";
}
document.getElementById('wbc').innerHTML=s;
}
function irekae(){
location.reload();
}
</script>

<form>
<input type="button" value="打順入替え" onclick="irekae()">
</form>
</body></html>

どうしたらｲｲも何も
onloadで呼び出してる関数をボタンで呼び出せばいいだけじゃないの？
あとflag立てて律儀に入れ替えるよりsort()でランダム入れ替えできる

たまにfor(var i=0;i<10;i++)
みたいにvarで宣言してるのをみるんだけど
これしないとiはグローバルにでもなっちゃうの？

ならないの？

>>539
百聞は一見にしかず

function f() { for(i=0; i<10; i++); }
f();
alert(i);

>>540-541
さっきやったらグローバルになりましたありがとうございました

innerHTMLじゃなくてstyleで単純な文字入れることはできないですよね

cssText

canvasって将来性ある？

IE次第

svgよりは流行ってる

svgみたいに.svgってなっても見た目は良い感じだけど
canvasはどうなんの。
あと、
canvas要素のwidth,height共に300pxにして
ctx.beginPath();
ctx.moveTo(10,10);
ctx.lineTo(60,10);
ctx.lineTo(60,60);
ctx.lineTo(10,60);
ctx.closePath();
ctx.stroke();
したら四角形が縦長になるのはなんでなの。
widthを300px、heightを150pxにしたらたぶん綺麗な正方形になるんだけど。

解決した。
cssstyleでwidthとheightを指定してしまっていたのを
要素内でそれぞれ指定したら大丈夫だった

Canvas前提ならIEは無視でいいよ
互換ライブラリ使うのもアホらしい
10年くらいで追いつくだろ。ほっとけ

<HEAD></HEAD>内にdocument.write('javascript');と書いたら画面
にjavascriptと表示がされました。出力構造体はECMAで<BOCY>内で
のみ有効だと思っていたのですが、バグでしょうか。

IEでChromeのエンジン使えるようになるから心配しなくてOK
http://itpro.nikkeibp.co.jp/article/NEWS/20090924/337659/?ST=ittrend

しかしMSが顔真っ赤にしてるからIEに小細工するかもしれん
http://www.itmedia.co.jp/news/articles/0909/25/news072.html

jQueryな質問ですが、
$(document).ready(function(){...
のところを、
$(top.frames{"right"]document).ready(function(){...
とすれば、frameタグでrightと名付けられた外部のHTMLが読み込まれた時点でイベントが発生するのかなと思ったら「オブジェクトではありません」とエラーが返ってきました。
外部のHTMLが呼び出された時点でイベントを発生させることはできないのでしょうか？

top.frames{"right"]document
これだと構文エラーおきないか？

>>553
デバッグのやり方覚えてくれ

Excelが吐き出すCSVの文字列を渡すと二次元配列に変換して返す関数作ってみたけど
FireFox以外のブラウザでも動くだろうか？
一応、項目の中にカンマ、ダブルクォート、改行が入っていても対応できるように作ってみたつもり

function parse_csv(csv_sheet){
var sheet = [];
var rows = csv_sheet.replace(/[�x0D�x0A]+$/,'').split(/�x0D�x0A|�x0D|�x0A/);
for(var i=0; i<rows.length; i++){
var row = rows[i]+'';
while(row.match(/"/g) && row.match(/"/g).length % 2){row += "�n"+rows[++i]}
var cols = row.match(/^"(""|[^"])*"|,"(""|[^"])*"|^[^",]*|,[^",]*/g);
for(var j=0; j<cols.length; j++){cols[j] = cols[j].replace(/^,/,'').replace(/^"([^�0]*?)"$/,"$1").replace(/""/g,'"')}
sheet.push(cols);
}
return sheet;
}

>>551
バグって言うか、ブラウザの許容解釈

class名が「test」のオブジェクトを取得できますか？

補足です。ブラウザはIE8で、ライブラリなどなしが希望です。

JavaScriptでClass（オブジェクトって言うのでしょうか）は書けますか？

PHPで書くとこんな感じなんです
<?php
class Hello {
public function sayHello() {
print 'Hello World !;
}
}
?>

JavaSciprtのオブジェクトはクラスベースではなくプロトタイプベースなので無理です

>>561
誰宛のレス？

560

>>558
IE8ならSelectorAPIが使えるでしょ

>>560
それっぽく扱えるようにするライブラリがある
prototype.jsとか

>>560
こんな感じでできるよ

<html>
<head>
<script>
function Hello(){
}
Hello.prototype.sayHello = function(){
alert('Hello World !');
}
</script>
</head>
<body onload="hello=new Hello();hello.sayHello()">
<div id="view"></div>
</body>
</html>

>>560
こうすると更にそれっぽい

<html>
<head>
<script>
function Hello(view_id){
var elm = document.getElementById(view_id);
if(elm){
this.view_elm = elm;
}
this.hello_text = 'Hello World !';
}
Hello.prototype.sayHello = function(){
if(this.view_elm){
this.view_elm.innerHTML = this.hello_text;
}else{
alert(this.hello_text);
}
}
</script>
</head>
<body onload="hello=new Hello('view');hello.sayHello()">
<div id="view"></div>
</body>
</html>

素晴らしいですね

インスタンスを２個以上つくるとクラスのありがたみが実感できてくる

<html>
<head>
<script>
function Hello(view_id,view_str){
var elm = document.getElementById(view_id);
if(elm){
this.view_elm = elm;
}
if(view_str){
this.hello_text = view_str;
}else{
this.hello_text = 'Hello World !';
}
}
Hello.prototype.sayHello = function(){
if(this.view_elm){
this.view_elm.innerHTML = this.hello_text;
}else{
alert(this.hello_text);
}
}
//-->
</script>
</head>
<body onload="hello1=new Hello('view1','HELL!!');hello2=new Hello('view2');hello2.sayHello();hello1.sayHello();">
<div id="view1" style="background-color:#0000ff"></div>
<div id="view2" style="background-color:#00ff00"></div>
</body>
</html>

インスタンスってなに？

>>569
オブジェクトと同義語
操作対象のデータの塊と思えばいい
>>568でいうなら変数hello1または変数hello2に格納されたデータのことと思えばいい

>>568
それを「クラス」と称するのはどうかと思うけどね

どうやったらiframe内のスクリプトから
自己iframeの大きさを変えられますか？

iframe使うバカってまだいたの？
object使えよバカ

>>572
外側フレームが同じドメインなら、外側フレームのiframe要素の
大きさを変える。ドメインが違えばできない。

すみません。553です。
>>554
すみません。ピリオドが一個抜けてました。それだと構文エラーが起きますね。
>>555
IEの開発者ツールでも見てみたのですが、「メンバが見つかりません」と出ます。
多分根本的に記述方法がおかしいような気はしているのですが、正直よく解ってないです。
今はとりあえず仕事帰りに買ってきたｊQueryとajaxとJavascriptの本を広げながらウンウンうなってるところです。

なるほど、少し上のあれが???の人か

ふと思ったんだけど、canvasで描いた軌跡というか
キャッシュ的なものってブラウザに保存されているんだろうか。

少し上の奴はHTMLすら正しく書けない"_"使い
???の人ではない
どちらもスレ名物ではある
ホレ氏とか懐かしいな

ややこしいなｗ

暇だったから過去スレ検索してみたら、???の人は8年前のpart2から
今までずっと変わらない書式で生息しててﾌｲﾀ
驚いたことにレベルまで8年前から全然あがってない
これは紛れもない名物だわ・・・

ajax関連に特化したブラウザがでればいいのにな。
デザインベースのサイトには使えないけど、
ゲーム的なものにはものすごく強い、みたいな。

なにをもってしてゲームに強いとするのかわからんけど
chromeはそういう方向性だぞ

IEも昔からそうだろ

そもそもAjax(XMLHTTP)自体がIE由来
IEに感謝しとけ

<A onmouseover="Over('ID')"> hoge </a>
でリンク時に、解説などを小窓に出す書き方がありますが、
このID指定する文章を、別のファイル、サブフォルダのファイルなどに
指定することは出来ますか？

<DIV id="ID1">
あれこれ
</DIV>

の量・数が増えすぎて一枚のhtmlファイルだと、でかくなりすぎてしまう。

サーバーサイドスクリプトまたはクライアントサイドスクリプト(ajax)の好きな方で

外部 js で変数に入れときゃいいんじゃないの？
管理しやすいかは別の話だが

個人的には
テキストで問題になるほど容量がかさむなら
ページ構成を考え直した方がいいと思うし
そうでなけりゃ１ページでもいい気がする

皆さんjavascriptの開発環境はどのようなもので行っているのですか？
私はfirefoxで開発用add-onを入れてサクラエディタで書いたりしてます．

Emacs + js2-mode

TeraPad

>>585
<a href="hoge.html#ID1">hoge</a>

hoge.html
<div id="ID1"><p>あれこれ</p></div>

として考えろ
hoge.htmlは@relなり@classなりで目印をつけて先読みしとけ

>>574さんありがとうございました。
titleはドメインが違うiframeからでも取得、変更できますか？
またはウィンドウの大きさ等iframe内外で共通して取得、変更できるものはありますか？

vim最強

>>592
まず自分で試せ

>>592
ドメインが違うから取得できないって書いてあるのに日本語読めないクズだなお前

クズとはなんですか！まじめに聞いているのに。

真面目に聞いてるのなら何度も読み返せよ
日本語が理解できない人は２ちゃんで質問するのは難しい

真面目に質問した後の答えを
真面目に読め。

>>572の顔が真っ赤ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

なんだか、傍観者の方が読めてない感じがするけど。
>>572
は「他ドメインは大きさは変えられないとして、titleは取れるか」と
質問しているんでしょ。で、答えは「ドメインが違えばまったく
何も出来ない」ということで。

>>600
君が書いたことはもう既に答えでてるよ
読めてないのは君だったね

function hoge(a,b){}

のa,bはhogeの中でちゃんとローカルになってくれるんですか？

>>602
呼び出してみればよいのでは？

>>602
なってるよ

>>603
はい、呼び出してみたんですが
例えばfunction hoge(var a,var b){}
みたいな感じだと確信がもてるんですが・・と思い質問しました
>>602
ありがとうございます

訂正>>604
ありがとうございます

javascriptで自分で2chにレスした内容を逐一取得しつづけることは出来る？

vbscript使うなら出来るが・・・

>>605
v = "global";
function f1(v) { alert(v); f2(); }
function f2() { alert(v); }
f1("parameter");
こういった単純で、確信を持てるような例を書けるようになろう

>>607
解読めんどいｗ
自動リロードのことなら悪いことは言わんからブラウザの機能で対処しとけ

確信したければ仕様を読め
確認したければ例文を書け
例えばJScriptのtry〜catchのスコープは規約通りでないから
例文だけでは誤解する

＞例文だけでは誤解する
ごもっとも
例が悪い場合もあるしなあ

>>592です
誤解を招く言い方でたくさんの方々を巻き込んでしまいました。
みなさんの意見を聞いて試行錯誤した結果、
hashの指定により考えていたことが実現できそうです
>>594さんの言う通りでした。自分勝手ですみません
大変スレを汚したことを謝罪します
なおこれは>>592以来初めてのスレであり、
>>596等は私のスレではありません

getElementsByTagName()　について、教えてください。

たとえば、ページ中の<div>タグ要素を全て取り出して、
変数abcに入れるには、

var abc = document.getElementsByTagName("div") ;

で良いですか？

>>613
それ位なら試してみなよ。

getElementsByTagNameがxhtmlでは使えないというのをこのスレで読んだ記憶があるのですが
他にもxhtmlでは使えない物ってなにがありますでしょうか？
もし参考サイトがございましたら教えてください

>>615
それ位なら試してみなよ。

>>616
知らないならレス不要です

getElementsByTagNameはxhtmlでも使えます
application/xhtml+xmlでも使えます

使えないのはdocument.write

>>618
俺の環境ではdocument.writeは使えるのだが・・・？

>>615
getElementsByNameの挙動の差違がどうとかじゃなかったっけ
ttps://developer.mozilla.org/ja/DOM/document.getElementsByName

>>619
ttp://past.openvista.jp/blog/documents/W3C/XHTML_FAQ/#docwrite
さっそく>>610の言うパターンだな

getElementsTagNameじゃないの？　また違うプロパティ？

>>571
こんな書き方をすればクラスっぽくない？
function Hello(){
this.initialize.apply(this, arguments);
}
Hello.prototype = {
initialize: function(view_id,view_str){
this.set_view(view_id);
this.set_str(view_str);
},
view: function(){
if(this.view_elm) this.view_elm.innerHTML = this.hello_text;
else alert(this.hello_text);
},
set_str: function(view_str){
if(view_str) this.hello_text = view_str;
else this.hello_text = 'Hello World !';
},
set_view: function(view_id){
var elm = document.getElementById(view_id);
if(elm){
this.view_elm = elm;
}
},
finalize: function(){}
};

<body onload="hello=new Hello('view','Hello!');hello.view()">
<div id="view"></div>

>>622
クラスと似てる部分だけ出してあたかもこれはクラスだと言わんばかりのミスリーディングをするなと
ライブラリのサポートがあるならまだしも、パラダイムが違うプロトタイプベースにクラスベースの思考でやると罠に嵌るぞ
ありがちなのは継承周り

ActionScriptの悪口はそこまでだ

　 　　　 　　 　＿＿＿_　　　
　　　　　　 ／ ＼　　／＼　ｷﾘｯ
.　　　　　／　（ー） 　（ー）＼　　　　　　
　　　　／　　 ⌒（__人__）⌒ ＼　　　　＜ インスタンスを２個以上つくるとクラスのありがたみが実感できてくる
　　　　|　　 　　　|r┬-|　　　　| 　　
　　　　 ＼　　　　 `ー'´　　 ／
　　　　ノ　　　　　　　　　　 　＼
　 ／´　　　　　　　　　　　　 　　ヽ 　 　 　 　 　 　 　
　|　　　　ｌ　　　　　　　　　　　　　　＼
　ヽ　　　 -一''''''"~~｀`'ー--､　　　-一'''''''ー-､. 　 　
　　ヽ ＿＿＿＿(⌒)(⌒)⌒)　)　　(⌒＿(⌒)⌒)⌒))

サーバーサイドで実行できるjqueryのオープンソース　phpquery

サーバー側でHTMLをjquery感覚で整形できるよ。

http://code.google.com/p/phpquery/

$doc = phpQuery::newDocumentHTML("http://www.yahoo.co.jp/");

$html = $doc['div'] -> html();

サーバーサイド側でこんな簡単にHTMLが抜け出せる。
正規表現も使わないで済む。jqueryライクな書き方でOK

>>619
節子、それXHTMLやない。HTMLや！

テーブルで、行のどこかをクリックしたら別のページに飛ぶようにしています。
<TR onClick="location.href='hogehoge'">

さて、テーブルにチェックボックスの列を追加したんですが、チェックボックスをチェックすると
onClick() が発動してページが遷移してしまいます。
<TR> タグの onClick() でページの遷移を抑制するため、クリックされたのがチェックボックスであると認識するには
どうしたらよいでしょうか？

>>629
Fxの場合
element.onclick = function(evt) { alert(evt.target.tagName); }

既存のHTMLモードとXHTMLモードの切替はHTML5でだいたい規約化される
XHTML5はtext/htmlではなく必ずapplication/(xhtml+)xmlで提供しなければならない
application/xhtml+xmlではDocumentがHTMLDocumentにならないので
write、getElementsByName、body、forms、imagesなどHTMLDocumentのメンバは使用できない

XHTMLには名前空間がある
DOM Level 1メソッドのgetElementsByTagNameやcreateElementは名前空間を知らない

例えばcreateElement('p')したとき、現在の実装は
*application/xhtml+xml(ルート要素がhtml)のときはhttp://www.w3.org/1999/xhtml/vocab#pを生成
*application/xmlのときはDOM Level 2に従い名前空間なしのpを生成
という分岐をする
これはHTML5でも部分的にしか明言されておらずまだ曖昧

例えばgetElementsByTagName('p')したとき
*Firefoxは<p/>のみを拾う
*WebKitやOperaは<p/>、<a:p/>、<b:p/>などローカル名がpのものを全て拾う
という挙動の違いを見せる
実のところDOMでもHTML5でもタグ名とローカル名の違いははっきりしない

document.bodyを使えない事態を想定してかgetElementsByTagName('body')[0]と書く人がいるが
上記の事情を踏まえれば、さほど確実な手段でないことが分かる

MSHTMLが未だDOM Level 2をフルサポートしないこと(MSXMLもDOM Level 1だが独自拡張で名前空間を扱える)
Selectors API(Level 1)もjQueryも名前空間を扱えないこと
Ian HicksonがXML名前空間を嫌っているっぽいこと
RDFaのCURIEのように名前空間宣言を再利用する仕様があること
名前空間の周辺はカオス

xhtmlはhtmlと合併するんじゃないのか

だから、名前空間が絡む作業には必ずgetElementsByTagNameNS、createElementNSを使え
DOM Level 1メソッドでXHTMLを処理できるのは、そういう風にXHTMLを書いた場合のみ

>>632
日経BPのデマ

( 'p' )
( 'x' )
( 'y' )

>>630
済みません。不勉強のためよくわかりませんでした。
そもそも <TR> の onClick では <TR> で押されたよ、しか分からないのでは、と思い
hidden の項目を増やしてチェックボックスの onClick でそこに値をセットし
<TR> の onClick でその値であるかチェックするようにしました。
（チェックボックスの onClick が呼ばれた後に <TR> の onClick が呼ばれるため）
スマートではないかもしれませんが、とりあえずこれで良しとします。
御回答ありがとうございました。

<TR onClick="if(document.form1.flag[0].value=='0'){location.href='hogehoge';}else{document.form1.flag[0].value='0';}">
<TD>
　<input type='checkbox' name='check' onClick="document.form1.flag[0].value='1';">
　<input type='hidden' name='flag' value='0'>
</TD>
</TR>

ちょっとお尋ねしたい事があります。
今以下のような動作をするブックマークレットを作っています。
�@ブックマークレットを実行
�A実行後、実行したページ内のリンクをクリック
�BクリックしたリンクのURLが
"http//:www.hogeohge.com"
だとすると
"ghttp//:www.hogehoge.com"
を開く。
ようはリンク先のURLの先頭に"g"を付加するブックマークレットです。
んでネットから拾ってきたソースが以下なんですが、
javascript:( function() {
var a=document.getElementsByTagName('a');
for(var i=0,j=a.length;i++){
a[i].setAttribute('target','_blank');
a[i].href='g'+a[i].href;
}
}
これがMobile Safariだとちゃんと動作するのですが、iCab Mobileだとうまく動作しません。
具体的にはリンク先が
"http//:hoge&hoge.com"
だとすると
"ghttp//:hoge"
となってしまい&の直前で切れてしまいます。
どなたか解決策が分かる方はいらっしゃいますでしょうか？
よろしくお願いします。

大方HTML側で&を&にエスケープしてないので
iCabが不明な実体参照として無視したんだろ
ページ制作者に文句を言え

&amp;

>>637
ご回答ありがとうございます。
それはつまりこちら側でいくら弄ったとしても
解決策はないという事でしょうか・・？

iCabはouterHTMLを持っていた気がするのでそこに残っていれば楽
なければ自前でHTMLパーズしてブラウザのDOM木と対応付けしろ
そこまでやりたくなければ諦めろ

今日からjavascript弄り始めた身としては敷居が高そうですね・・。
コツコツ勉強します。
ありがとうございました。

サーバーサイドで実行できるjqueryライクなphpオープンソース　phpquery

サーバー側でHTMLをjqueryライクな書き方で整形できるよ。

http://code.google.com/p/phpquery/


$doc = phpQuery::newDocumentHTML("http://www.yahoo.co.jp/");

$html = $doc['div'] -> html();

サーバーサイド側でこんな簡単にHTMLが抜け出せる。
正規表現も使わないで済む。jqueryライクな書き方でOK

F5でサイト更新するたび、スクリプトの動作が重くなっていく。
なんだろう、何か解放の処理とかしなきゃならないのだろうか。

メモリーリークじゃねーの

>>643
「javascript 循環参照」でぐぐってみるよろし

<body id='body'></body>
にしといて
getElementById('body')とかやらないほうがいい？

>>646
それ位なら試してみなよ。

>>647
おれ646じゃないけど
>>646のを試した時にどこをどうやってチェックすればいいのかな？

一定間隔(０．５秒に1回)で画像を切り替える場合

・Flash
・JavaScript

どっちの方がパフォーマンスが良い？
(つまりＣＰＵ・メモリへの不可の少ない方はどっち？)

>>649
不可が負荷の事なら、JavaScriptの方が軽い。

GIFにしとけ

>>650
サンクス

>>651
ＧＩＦの作り方がわからん。
IllustratorＣＳでつくれる？
それしかもってません

0.5秒程度じゃCPUへの負荷はきにしなくていい
高速の画像切り替えなんかはJavaScriptは苦手なので
（というよりブラウザの実装次第なのでIEとSafari以外気になるほどでもないと思うが）
Flashにしたほうがより多くの人にとって自然体で見ることができる
GIFアニメはぐぐればいっぱい作り方乗ってるでしょ

>>647
試したんだけども
なんか上でTagName('body')[0]は〜みたいな下りがあったから
じゃあどうせbody一つしかないんだしid="body"にしちゃえばいいじゃね、と

>>649
うぜぇ

canvas関連はどこで質問したらいいの
canvasスレ見つからないしhtml5過疎だし

>>654
それもどうせHTML実装が前提だから大して変わらん
好きにしろ

>>656
You作っちゃいなYO
俺も興味あるし書き込まないがROMはするぜ

>>658
立てよう立てようとおもってたけど、
svgスレみてみたら、2年も前のスレ・・
canvasも過疎が予想されるなぁと・・
だから保留中な感じ。

これでよくね？
ttp://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html

javascriptで絵が描けるcanvasは面白そうだし興味有るけどsvgは正直興味ない

例えばctx.save()したのを別のキャンバスctx2へrestore()するのはどうすればいいんだろう
みたいなのを質問したい
描画状態をsaveできるのはいいんだけど、その線形データが欲しい。

>>644-645
ありがとう。頑張ってみる

いろいろやってたら
var image=ctx.getImageData(sx, sy, sw, sh)
image.data.join();
で取り出せたわ。bmpだけど。
これを変換できればいいのに。

なんだ、canvasフォーマットってまだないのか

>>662,664
どこから突っ込めばいいのやら・・・

わからないならレスしない方がまし

でたｗ

>>662,664
Canvasを勘違いしていると思う。

Canvasは描画されたピクセルイメージしか保持してない。描画手順のよ
うなものはどこにも保持されていない。save()関数が保存するのは座標
変換の設定やペンの設定やら、そういう設定情報だけで、ピクセルイメー
ジも保存しない。

描画手順を記録したいのなら、自分でそういう構造を作りながら描画す
るか、SVGを構築すればいい。

質問には描画状態とは書いてあるが、描画手順なんてどこに
書いてあるんだろう。

たしかに設定を共有できたらいいと思うね>>662

線形データ→ベクター→描画手順と脳内変換されたと予想

つかcancas自体が"a resolution-dependent bitmap canvas"なのに
ビットマップでしか保存できないとか言うのは筋違い
線形データが欲しけりゃSVGでやれよ

いちばん分かってないのは>>667だった

svgて至るところでダメダメ言われてるけど
なんでいじめられてるの？
svgにとって代わるものなんてでてるのかな

フォームに入力するときの文字処理だけど、
自作のブラウザ画面上キーボードでフォームに文字列挿入まではわかるんですが
平仮名から漢字に変換ってどうやるかさっぱり見つけられません。
文字列の再変換じゃなく返還中の状態で文字を追加したいんだけど。
英数字だけだと簡単なんだけどね、日本語って、、、。
出来るかできないか、どなたかご教示お願いいたします。

>>675
できるわけねえだろｋｓ

感想はいらねえ、質問をハッキリ書け。

> 自作のブラウザ画面上キーボード
これがまずどういう仕様なのか不明なので無視する。

> 平仮名から漢字に変換
あ → 亜亞阿蛙唖吾
という平仮名に対応する漢字は少なくとも6つ以上。
1対1で変換できるわけがない。

>>674
門外漢だけどPNG/MNGの歴史を辿ってるように見える
つーかIEが標準対応しない時点でオワタ

どうしてもスケーラブルが必要ならflash使えばいいしなあ

>>675
＞ブラウザ画面上キーボード
機械翻訳かと一瞬思ったｗ
ソフトウェアキーボードのことか

クライアントのIMEを操作することはできないはずだから
サーバで漢字変換することになる、Ajax IMEでぐぐれ

IEはVML実装しちゃってるからいまさらSVG対応はありえない。
で、下手に対応したらJavaのように対応するな！って怒られそうｗ

>>678
もろストライクです。
ありがとうございました。
サーバー側で変換とは思い至りませんでした。

配列ってどんくらい入れてもいいの？（ただし、0か1だけ）
2^32までが限界としてもクライアントによるけど
ここくらいまでにしとけみたいな推奨ってある？

IE6だとわずか数万の配列を入れただけでハングしたりする

operaの右下の方に、開かれたサイトの拡大縮小機能があるとおもいます。
あれに似た機能をjavascriptでやるには、といっても
javascriptがロードされるサイトだけですが、
例えば
-- html --
<div id="a">
　 <div id="b" />
</div>
-- css --
#a{width:200px;height:200px;}
#b{width:100px;height:100px;}
で、全体を半分にしたければa,bの幅高さをそれぞれ半分に
みたいな具合で、値は親の要素から相対的に計算、
それぞれのエレメントを配列にいれて、繰り返して
styleを変更、と考えました。
しかし、idが連番でも無い限り、親子要素を全て登録しないといけないと思いました。

そこでなのですが、ある親要素からその子要素を全て参照、
もしくは一括でプロパティを変更できたらいいなと思ったのですが
そういった便利な方法はありますでしょうか。よろしくお願いします。

ある要素から始めてその子要素はchildNodes[]に全部入っているから
「再帰的にたどる」。この用語が分からなければ勉強すれ。終了。

canvasで1秒間に10枚ほどgetImageDataを何秒か続けてたらメモリがうなぎのぼりしたんだけどどうにかならんの

>>685
＞メモリがうなぎのぼり
言いたい事は判らんでもないが、表現は正確にな。

http://www.w3.org/QA/2008/05/canvas-text-and-cjk.html

w3cのxhtmlとかcssみたいにcanvasの原文ってどこで読めるのでしょうか？

メモリがダウンバースト

メモリがメガ盛り

んで、どうにかならんの？

超盛るぜぇ〜！

メガっさうなぎのぼりにょろ

うなぎのぼりだじぇ

んで、どうにかならんの？
あん？？

生え際がうなぎのぼり；；

マジレスすると遅延評価でなんとかなるかもしれない
でもまあ1秒間に10回とかいう時点でなんか勘違いしてそうだな

すいません。うなぎのぼりって何ですか？うなぎののぼりだと
思うんですけど、意味がつながらなくて。

俺のメモリが有・・・やっぱなんでもないです。

それはさておきjQueryの話なのですが、
$(function(){
　　　　$.ajax({
　　　　　　　　type: "GET",
　　　　　　　　url: "data.xml",
　　　　　　　　dataType: "xml",
　　　　　　　　cache: false,
　　　　　　　　success: function(xml){doSomething()}
　　　　})
}
使用するブラウザが会社の都合でIE6なのですが、これだけでメモリリークするっておかしいですか？
doSomething()の内容を空にしても、data.xmlのファイルサイズ分だけメモリがズンドコ圧迫されていくんですが・・・
successのところが循環参照してるのでしょうか。

青丸急下降☆

家に帰ってきて自宅のPCのIE6で試してみてもやっぱり同じ症状が出ました。
cache: trueにすれば増えなくなるのですが、その代わりブラウザを落とすまでデータを更新してくれなくなります・・・。
あとFFの3.5.1でやってみてもやはりメモリを喰っていくようです。ChromeとIE8では問題ありませんでした。
何か回避策はないのでしょうか・・・

>>699
細かい部分はともかくそのサンプルぐらい余分なものがなくても再現する？

自分で試してないしあくまでも想像に過ぎないけど
どこかにdata.xmlへの参照が残っていてGCできてないだけじゃないかと
cacheが効いてる場合はdata.xmlが内部的にsingletonになっていて
インスタンスが破棄されなくてもメモリを食わないとかそんな感じで

jQueryの問題やブラウザの仕様かもしれないけど
doSomethingやらが足りない不完全な再現コードだと判断しがたい

>>702
改めて最小限の動作にしてみましたが、やはりメモリを喰っていきます。
実際に実行したコードがこれです。
$(function(){
    $.ajax({
        type: "GET",
        url: "./data.xml",
        dataType: "xml",
        cache: false,
        success: function(xml){doNothing(xml)}
    })
});
function doNothing(x){
}
data.xmlは1MBぐらいのものを作りました。

メモリリークを「メモリ馬鹿食い」の意味で使ってないよね？　念のため

>>703
再実行するような仕掛けがないけど、F5でリロードするとメモリ消費量が増えてゆくということ？

>> 703
リークしている証拠がないと、リークとはいいきれない
Dripとかで調べたの？

ttp://www.benjoffe.com/code/demos/canvascape/
これの、ゲーム画面部分のskyとfloorとoverlay部分排除して
壁だけで動かしてみたらものすごい軽いんだけど一体なんなの。
一歩前へ進んだだけで描画し直しだと思うんだけど、
ソースみてみたらやっぱり、1コマで全画面clearRect、
その後に少なくとも面の数だけfillしてるっぽいのに、全くそんな感じがしない・・
さっきcanvasで正方形をsetIntervalで拡大縮小してみるデモしたら
それだけでもカクカク感がでてしまったのにこのさくさく感は一体・・

コード改善したら少しはましになったけど、
やはりclearPathの残像的なものがみえてしまう

>>704
実行するたびにシステムキャッシュがdata.xmlの1MB分ぐらいずつ増えていって、減る様子がないということです。

>>705
そうです。ブラウザを閉じるまでずっと増えていきます。

>>706
タスクマネージャで確認しました。パフォーマンスタブ->物理メモリ(KB)が、利用可能メモリが1MBぐらいずつ減っていって、システムキャッシュが1MBぐらいずつ増えていきます。

formのtype=fileでファイルが選択されていない場合、alertを出すようにしたいのですがどのようにすればいいのでしょうか？
type=textなどは検索すると出てくるのですが、、

ご教示いただければと思います。

>>709
システムキャッシュが増えるのはメモリリークじゃない。

>>710
type=textと同じで良いのでは？ たぶん .value が空かどうか見るだけだよね。

スコープについて勘違いしてるかどうか教えてください。

下のようにfunctionの中にfunction文があった場合、
bはグローバルスコープになる（window.b()で実行できてしまう）と思い込んでいたのだけど、
実際に試してみたら未定義エラーになった。
function a() {
　function b() {
　　alert(1);
　}
}

ということは、ほぼ以下と同じ意味と思って良いのですかね？
function a() {
　var b = function() {
　　alert(1);
　}
}

違いは前者の場合はa()が読み込まれる段階でbが定義されるのに対し、
後者はa();が実行されるまでbが定義されないというくらい？
（前者は以下がエラーにならない）
function a() {
　b(); // 1が表示される

　function b() {
　　alert(1);
　}
}

グローバル云々は、関数内でFunctionコンストラクタで定義した場合のことでないの？
var x = "global";

function a(){
　var x = "local";

　function b(){ alert(x); }
　var c = new Function("alert(x)");
　b();　// local
　c();　// global
}
a();

すいません。当たり前なことだと思うですがお力をお借りしたいと思います。
下記セレクトメニューにて、

<SELECT onchange="(window.focus();)">
<OPTION value=0>選択してください</OPTION>
<OPTION value=1>1</OPTION>
<OPTION value=2>2</OPTION>
・
・
・
<OPTION value=50>50</OPTION>
</SELECT>

選択後にマウスホイールで選択がズレると不評があり、onchangeでフォーカスを
外している状態ですが、当たり前なのですが同じ項目を選択した場合は動作しません。
お客様によっては、selectメニューをクリックしてから「やっぱ変更やめた」と
思われる方もいるようで、その時でもフォーカスを外すよう言われています。

onclickやonblur、onmouseoutなど色々試したのですがなかなかうまくいきません。
メニュークリック時に初期化する（selectedIndex=0にする）方法も試したのですが、
「クリックしてやっぱ変更やめたのに値が一番上に戻されたら、今まで何を選択してたのか
判らなくなるからやめてくれ！」とクレームを言われてしまいました。

動作としては当たり前なのですが、対応策を考えなくてはいけない状態です。
ちなみに、radioやcheckboxに変えるようなことは出来ません。
なにか良い方法はないでしょうか？

ホイールイベントをキャンセル

>>713
かなり的外れな気がするゾ。

var x = "global";

function a() {
　var x = "local";

　b();　// local
　c();　// global

　function b() { alert(x); }
}

a();

function c() { alert(x); } //function宣言してれば見つけてくれる
var c = function () { alert(x); } //varでは探せない


定義されてなけりゃエラ吐く前に、コード探索が行われる。
てとこじゃないの。

>>711
そうだったんですか・・・よくわからないで言葉を使っていてすみませんでした。
この、更新のたびにシステムキャッシュが増えていく現象を解決することはできないのでしょうか？

>>717
目の敵にするようなものじゃない
キャッシュについて勉強してこい

>>714
selectにフォーカスしたらmouseupの回数をカウント。
2回目だったらselectからフォーカス外す。

・セレクトをプレスしてドラッグする方式だと変更不可。
・なぜかselect.blur()だとうまくいかん。

という弊害があるが、IE6でうまくいった。

ホントは手づくりaddEventListenerで書いたんだけど、
書き直すとこんな感じです。

var count = 0;
select.onfocus = function(){
    select.onmouseup = function(){
        count++;
        if(count % 2 == 0){
            select.onmouseup = null;
            // select.blur();
            window.focus();
        }
    };
};

>>719
>なぜかselect.blur()だとうまくいかん

事故解決レス。多分なんだけど、
optionが選択されて、その時点でblur()は実行するんだけど、
ドロップダウンが戻るアニメーションが完了した時点で、
もう一度selectにフォーカスするんだと思う。

newElm = document.createElement("textarea");
newElm.name = "hoge";
oldElm = document.form1.hoge;
oldElm.parentNode.replaceChild(newElm, oldElm);
<form name="form1">
<input type="text" name="hoge">
</form>

こんな感じで、textをtextareaに変換してるんですけど、
この後alert(document.form1.hoge.value);
とかやってみても、Nullまたはオブジェクトではありません
とか言われるんだけど？どうして？

onload時にアドレスバーに特定の文字をいれてリンクさせる方法はありますでしょうか。
特定の文字というのは例えば、’食べ物’というような感じでurlは除きます。
よろしくおねがいします。
1．アドレスバーに文字を挿入
2．アドレスバーの送信ボタンを押す
みたいな操作をjavascriptでしたいです。

location.hrefでおｋ

>>722
IEのdocument.formX.formElementXタイプの指定では
元からあるDOMツリーしか調べない、という仕様っぽい。
document.form1.hogeでは最初からある<input type="text" name="hoge">を探して、
それが見つからないからこの値がnullになってる。

回避策としてはdocument.getElementByNameとか、IDを振った上でdocument.getElementByIdかな。

激しくFAQだからMSDNくらい見ろ

>>725
なるほどねー。Trixieで書き換えやっているから
getByNameとかgetByIdはできないなあ。
とりあえず原因がわかった。ありがとー

>>712
ttp://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/10_Execution_Contexts.html#section-10.1.3
function文(FunctionDeclaration)と
var文(VariableDeclaration)の説明をよく読み比べてみるといいよ

>>724
さっそく試してみました
location.href = "食べ物";
ってやってみると、ローカルから辿ったurlになってしまいました・・
http://localhost/食べ物
みたいな感じです

>>729
すまんが質問の意味がわからん
そもそも「食べ物」はアドレスバーに入れるべき文字列じゃないだろ

どういう操作をして、どのような結果が返るのを期待するのか具体的に書いてくれ

>>730
簡単に言うと、
ブラウザのアドレスバーに”食べ物”という文字を入力して、
送信ボタンを押したときに、それぞれのブラウザの挙動にまかせて結果を得たい
ということです。
firefoxだと、食べ物とアドレスバーに打ち込むと（おそらく）googleで食べ物と検索したとき
上位にくるサイトが開かれます。

JavaScript　で現在開いているページの名前を取得するにはどうすれば良いでしょうか？


例) test.html
の中にJavaScriptが記述されておりページロード時に現在起動しているページ名を
取得し画面に表示したいと思います。

var page_name = getFunction();

alert(page_name);


getFunction()
{
// ???　　どう書けば良いか分りません。

}

>>731
把握した、でもそれは無理なはず

>>732
return document.title

そのtest.htmlを開く前のページのタイトルが知りたいっていうなら、無理

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

732

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

inv2=setInterval(
function(){
n++;
clearInterval(inv2);
},1);
inv3=setInterval(
function(){
n++;
clearInterval(inv3);
},10);
inv4=setInterval(
function(){
n++;
clearInterval(inv4);
},100);
inv5=setInterval(
function(){
n++;
clearInterval(inv5);
},200);

これをまとめてください

>>736
え？

わからなければ無理して答えなくてよい

>>736
inv=setInterval(
function(){
n++;
(i==5)?clearInterval(inv):i++;
}
,1+(/**/))

わからなければ無理して答えなくてよい

例題的なものにどうこう言うのもアレだけど即clearするならsetTimeout使うべきじゃない？

var timing = [1, 10, 100, 200];
var n = 0;
function generator(time) {
　var id = setInterval( function() {
　　n++; clearInterval(id);
　}, time);
　return id;
}
for (var i = 0; i < timing.length; i++) generator(timing[i]);

setTimeoutの連鎖に書き換えようかと思ったけど、ラグの積み重ねが許容されるかわからないからやめた

>>727
普通にnewElmで参照するんじゃいかんの？

obj = {
      dirpath: '/works/'
    , filename: 'test.txt'
    , filepath: this.dirpath + this.filename
};

alert(obj.filepath);

を実行すると「NaN」と表示されるのですが、
プロパティ定義にthisキーワードを使っちゃいけないのでしょうか。

>>743
thisを呼び出そうとしている段階でまだobjが定義されていないからエラーになる

thisが定義されるのはこれだけ
・コンストラクタ実行中
・メソッド形式で呼び出した関数の実行中
・Function.prototype.call等を使って明示された関数の実行中

それ以外はグローバルオブジェクト(window)になる

>>744
そういう問題じゃないｗ

>>744-746
ありがとうございました。

>>745
addEventListenerやonreadystatechangeはどう説明するんだろ

var a = [0, 1, 2];

のときに

a[3] = 3;

とするとa.lengthの値も変化しますが、それと同じように
他のプロパティを変化させたら変化するプロパティを
オブジェクトに持たせるにはどうしたらよいのでしょうか。

>>748
var XHR = XmlHttpRequestオブジェクト;
XHR.onreadystatechange = function(){
this....
}

IEでこのthisがXHRにならないのは、XHRがActiveXオブジェクトのラッパだから、じゃね？

>>748
addEventListenerは三番目
on〜は二番目

>>751
上はイミフ
下は半分間違い、IEのCOMオブジェクトのプロパティ内ではthisはレシーバを指さない
NodeFilterも例外

Array#forEachなどもthisを指定できるね

thisにコンテキスト依存のものを詰め込んで
関数本体はコンテキストに依存しないよう書くのが
俺のジャスティス

Imageのonerrorでエラーになった原因(HTTP Status コード)を取得したいのですが、
うまい方法はないでしょうか？

リンクをクリックしたときに現われる点線枠を消したいときに
element.onfocus=function(){this.blur()};
ってするのはよくやるけど、
逆にページを読み込んだ初めからあるリンクにフォーカスを当てて
しかも点線枠を表示させる方法ってないかな？

キーボード操作不可になるアレか
あんなの本当にやる奴がいるんだな

<a href="hoge" id="piyo">hoge</a>
<script type="text/javascript">
document.getElementById("piyo").focus();
</script>

IE Firefox Safari Chrome はいけたな
Opera はダメだったが設定のせいかもしれん

自己解決しました

枠線消したければ今どきはCSSのoutlineに対応してるだろ

クロスブラウザブラウザがでないのってやっぱアップデートめんどくさいからかな？

>761
http://bizmakoto.jp/bizid/articles/0906/04/news033.html

javascriptの問題なのできました。
iframe内でpopup(overlibとか)した場合、iframeの範囲を超えて一番手前まで持ってくるにはどうすればいいでしょうか？

parent側に描画する
別ドメインならあきらめろ

>>761
http://www.forest.impress.co.jp/docs/news/20091001_318770.html

手前に表示は出来ました。
overlibでのマウスの位置判定がフレーム内のを判定→親フレームでその数値の位置で表示・・・
マウスの位置で見るのはどうすればいいでしょう？

canvasってstrokeでクリアできねぇの？
clearRectだとfillだし四角の枠でクリアしたいときclearRectを４回しなきゃならんじゃん

あくまでグラフィック描画機能であって、ベクター画像ではないからなぁ
SVGとは似ているようだけど方向性が違う

激しく勘違いしたすまん

下記のサイトでIE8のJavascriptの対応バージョンを調べたのですが1.3までしか対応してませんでした
いままで1.5まで対応してると思ってたのですがどなたかご指摘おねがいします
http://www.fureai.or.jp/~tato/JS/scripttg.htm

JScriptだから

function Submit()
{
str = document.myForm.filename.value;
s1 = str.charAt(0);
s2 = str.charAt(1);
alert(s1+s2);
}
<FORM method="POST" action="/cgi-bin/upload.cgi" name="myForm" onSubmit="return Submit();" enctype="multipart/form-data">
<INPUT type="file" name="filename" size="40">
<INPUT type="submit" value="送信">
</FORM>
こんな感じのフォームで、仮に"D:\ETD7043_XP_WHQL.zip"と言うファイルを送信すると
IE D:
Fx ET
と結果が違うのですがこれは仕様でしょうか？

winでマイドキュメントから参照したときなんかパスにユーザー名が含まれるし
ユーザー名が実名まんまな人もたまにいるからなぁ
ファイルパスを含まないという対処もやむを得ない

>>772
標準仕様がない状態なので、ブラウザ依存になる。.value は、
IEとOperaは D:\fakepath\ETD7043_XP_WHQL.zip
FirefoxとWebKitは ETD7043_XP_WHQL.zip
になると思う。

ありがとうございます。
標準仕様がないのですね…確かにパスに個人名とか含まれてると面倒ですね。
とりあえず>>774さんの書かれるとおりにブラウザ別処理を仕込んでみます。

学校の先生に素数判定の簡単なプログラム書いてこいと言われて、インターネットで
色々調べて見て様々なプログラミング言語で書いてあるのを見つけたました。。。

でもindex.htmlのような形でサーバーにアップして実行出来るようにと言われたのですが正直分かりませんorz...

もし分かる方いたらindex.htmlにどのようなコードを書かないといけないか教えていただけないでしょうか＞＜？？
宜しくお願いしますm(__)m

ここで聞いてちゃ独学にならんだろ
がんばれ

ウィンドウからフォーカスが外れたらそのウィンドウを閉じたい。
で、body に onBlur="close()" を指定してみた。
FireFox では大体期待通りの動作なんだけど、IE では具合の悪い点がある。
そのウィンドウ内にテキストボックスなどがある場合、そのテキストボックスにフォーカスを当てるとウィンドウが閉じちゃう。
ウィンドウ内の部品にフォーカスが移動したなら閉じないで欲しいんだけど、どうしたらいいですか？

>>776
つ エラトステネスの呪い

エラトステネスの鎧

エラトステネスの想い

pngかbmpからsvgに変換するよいライブラリお勧めしてください

古い...

>>773
＞ユーザー名が実名まんまな人もたまにいるからなぁ

普通そうじゃない？

thickboxを今更使い始めたんだけど、これって対象の表示画像は画像ファイルじゃなきゃダメなの？
今作ってるサイトでは、画像を img.php?file=hoge&size=L　って感じでphpのheaderで出力してるんだ
試してみたら動かない…困ったわ
当然自分でも探したんだけど、上に書いたような画像出力方法でも対応できる裏技みたいなものがあったら
教えてください。
無理ならhtml出力形式しかないのかなぁ。よろしくお願いします。
html出力形式も.htmlじゃなきゃダメとか言われたら死んじゃうぜw

if文周りでおかしな現象がおきています。

if (a == b) {
function();
}

とやってもfunction()が実行されません。
a == bの条件は満たしています。
ところが、

if (a == b) {

function();

}

というように改行を入れてやるとfunction()が実行されます。
JavaScriptは素人なんですが、何か文法に問題があるのでしょうか。

>>786
変な文字が混じってエラー停止してたんじゃね？
再現できるようなら再現コード作ってほしい

>>785
なぜ、image/jpgとかのヘッダを出力しないのか。

>>786
try{
それ
}catch(err){alert(err);window.open("http://translate.google.co.jp/translate_t?text="+err+"&sl=en&tl=ja")}

>>789
親切すぎて泣いたｗ

if分岐って例えば
if(){}else if(){}else if・・・・・×100・・・・・else if(){}else{}
みたいに分岐がたくさんあった場合、
分岐があればあるほど、最後のelseに到達するのに時間かかるとは思うのですが
これって最初のifに合わなければ次のelse if、合わなければ次のelse if・・・
みたいに判断してるのでしょうか。
つまり、一番機会の多い順に条件を前から置いていった方が
効率がいいということでしょうか？

switch

javascriptでif文の効率とか気にしなくていい

>>792
switchだと不等号使えなくないですか？
>>793
つまり、コードの見栄え重視で書いてもなんら問題ないということでしょうか。
そうでもないですよね？

>>788
え？　どういうことですか？
header("Content-type: audio/mpeg");
readfile($outputFile);
って感じでphp書いてるんですが（$outputFileは実在の.jpgへのパスです）

レスありがとうございます。
ほんとにハマってて困ってます。。

そうでもある。
今どきのPCは2GHzとか3GHzとかで駆動するんだぞ。
控えめに見ても、単純な比較ならば1億分の1秒もあれば終了する。

elseを100個も並べる前にロジックに問題があると気付け
遷移表でも作れ

>>791
上の評価が定まらないのに次の else が評価できるわけもなく
当然分岐が多いほどロスは多い

ただよほどクリティカルでない限り
読みやすいコードを書いた方が自分はいいと思う

>>794
条件式に関数実行とかしてなきゃそうそう有意な差は出ない
バグの少ない書き方をした方がいい
もっとも、深い条件分岐自体がバグの温床だと思うがね

気になるならfirebugかなんかでプロファイルとってみればいい

どうでもいいがswitchでも不等号使える

switch(true)か…

書き換える価値あんのかそれはｗ

https://developer.mozilla.org/ja/JavaScript_style_guide
>return の後には else を使わないでください。

の応用で、elseを書かずになるべくreturnするようにしたら
自然と関数も部品化できて見通しが良くなった
コーディングルールってばかにできないと思った

教えてください。

○卒業　○在学中［　　］年　←○：ﾗｼﾞｵﾎﾞﾀﾝ、［　］：ﾃｷｽﾄ入力ﾌｨｰﾙﾄﾞ

<label>
<input type="radio" name="school" value="卒業">卒業
<input type="radio" name="school" value="在学中">在学中
<input type="text" name="year" size="5"> 年
</label>

問い合わせフォームの中で上のような項目を作りました。
“卒業”の方をクリックした時はテキスト入力は無効になり、
“在学中”の方をクリックした時にテキスト入力が有効になるように
したいのですが、同じような例が見つからず困っています。
JavaScriptを使わないと、できないでしょうか？
どなたか知恵をお貸しください。よろしくお願いします。

javascript使わないと無理です（多分）
ラジオボタンにonchangeやonclickをしかけて、そこからテキストエリアをhiddenにするなり
enabled=falseにするなりその反対にするなりしてみよう

>805

ありがとうございます。
今、いろいろ探して、こんな感じになっています。

<SCRIPT language="JavaScript">
<!--eelife
flag='txt0';
function chg(Lyid){
document.all[Lyid].disabled = "";
if( flag== Lyid){};
else
document.all[flag].disabled = "true";
flag= Lyid;
}

// -->
</SCRIPT>

<BODY >
<INPUT type="radio" name="school" onclick="chg('txt0')"> 卒業　
<INPUT type="radio" name="school" onclick="chg('txt2')"> 在学中　
<INPUT size="5" type="text" name="year" disabled value="_%year%_" id="txt2"> 年
</BODY>

最初に“卒業”を押した時は無効になっていて、次に“在学中”を
押すと有効になるところまではいいのですが、
その後、もう一度“卒業”を押した時に有効のままで無効になってくれません。
どこに何を足したらよいやら...
再度、お力をお貸しください。　お願いします。

<form>
<input type="radio" name="school" id="over" value="既卒" onclick="toggleYear()"><label for="over">既卒</label>
<input type="radio" name="school" id="under" value="在学中" onclick="toggleYear()"><label for="under">在学中</label>
<input type="text" name="year" id="year" size="5"><label for="year">学年</label>
</form>

function toggleYear() {
var form = document.form[0];
if (form.school[0].checked)
form.year.disabled = false;
else
form.year.disabled = true;
}

disabled ならこう。
学年の文字ごと消したいなら
year と学年ラベルを丸ごと div で括ってその display を block, none の切り替えだな。

あと個人的な意見だが
卒業年ではなく、学年を入力させるのなら
学年もラジオボタンにした方がチェックが楽。
入力する側もクリックだけでOKだからわかりやすい。

if (form.year[0].checked) { // 1つ目の項目
} else if (form.year[1].checked) { // 2つ目の項目
} else if (form.year[2].checked) { // 3つ目の項目
...
} else { // 未チェック
}
チェックはこれだけで済む

×チェックはこれだけで済む
○（何学年なのかの）チェックはこれだけで済む

>>806
暇だったからjQuery使ったselect版作った
disabled必要ならdisabledもしたらいい

<input id="neet" type="radio" name="school"><label for="neet">卒業</label>
<input id="student" type="radio" name="school"><label for="student">在学中</label>
<select>
<option value="1">1年</option>
<option value="2">2年</option>
<option value="3">3年</option>
</select>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
var $select = $('select').hide(); // 初めに学年を隠す

$('input').bind('click', function() {
　(this.id === 'neet') ? $select.hide() : $select.show();
});
</script>

>809

せっかく教えていただいたのに、初心者の私には理解不能のようです。
申し訳ありません。
とりあえず学年もボタンにすることにしました。
しかし、ボタンの有効・無効の切り替えのjavascriptが
どこかのコピーを使ってやろうとしたら、ちょっと手を加えると
切り替えられなくなってしまって、かれこれ１時間半以上...
１日つぶれてしまいそうです。

>810

ありがとうございます！
これで、あとは、卒業を選択した時に、他が無効（グレー）に
なってくれると、うれしんですが。
今からがんばってみます。
お時間あったらご教授ください。

>>795
なんでjpgなのにaudio/mpegなの？

ここjavascriptスレだし

obj.loadStsの.loadStsってなんでしょう？
というか.loadStsとかあるんですっけ？

>>815
kwsk

var obj = {
loadSts : "何か"
};

としか言い様がない希ガス。

同じelemのイベントを切り替えたい場合に
elem.onclick=function(){
　 switch(flag){
　 　 case 0:
　 　 　 alert('test1');
　 　 　 break;
　 　 case 1:
　 　 　 alert('test2');
　 　 　 break;
　 }
}
ってやったんだけど、これだとonMouseMoveとかonMouseUpとかonMouseDownとかが
絡んでくると、そのたびにswitchいれなくちゃならなくて、なんか無駄な気がする・・
どうにか
function test1(){
　 elem.onclick=function(){
　 　 alert('test1');
　 }
}

function test2(){
　 elem.onclick=function(){
　 　 alert('test2');
　 }
}

こんな感じでtest1()とtest2()を切り替えられたらいいと思ったんだけど
一度、例えばtest1()やってしまうとあとからtest2()してもtest1()の
イベントが残ってしまうというか・・
何かよい方法はないのでしょうかよろしくおねがいします

例えば
elem.onmousedown=function(){
　 switch(flag){
　 　 case 0:
　 　 　 alert('test1_down');
　 　 　 break;
　 　 case 1:
　 　 　 alert('test2_down');
　 　 　 break;
　 }
}
elem.onmouseup=function(){
　 switch(flag){
　 　 case 0:
　 　 　 alert('test1_up');
　 　 　 break;
　 　 case 1:
　 　 　 alert('test2_up');
　 　 　 break;
　 }
}
elem.onmouseover=function(){
　 switch(flag){
　 　 case 0:
　 　 　 alert('test1_over');
　 　 　 break;
　 　 case 1:
　 　 　 alert('test2_over');
　 　 　 break;
　 }
}
こんな感じで被ってるswitchを使って実際はalertの部分を関数にまとめるのか、また別の方法があるのかをしりたいです。

event.type

(function(){
　　var test = function(obj){
　　　　alert(obj);
　　}
　　window.onload = function(){
　　　　test("a");
　　}
　　window.onclick = function(){
　　　　test("b");
　　}
})();
こんなので

>>820
動作を切り替えたいときはイベント登録からやり直すのか

わり勘違いしてた

>>817が言ってるように関数を分けるというのを考慮しつつ、>>819が言ってるevent.typeの使い方を最大限に推理して、
酒飲んで帰って来た頭でネタっぽいのを書いてみた
var eventHandler = {
　　flag: true
};
eventHandler.handler = function(evt) {
　　var fn = (this.flag) ? 'One' : 'Another';
　　eventHandler[evt.type + fn]();
};
eventHandler.mousedownOne = function() {
　　alert('test1_down');
}
eventHandler.mousedownAnother = function() {
　　alert('test2_down');
}
// 以下同じ感じ
eventHandler.mouseupOne = function() {}
eventHandler.mouseupAnother = function() {}
eventHandler.mouseoverOne = function() {}
eventHandler.mouseoverAnother = function() {}

var elem = document.getElementById('target');
elem.onmousedown=function(evt){
　　eventHandler.handler(evt || event);
}
elem.onmouseup=function(evt){
　　eventHandler.handler(evt || event);
}
elem.onmouseover=function(evt){
　　eventHandler.handler(evt || event);
}

>>819,820,823
ありがとうございます。
参考にコード書き直してみたところ
以前よりもものすごく短くなって
拡張もしやすく整理できました。
ありがとうございました！

IE8では
IE6,7のname/idのような
小文字大文字を無視する罠ってあります？

http://rent.homes.co.jp/search/ad11=13/btsg=3001/
のような、ボタンクリックでポップアップ画面が現在表示している画面に出る・・・
みたいなのをやりたいのですがこれを簡単にできるライブラリなどご存知でしょか。

>>826
そこのソースにjqueryと書いてあるんだが

HTMLのtextareaに現在何文字書かれているかをテキストボックスtxtcntに表示したいと思い

<textarea name="txt" onkeyup="form.txtcnt.value=form.txt.value.length;"></textarea>

このように書いてみたところアンドゥできなくなりました。（右クリックメニューの「元に戻す(U)」も灰色に）
調べた限りIE6/7/8でこの現象が発生し、Firefoxでは問題なく動作します。

いろいろ試してみると、txt.value.lengthを参照するとアンドゥ不可になるようです。
なぜこうなるのでしょうか・・・？

IEの仕様ですゲイツ様に従ってください

>>828を試してみたらIE6で普通にUndoできたけど？

>>829
ほんと？

下のを試したらUndoできた。
<form>
<textarea name="txtcnt"></textarea>
<textarea name="txt" onkeyup="form.txtcnt.value=form.txt.value.length;"></textarea>
</form>

>>829
ゲイツは開発してたっけ？

俺もやってみた
txtcnt がテキストボックスだとUndo不可
テキストエリアならUndo可能
@IE6

>>830
IE6でまんまコピペしたが、
Ctrl+Z：Undo不可
右クリック→元に戻す：Undo可だけどtxtcntの方が先に元に戻る

だったぞ。

後、文字数を監視したいならsetTimeoutで監視処理を回した方がいいと思う

>>833
遅延処理とsetIntervalのどっちだ
setTimeoutチェーンだとしたらわざわざそうする理由を教えてくれ

>>833
あぁ、ごめん。右クリックの方しか見てなかった。
Ctrl-Zの方か。それなら単純にkeyupでイベント取られてるからCtrl-Zができないだけなじゃね？

if (evt.keyCode === '65') {
　// 適当な処理
}

とかやると「a」の入力以外はundoできるよ

>>833
池沼かよ
setTimeout関係ないっしょ
なんでgetElementByIdを使わないの？

>>836
ちょっと言ってる意味がわかんないけど、>>833は
「文字数を監視するscriptってIMEの関係もあるしsetTimeoutとかsetIntervalが使われるよ」
ってことが言いたいだけだと思うよ

>>836
池沼かよ

>>836
DOMアクセスは関係なくね？

質問です。
tableのセルにフォーカスを持たせて、
カーソルキーで、セルフォーカスを上下左右に移動するにはどうしたらいいでしょうか？

内容がObjectなString文字列をObjectに変換したいのですが、できますでしょうか？

ex:
var str = "{ param: 'abcdefg', value: '12345' }"
/**
//strの内容をObject変数で受け取りたい
var obj = str.toObject(); //例えばこんなのがあるならば
alert(obj.value); // '12345'
*/

と、こんな事がしたいのです
どうかお願いしますm(＿)m