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

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

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

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

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

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

ECMA-262 ed.3
→ http://www.ecma-international.org/publications/standards/ECMA-262.HTM
→ http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)
W3C Document Object Model Technical Reports
→ http://www.w3.org/DOM/DOMTR
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
→ http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide (和訳)
→ http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference
→ http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference (和訳)
E4X (ECMAScript for XML)
→ http://www.ecma-international.org/publications/standards/Ecma-357.htm
→ http://www.ne.jp/asahi/nanto/moon/specs/ecma-357.html (和訳)
Mozilla Gecko DOM Reference, Netscape devedge
→ http://developer.mozilla.org/en/docs/Gecko_DOM_Reference
→ http://developer.mozilla.org/ja/docs/Gecko_DOM_Reference (和訳)
→ http://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript / DHTML (現在日本語版は古杉)
→ http://www.microsoft.com/japan/msdn/library/ja/script56/html/js56jsoriJScript.asp
→ http://msdn2.microsoft.com/en-us/library/ms533050.aspx

【チュートリアルサイト・サンプルサイト】
規格が読めないならまずはチュートリアル。サンプルサイトも沢山ある。
(以下は精選すべきとの議論あるが進んでいないので玉石混淆)
MetaGraphic Cell
→ http://www2u.biglobe.ne.jp/~oz-07ams/prog/
どら猫本舗のリファレンスカウンター
→ http://www.doraneko.org/
はぎさんちのページ Mozilla's DOM Sample Project
→ http://cgi.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/mds.cgi
一撃必殺javascript
→ http://www.openspc2.org/JavaScript/
【関連スレ】
板違い、スレ違いに注意！サーバ側での処理はWebProg板へどぞ！
Webサイト制作初心者用質問スレ Part 209
→ http://pc11.2ch.net/test/read.cgi/hp/1240770124/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

ttp://image.posren.com/img2/00536000/00535528/4.jpg
ttp://image.posren.com/img2/00239000/00238952/4.jpg
ttp://image.posren.com/img2/00225000/00224558/4.jpg
ttp://pics.dmm.com/mono/movie/n_701tsdv41155r/n_701tsdv41155rpl.jpg

>>8
質問する前に最低限のことはググろうぜ。

すんません、グリースモンキー使って練習してるんですが、下のＨＰでスクリプトを走らせると

http://www.ne.jp/asahi/home/ramen/tokushima/jtoa.html

ページの一番上の部分↓しかヒット（match）しないんですが、何故なんでしょうか？
　
　　　　　　【徳島市(徳島駅周辺)】

// ==UserScript==
// @name
// @namespace time
// @include http://www.ne.jp/asahi/home/ramen/tokushima/
// ==/UserScript==

var alltag = document.getElementsByTagName("FONT");

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

if(alltag[i].firstChild.nodeValue.match("徳島")){

alert (alltag[i].firstChild.nodeValue);
/*
if(i+1){
break;
}
*/
}
}

>>10
gmもコンソールにエラーメッセージ出さなかったっけ？
firstChildにnodeValueがないところで処理止まってる

>>11
ありがとうございます。
ちなみに、何を使って調べていただいたのか教えてもらえませんか？
firebugを入れたんですが、まだ使い方もよく分からないので。

あたまをつかいました

>>12
firebugならコンソールにスクリプト貼りつけるだけでエラーわかるよ。
for文で回した時にfirstChildにnodeValueがない場合があってエラーになる。
<font>タグ抜き出してるからそういうこともあるだろうけど、そもそも何がやりたいスクリプトかわからんな
<font>で囲まれた「徳島」って1，2個しかないように見えるし。

やっとテンプレからアフィ厨ｋｓ野郎のサイトがなくなって清々したぜ

質問です。
<script type="text/javascript">
function calc(b){
var r = 253.5;
return {str:r.toString(b).toUpperCase(),val:r};
}
window.onload = function(){
var que = [2,8,16];
for(var i in que){
var t = calc(que[i]);
document.getElementsByTagName("body")[0].innerHTML += t.val + "を" + que[i] +"進数にすると" + t.str + "<br />";
}
}
</script>
253.5を2,8,16進数に変換するスクリプトですがOperaで動作しません。Firefox,IE,Safariではきちんと動作します。

Firefox,IE,Safariではこのように表示される
253.5を2進数にすると11111101.1
253.5を8進数にすると375.4
253.5を16進数にするとFD.8

Operaでは
253.5を2進数にすると253.5
253.5を8進数にすると253.5
253.5を16進数にすると253.5

と表示されます。
253.5は例えであり実際はランダムな数になり、コードは最小限になるように短くしています。
何が駄目なのでしょうか

小数なのがだめっぽいけど

ttp://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/15-7_Number_Objects.html#section-15.7.4.2
＞10 でないならば、結果は文字列で、実装依存の選択となる。

var idname = 1;

for(i = selectnum; i <= 7 + selectnum; i++){
　　var idname_mod = i;
　　if(i > 7){ idname_mod = i - 7; }
　　document.getElementById(idname).innerHTML = htmls[idname_mod];
　　idname = idname++;
}

上記の場合、なぜかdocument.getElementById(idname)の部分でidnameが
NULLでエラーになります。最上部のidnameのvarをとりグローバルにして
も同様のエラーが出ます。

Perlの場合、my変数を使い同様の処理を行った場合はこのようなエラーは
出ないと思われるのですが、ご教示いただけますと幸いです。

宜しくお願いいたします。

>>17
ありがとう。小数点が駄目なのね・・
自分で実装するしかないな。

配列をfor-inで回すのってまた流行り出したのか

>>18はHTML仕様を三回朗読しろ

動作テスト用に早く書けるから使ってるだけです。実際はlength使ってます

きれい

>>18
document.getElementById(idname)の返値がnullだというエラー文だと思われ

ID番号って言うからねぇ♪

文法違反だが実際には数字だけでも取れるけどな
単にそのIDを持つよーそがないんだろ

Prototype.js（できれば1.6.*系を使いたい）とVSValidate（http://www.jsvalidate.com/）を
使用してサイトを作成したいのですが、jsvalidate_beta 04.zipをダウンロードして
HTMLをかいてみたところうまく動作しません。

以下HTML
----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script src="./prototype.js" type="text/javascript" charset="shift_jis"></script>
<script src="./effects.js" type="text/javascript" charset="shift_jis"></script>
<script src="./jsvalitdate.js" type="text/javascript" charset="shift_jis"></script>
</head>
<body>
<form id="foo" action="/" method="post">
<input class="jsrequired" id="bar" name="bar" type="text" value="" />
<input type="submit">
</form>
</body>
</html>
----
Prototype.jsは1.5.*系と1.6.*系両方試して見ましたがダメでした。
ブラウザはIE7でためしています。

配列に格納した文字列を5秒ごとにランダムに表示していくJavaScriptを組みたいのですが、
どのように組めばよいのでしょうか？
Math.randomをうまく使えば組めそうなのですが、わかりません。

Math.floor(Math.random()*5)で0以上5未満の整数が生成される
あとは分るよな

>>23
ご返答有難うございます。

document.getElementById(idname)のidname部分を例えば3にすると
エラーが出ずに動作します。
selectnumなどを試しにセットしても動作します。

idnameに値が入っていないのが原因だと思われるのですが、
なぜこの構文でidnameに何も入っていないのかがわから
なかったため、質問させていただきました。

変数のスコープの扱いの違いも把握はしているつもりで
すので、何度も確認しております。

教えていただけますと助かります。。

>>27
わかりませんでは解りません

>>27
var av = new Array(5) ;

av[0] = "蒼井そら" ;
av[1] = "麻美由真" ;
av[2] = "吉沢明歩" ;
av[3] = "RIO" ;
av[4] = "初音みのり" ;

function fuckYourself()
{
var randou = Math.floor(Math.random()*5)
　document.porn.bigtits.value = av[randou];
　setTimeout("fuckYourself()", 2500);
}
//-->
</script>

<BODY onLoad="fuckYourself()">
<FORM name="porn">
<INPUT size="10" type="text" name="bigtits">
</FORM>
</BODY>

>>29
この部分だけじゃidname自体がnullになるようには見えない。
ここ以外のコードを疑うことを薦める。

わかるのはせいぜい>>20,25と
idname=idname++という無駄な表記があることぐらいだ。

あとはFirebugでも使っておけ。原因不明のnullならステップで見ていくとだいたいわかる。

自己レスです。

<form id="foo" name="foo" action="/" method="post">

としたところ、Prototype.js1.5.0では動作することができました。
しかし1.6.*系では動作せず…

1.6.*系は無理なんでしょうか…

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

>>18
質問の答になってないけど、気になった点をいくつか。

> var idname_mod = i;
エラーにならないけど、for ループの中で変数宣言はしない方がいいと思う。

> if(i > 7){ idname_mod = i - 7; }
もしも 7 で割った余りが欲しいなら、
idname_mod = i % 7;
でないと、仮に i が 14以上の値をとるときに意図した値にならない。
（本当に 7 を引くだけでいいなら、これは無視）

> idname = idname++;
これは変数 idname の値を変えない。
インクリメントするなら、
idname++（または ++idname）;

変数宣言は同じスコープならどこに書いても同じ結果になる
falseをtrueにしてみると・・・

(function (){
a = 1;
if(false) var a = 2;
alert(a);
})();
alert(window.a);

まあキモイから後追いで宣言なんてしないほうがいいけど
初回がforの中でもそこで宣言して構わないかと

変数宣言の位置はやっぱ好み次第だったかな。

あと、7 で割った余りでなく、1 から 7 までの値が欲しい場合は、
(i % 7)? idname_mod = i % 7 : idname_mod = 7;
だったり。

でも、i % 7 を使うと、変数 idname_mod の値がループの最初と最後で同じ値をとるから、
やっぱこれは質問者の意図とは違うのかもと思ったり。
という訳で、>>36 は取り消し、取り消し。

i % 7 + 1
でいいだろうに

>>39
idname = 1 のときに idname_mod = 2 になるけどなｗ

クラスのインスタンスメソッドをイベントハンドラとしてonloadなどに渡すってどうですか？

　window.onload = hoge.piyo;

thisがhogeでなくwindowsになってしまっていつも対応に苦労してるんですが。

　window.onload = function(obj) { function() { obj.piyo }}(hoge);

idnameの数字だけ増やしていくうまい方法ありますよね。

>>41
うん？その例なら
window.onload = function(){ hoge.piyo(); };
で済む話だろう？
どうって何が？

皆さまご意見いただきありがとうございます。

恥ずかしながらまだ解決には至っておりませんが、色々試してみたいと思います。
現在のソースをのせておきます。

　　if(cid == ""){ cid = 1; }
　　var selectnum = cid % 7;
　　if(selectnum == 0){ selectnum = 7; }
　　if(selectnum != 1){
　　　　var htmls = new Array();
　　　　with ({i:0}) {
　　　　　　for(var i = 1; i <= 7; i++){
　　　　　　　　htmls[i] = document.getElementById(i).innerHTML;
　　　　　　}
　　　　}
　　　　var idname = 1;
　　　　with ({i:0}) {
　　　　　　for(var i = selectnum; i <= 7 + selectnum; i++){
　　　　　　　　var idname_mod = i;
　　　　　　　　if(i > 7){ idname_mod = i - 7; }
　　　　　　　　document.getElementById(idname).innerHTML = htmls[idname_mod];
　　　　　　　　idname++;
　　　　　　}
　　　　}
　　}

やはり現在も、 var idname = 1; をたとえばfor内に入れるとエラーなしで
動作します。

というか>>18も>>44もエラーが再現できないんだよ
再現するコードを書けないならソース丸ごとうｐしてほしい
ついでにエラー文のコピペも

id="7"が存在してないとかいうオチな気がしてきた

＞with ({i:0})
本題とは関係ないだろうけど、こんなもん金輪際使うな

失礼、id="7"でささるならそれ以前にささるのか

>>41
Prototype.jsならbind/bindAsEventListenerという素敵な拡張がある
もしくはapplyでぐぐって関数作っておくと幸せになれるかも

数値の一番上の位の数字を文字として取得するのに
一番メモリ消費が少ない方法、および一番高速な方法って
どんなのが有名ですか？

文字列になおしてチャラット

正規表現

たったそれだけの処理をするのに
有名な方法なんてあるのかね

バッカス・ギルナー法

ホッタイモ・ジルーナ法

ゆっくりスクロールしてジャンプするスクリプトを書いてくれ
１０行ぐらいで出来そうだがJavaScriptは苦手なもんで頼みます

IE6を使用しています。
Ctrl + マウスホイールの制御を行いたいです。
どなたか教えてください。

>>55
マルチすんなハゲ

<script>

a="hello world!";
b=a.strike();
document.write(b);


</script>

こういうの見ると、ああ、OOPなんだな、って思うね。

>>57

このコードをeclipseで書くとき、
strike()の部分を、コード補完できないんだが、
みんなもそうか？

それとも自分だけ？

http://itpro.nikkeibp.co.jp/article/COLUMN/20061204/255844/

ここ読んで、

「メソッド名やプロパティ名を入力している途中
で「Alt」＋「/」を押すと，まだ入力していない
部分を補完してくれます。」

って書いてあるので、試したらできた。

ctrl+spaceで補完する場合と、
alt+/で補完する場合と、2種類あるようだが、
どう使い分けているのか？

メソッドの場合はalt＋？なの？

>>58
そのメソッドはECMA-262にない、つまりIE専でしょ。だから
補完できないんでは。

ちょっと勘違いしていたようだ。
すでに、コードの上の方の行で、
入力があれば、それを参考にして出るようだ。

初出だと、手で打たないとダメみたい。

JS1.0時代の非標準メソッドで非推奨のSTRIKEを生成する無知を何とかしろ、って思うね。

とりあえずIE専じゃねーから

Date オブジェクトの日付の範囲って西暦99年以前はダメなのでしょうか？

https://developer.mozilla.org/ja/Core_JavaScript_1.5_Guide/Predefined_Core_Objects/Date_Object
ここ↑には「Date オブジェクトの範囲は1970年1月1日(UTC)を基準に -100,000,000日から100,000,000日です。」とあるので、
単純計算で前後約273972年(=100,000,000÷365)を測定できる事になります。

しかし日付チェック関数(http://www.hoge256.net/2007/08/64.html)だと100/1/1以降はＯＫですが99年以前はプラス1900されているようでダメでした。

function checkDate(year, month, day) {
var d = new Date(year, month - 1, day);
if( d == null ||
d.getFullYear() != year ||
d.getMonth() + 1 != month ||
d.getDate() != day ) {
return false;
};
return true;
};

結果：
1970/1/1 => OK 木
1969/12/31 => OK 水
1000/1/1 => OK 水
999/12/31 => OK 火
100/1/1 => OK 金
99/12/31 => NG (1999/12/31になる)

↓だとgetFullYear は 「1000年から9999年までの日付に対して1995のような4桁の数字を返します。」とありますが、
999年でもtrueでＯＫでした。
https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/Date/getFullYear

99年以前もＯＫなメソッドってあるのでしょうか？　getUTCFullYear？

setFullYear

>>65
ありがとうございます。
99年以前も問題なく動作するようになりました。

function checkDate(year, month, day)
{
var d = new Date(year, month - 1, day);
if(d.getFullYear() != year) d.setFullYear(year);
if( d == null || d.getFullYear() != year || d.getMonth() +1 != month || d.getDate() != day) {
return false;
};
return true;
};

<script>

a="hello";
b=a.del();
document.write(b);
</script>

これだと動かないんだのう。

なんじゃそのメソッドは

a = function(){
　　a.del = function(){
　　　　return "hello";
　　}
}
a();
b=a.del;
document.write(b);

>>69
function () { return "hello"; }

って出るだけだぞ

ようは、javascriptで打ち消し線を出したいだけなんだけど。
strikeは非推奨なんだよね？
じゃあなにを使うんだって言う。

そういやテンプレから「最低限のHTMLとCSSを理解する者」云々が消えてんだな

複数の変数　var subete = [test,hoge];
をstr.replaceを用いて置換したいです
どうすればいいですか？

forれば

>>73
日本語でおｋ

>>72
言われてみれば。それは入っていた方がいいよね。
>>1に入れるということでいいかな。

CSSをjavascriptで動的に変更させたいと思い作成したのですが
IE6では動作するのですがFirefoxでは動きません
IEで動くのでおそらくスクリプトには問題がないと思うのですが…

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<title>ジャヴァスクリプト</title>
<link href="basic.css" rel="stylesheet" type="text/css" media="all" />
<script src="flams.js" type="text/javascript"></script>
</head>

>>77
どうやってCSSにアクセスしてるのかわからんけど
IEとFxではCSSのアクセス方法がまるで違うとだけ

>>77
スクリプトに問題ないならスレチ

>>78-79
すいません
今までは全く問題なかったのですが今回だけなぜか…

window.onload = init;
function init() {
for (var i = 1; i < 4; i++) {
document.getElementById("ram" + i).onclick = function() {
change(this.getAttribute("id"));
}
}
}

function change(id){
var r = parseInt(id.substring(3));
if (r == 1) {
ram1.style.background = "#a9a9a9";
ram2.style.background = "#ff69b4";
ram3.style.background = "#ff69b4";
} else if (r == 2) {
ram1.style.background = "#ff69b4";
ram2.style.background = "#a9a9a9";
ram3.style.background = "#ff69b4";
} else if (r == 3) {
ram1.style.background = "#ff69b4";
ram2.style.background = "#ff69b4";
ram3.style.background = "#a9a9a9";
　}
}

CSSです

/*CSS*/

#ram1{
background: #a9a9a9;
width: 174px;
border-left: 1px solid #a9a9a9;
}

#ram2, #ram3,
#ram4{
background: #ff69b4;
width: 174px;
border-left: 1px solid #a9a9a9;
}

ああ、cssファイルを切り替えるとかの話じゃないのか

＞ram1.style.background = "#a9a9a9";
Fxではwindow[id]は定義されない
ちゃんとgetElementByIdしとけ

というかエラーメッセージ見ろ

ありがとうございます！
こんな感じに単語帳を作ってます。
forを使ってみたのですがエラーがでます。添削お願いします
var subete = [test,hoge];
var test = {
"YES": "はい"
};

var hoge = {
"お茶": "tea"
};

function convertStr(txt){
str=txt;
for(i=0;i<subete.length;i++){
str=str.replace(subete[i],subete[i])
}
return str;
}

>>83
いろいろ酷いなｗ

＞var subete = [test,hoge];
＞var test = { "YES": "はい" };
順序が逆。代入が済んでない変数を呼んでいるから、結果的にこれと同じ。
var subete = [ undefined, undefined ];

＞var test = { "YES": "はい" };
testはObjectオブジェクト（ややこしい）であってStringオブジェクトではないから
そのままでは文字列としては扱えない。

for ( var k in test ) { alert(k);, alert(test[k]); }
こんな感じでやれば中身のStringオブジェクトにアクセスできる。

とはいえ、そもそもそこで連想配列的なObjectオブジェクトにする必要があるのかを
まず考え直した方がいい。

携帯で画像をランダム表示したいのですが
どのようなスクリプトが使えるのでしょうか？

>>85
普通の携帯はスレチ、JSうごかねーもん。
フルブラウザ限定でいいなら動くけど
ライブラリにするまでもないから自作するしかないだろうなぁ。

>>86
レスありがとうございます
どこのスレ行けばよいでしょう？
CSSスレあたりですか？

サーバーサイドならご自由に。
要は画像差し替えたHTMLをその都度作れってことだから。
PHPあたりが妥当とは思うけど、レンタル鯖使ってるならなにが使えるかをまず調べて。

>>82
ありがとうございます
無事動きました
しかしエラーコンソール？を使っても全然エラーはでなかったんです…
firebugを見てもよくわかりませんでした

<html><head><title></title></head><body><form>

<script type="text/javascript">
var count = 0;

window.attachEvent("onload", function(){
setInterval(setText, 1000);
});

function setText() {
document.getElementById("text1").value = count++;
}
</script>

<div>
<br />
<input name="text1" type="text" id="text1" style="width:100px;" />
<br />
</div>
</form></body></html>

一定期間である処理をさせたいのでsetIntervalを使用してみたのですが、
ブラウザ上で右クリックメニューを出したり画面上部のメニュー部から何らかのポップアップ画面を出すと
setInterval の処理が止まるようです。

ブラウザ上でどんな操作をされようと、一定期間で必ず処理を実行させるように
する方法って無いでしょうか？

使用ブラウザ：IE7

>>90
そこまで制限した物を動かしたいのならバイナリ作るなりするべきじゃないか？

カウントするだけ(実際は違うんだろうが)なら、
処理が止まろうが時間という絶対値が取得できるんだからそれを利用するべきだろ

>>84
返事ありがとうございます
今回は連想配列は不要と解釈してよろしいのでしょうか？

必然性がないってことでしょ。

eclipseで、JavaScriptを編集しているとき、
strikeは補完はされないの？

そこまでstrikeを愛してるなら自分で拡張しろ

<strike>strike</strike>

ムリしてStringのメソッドでタグ付けしなきゃならない理由が無いよ

大半の人がよく使うモノなら、ソフトが標準で用意するのが当たり前。
あるべき機能がないソフトは「時代遅れ」と呼ばれる。
一部の人だけがよく使うモノなら、その人が自分で用意するのが当たり前。
プラグインだのライブラリだの、そんなものはゴロゴロしてる。

言語だろうが開発環境だろうが、この基本は変わらん。

jsってJScriptのことですよね。

じゃあjkは何だ

JKousei

JK flip-flop

ちょっとお聞きしたいのですが、javascriptをドリームウィーバーで使って
写真を違う写真に移る時のフェードイン、フェードアウトをモザイクを使いたいのですが
ネットで調べたら以下の様なscriptがあって使ってみたのですが、
画像を挿入しても写らないのですが、何が間違っているのでしょうか？
誰か教えて下さい。

<body>
<!--■以下のタグをbody内に入れてください-->
<a href="javascript:kawaru()">
<img src="oferia1.jpg" name="kirikae" width="300" height="300" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=25,Duration=3)"></a>
<!--■↑上記 img src="oferia1.jpg" に最初の画像名を入れてね-->
<!--■↑上記 width="300" height="300" に画像の幅と高さを入れてね-->
<!--■↑MaxSquare=25 の数値を変えることでモザイクの大きさが変わる　適宜変えてみてね-->
<!--■↑Duration=3 この3を1や2や4や5にすると切り替わり方が変わる　適宜変えてみてね-->

<!--■以下スクリプトをbody内の上記タグの下に入れてください-->
<script language="JavaScript">
<!--
/*http://myako.net/ ako's cyberpage*/
var hayasa=4000;//■切り替えの早さ　現在4秒設定　お好きに変えてね
var Ga=new Array("oferia1.jpg","uminonakaa1.jpg","yousei811a.jpg","uma1b.jpg","himawari1.jpg")
//■上記のようにいくつでも画像名を並べてください

var tobisaki=new Array("http://myako.net/java/javanewn2.cgi","http://myako.net/ufu/jsguest.cgi","http://myako.net/java/javanewn.cgi","http://myako.net/java/jsfaq.cgi","http://myako.net/")
//■画像をクリックした時に飛ばしたい先のURLを画像の順番に合わせて順番に入れてください

続きです

var GaH=new Array(); var IE=window.createPopup;
for (kazu=0;kazu<Ga.length;kazu++){
GaH[kazu]=new Image()
GaH[kazu].src=Ga[kazu] }
function kawaru(){
window.location=tobisaki[add] }
var add=0; var akoGa=0;
var okure=(IE)? document.images.kirikae.filters[0].duration*1000 : 0
function sl(){
if (!document.images) return
if (IE) document.images.kirikae.filters[0].apply()
document.images.kirikae.src=GaH[akoGa].src
if (IE) document.images.kirikae.filters[0].play()
add=akoGa; akoGa=(akoGa<Ga.length-1)? akoGa+1 : 0;
setTimeout("sl()",hayasa+okure) }
sl()
//-->
</script>
<!--■ここまでbody内に入れること-->

<br><br>画像は入っていません　ソースを開いて御自分の画像名をお入れください<br>
■から書かれているコメントに従って書き換えて下さい<br><br>
スクリプトご使用の際は以下リンクタグをお入れください<br>
<a href="http://myako.net/" target="_top">Script by ako's cyberpage</a>

filter
論外

>>106
どうしたらよいのでしょうか？

>>107
IE以外お断りな時代遅れのJScript使うより、まともなJavaScriptライブラリ使うかFlash使おう
ttp://youmos.com/news/lightview
ttp://youmos.com/news/itunes_coverflow
ttp://youmos.com/news/flash_simpleviewer
ttp://youmos.com/news/swfir
ttp://youmos.com/news/script_aculo_us
こういう類のものは色んな人が作っていて無数に存在するから自分にあった物を使うと良いよ

ttp://youmos.com/news/flash_xml_gallery
ttp://youmos.com/news/loupe_js
ttp://youmos.com/news/tjpzoom
ttp://youmos.com/news/dfgallery
ttp://youmos.com/news/jw_image_rotator
使えそうなものはこのぐらいかな

JavaScript切だと紹介記事すら読めないってのは何かの嫌がらせなのかなあ
NoScriptオンにしたけど変わった様子もなかったし

そういや、JS終わった君最近見ないね

ASと共に爆死したそうだ

変数宣言時はvarつける習慣があるのですが、つけない方が良いときもあるみたいな記事を見ました。

http://codezine.jp/article/detail/3855
> 関数の宣言時にローカル変数の頭にvarキーワードを付けると、関数の範囲外でも値が維持されます。こうすると、何がまずかったのか判断しにくくなります。

関数の範囲内にスコープを限定するためにvarつけると思っていたのですが、
その理解が間違っているのでしょうか？

>>113
勃起した。

×付けると
○付け忘れると

なんだろうか？よくわからん

>>115
どゆうこと？全然ちがうじゃん

明らかに記述ミスだろう。悩むところじゃない。

つまりvarつける習慣をやめろと

でも、スコープ内はつけるようにと先生が…
何を信じたらいいの

信じるな、考えて判断しろ
つーかその程度のウソもウソと見分けられないならこんなところ来るなよｗ

必要なところに必要なものを書けばいいだけじゃないのか、
一律全部付けるとか付けないとかそういう問題じゃないはずだが

つける習慣をやめるようなものがなんであるの？

後方互換

変数宣言するときに必ずつけるもんだ、と思い込んでるならその考えを改め直すべき

最手前のレイヤーで半透明で大きな雪の結晶を大量に降らせるエフェクトをかけつつ
リンクのクリックには全く支障が無いページを作りたいのですが、可能でしょうか？

>>123
ＮＮ２．０で使えるもので後方互換って何を想定してんだｗ

>>124
誤解を招く表現だぞ？
「変数を宣言する時に、その変数のスコープを把握できてないのが問題。
　その変数の意味を理解してプログラム組んでいるなら、
　付けるか付けないかなんて考えるまでもない」と、こうだろ。

>>125
描画する範囲を計算しといて、降らせる雪１つ１つをCSSかなんかで
個別に位置指定してやればいいんじゃね？

>>113
ベンチ作って試せばいいじゃん

>>127
リンク等にかぶらないように雪を降らせるという事ですね。
マウスが雪のオブジェクトと重なったらhiddenするような方法もありますね。

実は、1年以上前に同じような質問をしたことがあるのですが、
その時はイベントの発生位置から下のオブジェクトを見つけてイベントを受け渡すという
複雑な方法を教えていただいたのですが、IEでは上手く動かなくて断念しました。

やはり、ページ全体にエフェクトをかけるようなダイナミックな表現をするなら
全部Flashで作れという事でしょうか。
ありがとうございました。

だから
どうして雪降りをわざわざ動作が遅く・重いJavascriptなんですか
Flashでしょ

適材適所って知ってます？

>>126
NNで使えたからstrikeとかvar（笑）とか残ってるってことだろ

>>128
どうでもいいけど組込分野の人？

>>130
ページ全体を半透明オブジェクトで覆って紺色（夜）やオレンジ（夕方）のような表現をしてみたり
24bitPNGをタイル状に指定したオブジェクトをゆっくり動かして霧や雲や陰を表現したり
既存のHTML上にエフェクトがかけられたら面白いと思っただけですね・・・ｗ

>>131
初期仕様から今後の方針まで全部見渡して、
varをあえてはずす理由なんてどこにもないと言いたかったのだが。
varに前方も後方もねーよ。

>>133
ネタにマジレス

わざわざ（笑）付けたのに・・・

varがますます分からなくなってしまいました(泣

>>135
自分で実際に試すのが一番手っ取り早いことを覚えよう。

「varキーワードを付けると、関数の範囲外でも値が維持されます。」
こんなわけのわからん文章で混乱してる時間があるなら、
さっさと適当なサンプル作って確かめて、
「なんだやっぱりIEでもFirefoxでもSafariでもOperaでも（略）
　範囲外では保存されないじゃん。
　この記事担当者、校正もしてないのかよ。バカだなー」
で終わらせればおｋ。

varをキーワードとかいってる時点で気づこうな

>>134
ネタ（笑）

後方痴漢

>>113の記事書いた人が間違ってるだけのこと

>>124
揚げ足取りだが、varは変数宣言するときは必ず付けるもの
宣言しないで代入するとグローバル変数になる
それともletとかconstとかのことを言ってるならごめん

結論出ました、>>113は今までどおり変数宣言時にvarつける習慣のままでOK

こんなにレスがつくなんて！
やっばり記事が間違っているようですね。安心しました。

やっばり

携帯っぽい打ち間違いだな。

あってはならない間違いとはこのことだろ

かな打ちだとよく間違えるよ

今からカナ打ちにしようと思ってもできないな、カナ打ちできる人は尊敬するわ
そのままだと英語全く打てないから両方できるってことだろうしね

JavaScriptって名前付き引数を使えないの？

>>149
使えないが、オブジェクトを渡すという手はあるな。
function f(o) { ... o.x ... o.a ... }
f({x:10, a:[1,2,3]})

>>139
後ろから前から、ってか。

>>150
�d！

質問いたします。
画面解像度によって違うページに飛ぶ機能を作ってみたのですがどうもうまくいきません(具体的には、解像度の横幅が1024以上ならページA、未満ならページBへと飛びます)。
以下にコードを示します。


<script type="text/javascript">
//<![CDATA[
var w = screen.width;if (w >= 2024) {var x= 1;}else {var x = 2;}//ここで解像度を取得、xに代入
//]]>
</script>

<script type="text/javascript">//xの値で行き先が変化
//<![CDATA[
if (x = 1) {
document.write("OK");
}else {
document.write("NG");
}
//]]>
</script>

　・
　・
　・


つまり、最初に解像度が1024以上でxに1を代入、
後のコードでxが1ならページA、それ以外ならページBという風にしようとしたのですが…
本来ページBに飛ばされる環境なのにページAに行ってしまうという状況に陥っております。
皆様のお知恵を拝借したく存じます。宜しくお願い致します。

if (x = 1)

1024なの2024なのどっちさ。コードでは2024と比較してるが。
あとふつう、var x;を外側においてifの中ではxに入れるだけ
にするんでは。この場合はこれでも大丈夫なんだろうけど気持ち悪い。
そして最後にif(x = 1)では「常にxに1を代入して、1は真偽値と
しては真だからOKの枝を選ぶ」になるけど。比較なら「==」を使う。
まとめると「もっと修練積み直して来い!」だな。

まともなコードを書こうと思うならBrian W.Kernighan , Rob Pike 著のプログラミング作法を読むことをお勧めする

>>153
(screen.width >= 2024) ? document.write("OK"): document.write("NG");

>>154-156
「=」を「==」に直したら、意図通りに動きました！本当にありがとうございます！！
取り敢えずはこれで動かしますが、もっと修行します。
>1024なの2024なのどっちさ。
1024です、失礼しました。
未熟は言い訳になりませんね…申し訳ないです。
もっとがんばります。

>>157
せっかく書いていただいたのにすいません。それではだめなのです…
「xの値で変化」のコードが何十個も続きますので
(xの値次第で何十個ものリンクが一度に変わる、ようなものを想像してください)

ところでこれ、IE6では無理なんでしょうか。解像度を満たしていてもNGのまま…
JavaScriptはONにしてるのに…

>>159
> 「xの値で変化」のコードが何十個も続きますので

そしたら>>153の↓部分も何十個も続かない？　
var w = screen.width;if (w >= 2024) {var x= 1;}else {var x = 2;}

>>160
その部分は一個でOKですね。
(というかその部分は外部ファイル化しました)

それにしてもレスポンス速いですね。一日ぐらい待つことを覚悟してたのですが。

つまり、分岐はあくまで「1024以上」「1024未満」の２つだけだけど、
それによって変わる部分はたくさんあるってこと？


変更する部分をまとめて配列に突っ込んどいて
インデックス変えれば済むプログラムなんだろうという予想はできるがｗ
まあ、それを言うのはヤボなんだろうなあ。

＞＞153
何のサイトなのか知らないけど､ユーザーに
buttonクリック等の明示的な選択肢を与えるべきじゃないの？

ページ飛ばされる理由がわからないと
ユーザー混乱するよ｡

だいたい解像度別にページ作ったら大変じゃねーの？
１つのページでCSS切り替えるようにした方がよくない？

>>159
あぁ、ページにある<a href="1024未満用のリンク"></a>が<a href="1024以上用のリンク"></a>に置き換わるってこと？

それならそのリンク変えたい<a>タグにrefとかclassでも付けて、
onloadの時点で「それが付いてるやつはリンク変える」とかにしたら良いのでは？

IE4ってもうUA分岐で切ってもOKですか？

率先して IE6 を見限って行こうぜ。

jQueryで、loadで読み込んだphpの中にあるpタグに.css('padding','10px')とかしたいんですが。

要は動的に読み込んだものにjQueryでホゲホゲしたいんだすが、どうしたらよいか分かる猛者はいますか。

IE6を見限ることによってIE6使ってる人に対してプレッシャーを与えていこうぜ

>>168
ちょっと言ってる意味がわかんないです

動的とか関係あるの？JavaScriptが実行される時にはHTMLは固定されてるでしょ？

>>168
要するにAjaxで読んだコンテンツ内のpに対してCSSはめたいって事かな

jQueryよく知らないけど、loadのコールバック関数内で
$("#id p").css( なんちゃら )
とかすれば良いのでないかしら？

できました!!
ありがとーです！

var item = document.form1.length

とすれば、フォーム（form1）内にあるinput要素を取得できますが、
「form1」という名前を固定ではなく、任意の名前にする場合
どのようにすればいいのでしょうか？

document.forms[form_name].length

部長「今度上層部が刺殺に来るぞ」
ぼく「えっ」
部長「といっても、良くあることだからな」
ぼく「よく人が死ぬんですか」
部長「えっ」
ぼく「えっ」
部長「ああ、普通にしてたらクビは斬られないから安心しろ」
ぼく「えっ」
部長「えっ」
ぼく「クビ以外を斬られることはあるんですか」
部長「減俸とかは時々あるな」
ぼく「そうなんだこわい」
部長「まあ、失敗をしなければ刺殺団はそのまま帰るさ」
ぼく「失敗したらどうなるんですか」
部長「事によるが、まあ悪くても定食くらいだろう」
ぼく「なにそれおいしそう」
部長「えっ」
ぼく「えっ」
部長「コツは死後に気を付けることだな」
ぼく「死後はどうなるんですか」
部長「刺殺室に呼ばれて、色々と悪い点を刺されるかもな」
ぼく「なんだやっぱり死ぬのか」
部長「えっ」
ぼく「えっ」

クリッカブルマップで、
マウスオーバーで色が赤くなるのって
どうやるの？

何の上にマウスが乗ったとき？そして何の色が赤くなるんだ？
アンタが赤くなるのならペンキでもかぶれば。

>>1 一、質問を分かる日本語できちんと説明できる者

ペンキわろた

読解力の無いヤツめ。
要するに
マウスオーバー→赤面しちゃうような写真が登場
ってことだろ

>>179
空気嫁

(//)

イベントデリゲーションでやるんだよ

画像バラしてhoverでおｋ。
JS関係ないからスレ違い。

グーグルのajaxって
IMEで入力中の単語すらも
取得してるんだけど、これって
どうやるの？

確定してないのに、取得するのは、どうやるのかってこと。

かくてい

↑この状態なのに、グーグルのサーバーに
送信できるっておかしくない？

なんか昔はケンカばかりだったおまえらが
オモロな事を競う合うスレまで昇華したか

氏ねｗ

全然ぐぐるも利用しないしソースも見てないけどなｗ

キー入力じゃねーの？

と
通りすがる

ka

って入力されたら、

「か」じゃないかなー？

って推測してるだけ？

前スレにキー入力のサンプルあっただろ

>>184-187
setIntervalとかで定期的に入力欄のvalueを取得すれば、
未確定の文字列も取り出せるから。

keyup だろ

>>190
Win IEは取れるんだけど、Linux FFxでonkeyupでは取れない。
setIntervalだと取れる。以下テストページ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>???</title>
<script type="text/javascript">
var elt;
function chk() { document.getElementById('d1').innerHTML = elt.value; }
function init() {
elt = document.getElementById('d0').firstChild;
//elt.onkeyup = chk;
setInterval(chk, 100);
}
</script>
</head><body onload="init()">
<div id="d0"><input name="i0" type="text"></div>
<div id="d1"></div>
</body></html>

未確定の文字を取れるってやばくない？
サーバーに送信してるんだよ？

>>191
すげええええ
今実験してみた。

未確定でも取得できとる

ホントにサーバに送信してるのかな。

某ブラウザでクリップボードの内容まで取れてた事に比べればどうという事はない

>>194
サーバーに送信しなかったら
データーを取ってこれないだろ。

たとえば

「せっくす」

とかって入れて、確定してない状態でも、

「ああ、こんなはずかしいキーワード送信しないでおこう」

とかって思っても、グーグル様は許してくれません。

もうとっくに送信されちゃってますから！

>>197
じゃあ、確定した直後に「送信しないでおこう」と思って削除する場合は？
確定後なら送信されちゃっていても納得するの？

グーグル様はこの世のすべてのデータを蓄積しなくちゃいけないという勝手な使命感に駆られてるからな

Ajax使ったインクリメンタルサーチとかそんなもんだろ
むやみやたらにやられたらキモイけど技術的におかしいとは思わない

googleのキーワード入力欄を最後に使ったのが
いつだったかなんて思い出せないが、ここ見て久しぶりに使ってみた。
いつのまにか変な機能つけてたのな。



……つかまだ存在してたんだこれ。
ここ数年、URL入力欄以外に検索キーワードを
入力する必要を感じたことなんてないし、
どこかのWebサイト見てて単語を検索する時は
選択して右クリックメニューだし。

複合キーワードのヒントにはなるかも。

どんなに恥ずかしいキーワードを入れても、
データを見るGoogle様はプログラムで人間じゃないから安心！
かもしれない。

ナレ　：　やがて現れた肉は　牛タン
　　　　　 何やら、手に持った次の瞬間

　　　　　　　　　　 　 _,,..,,,,_　　　　　　　　ﾋﾞﾀﾞｧｧｧﾝ!!
　　　　　　　　　　　/ ;' 3　ヽヾヽ　　　　　　　ﾋﾞﾀﾞｧｧｧﾝ!!!
　　　　　〃　　　　 i　　　　 ,l　　　　　　　　　　　ﾋﾞﾀﾞｧｧｧﾝ!!!
　‘　 ，_,,..((,,_　　〃ゝ　U　 j! _ )))_ ∴ ，“　　　　ﾋﾞﾀﾞｧｧｧﾝ!!!
　,Ｊ∵/ ;' 3　 `ヽｰっ )　　ｿノ'"　　　ヽ从/；　’
　)　： l　　 ⊃　⌒_つ,.．ｪ‐'´　　⊂　　j!　ゞ・，‥¨
　．¨ ・`'ｰ---‐'''''"　　　￣゛'''''‐---ｰ '¨・：‘　．

ナレ　：　なんと、牛タンを　床に　力一杯叩きつけ出した
　　　　　 いったい何の為なのか

店員　：　あっこれ　叩くのは、　 伸びるし　商品化のために
　　　　　 少し肉が　柔らかくなるし　 皮むくために、叩きますね

ナレ　：　確かに叩く前のと比べると２倍近くに伸びている
　　　　　　　　　_,,..,,,,_
　　　　　　　　./ ,' 3　`ヽｰっ
　　　　　　　　l　　 ⊃　⌒_つ
　　　　　 　　 `'ｰ---‐'''''"
　　　　　　　　　_,,..,,,,_＿＿＿＿＿
　　　　　　　　./ 　,' 　3　　　　　　 `ヽｰっ　
　　　　　　　　l　　 　　　　⊃　　　　⌒_つ
　　　　　 　　 `'ｰ---‐---------'''''"

ナレ　：　確かに叩きつけることで　皮も剥がしやすく　肉も柔らかくなるということだ

>>191
Linux でアウトなのは知らなかったけど、じゃあどうするかと聞かれたら
俺なら keyup → setTimeout(hoge, 0) にするな

クロスドメインに対応したファイルアップロードできるライブラリないですか？

action属性の値を変えろ

>>204
だからそもそもkeyupイベントが発生しないという問題では。
まあいいや、>>191 を直したのを作ってみてよ。試してみるから。

input methodが何かにもよるだろ
Linuxなら尚更

>>208
おおせの通り。洩れのとこはkinput2だな。

onforcusが発生したら定期的に内容が変わらないかチェックしてみたら動くかも

＜問題＞
0〜12間の間の任意の駅で向上した場合の普通乗車運賃を計算するスクリプトを作成しなさい。

入力： 乗車駅（選択），降車駅（選択），乗車人数[おとな，こども]
出力： 駅間営業キロ数，普通運賃，こども運賃，運賃合計
※JRの運賃は，乗車駅区間の営業キロ（距離）に応じた料金体系となっている。
「こども」の乗車券は，「おとな」の半額（5円の端数は切り捨て）
<html>
<head>
<script>
function calc_fare(){
//変数の初期化
var total=0;
var basic_fare=0;
var add_fare=0;
var night_fare=0;
var dist_discount=0;
var km=0;
var i=0;
// 配列
var k = new Array(0,1.3,2.2,1.8,1.5,2.2,1.6,2.2,3.6,1.4,2.0,2.3,3.4);
// 計算処理
if(document.form1.jyousya.value<document.form1.kousya.value){
for(i=document.form1.jyousya.value,d=document.form1.kousya.value;i<d;d--){
km+=k[d]*1000;
}
}
if(document.form1.jyousya.value>document.form1.kousya.value){
for(i=document.form1.jyousya.value,d=document.form1.kousya.value;i>d;i--){
km+=k[i]*1000;
}
}

km=km/1000;
if(km>1&&km<=3) basic_fare=160;
if(km>3&&km<=6) basic_fare=200;
if(km>6&&km<=10) basic_fare=210;
if(km>10&&km<=15) basic_fare=260;
if(km>15&&km<=20) basic_fare=350;
if(km>20&&km<=25) basic_fare=440;
if(km>25&&km<=30) basic_fare=530;

add_fare=document.form1.distance.value;

night_fare = basic_fare/2;
if(night_fare%10==5) night_fare=night_fare-5;

dist_discount=document.form1.time.value;

total=(basic_fare*add_fare)+(night_fare*dist_discount);

// 計算結果を出力
document.form1.km.value = km;
document.form1.total.value = total;
document.form1.basic_fare.value = basic_fare;
document.form1.add_fare.value = add_fare;
document.form1.night_fare.value = night_fare;
document.form1.dist_discount.value = dist_discount;

}
</script>
</head>
<body>

<form name="form1">
乗車駅:
<SELECT NAME="jyousya">
<OPTION value="0" selected>0</OPTION>
<OPTION value="1">1</OPTION>
<OPTION value="2">2</OPTION>
<OPTION value="3">3</OPTION>
<OPTION value="4">4</OPTION>
<OPTION value="5">5</OPTION>
<OPTION value="6">6</OPTION>
<OPTION value="7">7</OPTION>
<OPTION value="8">8</OPTION>
<OPTION value="9">9</OPTION>
<OPTION value="10">10</OPTION>
<OPTION value="11">11</OPTION>
<OPTION value="12">12</OPTION>
</SELECT>
→降車駅:
<SELECT NAME="kousya">
<OPTION value="0" selected>0</OPTION>
<OPTION value="1">1</OPTION>
<OPTION value="2">2</OPTION>
<OPTION value="3">3</OPTION>
<OPTION value="4">4</OPTION>
<OPTION value="5">5</OPTION>
<OPTION value="6">6</OPTION>
<OPTION value="7">7</OPTION>
<OPTION value="8">8</OPTION>
<OPTION value="9">9</OPTION>
<OPTION value="10">10</OPTION>
<OPTION value="11">11</OPTION>
<OPTION value="12">12</OPTION>

</SELECT>
<br/>
おとな<input type="text" name="distance" size="5" value="">人
こども<input type="text" name="time" size="5" value="">人
<input type="button" name="calc" value="計算" onclick="calc_fare();"><br />
<br /><br />
営業キロ<input type="text" name="km" size="7" value="">キロ<br />
運賃合計：<input type="text" name="total" size="7" value="">円
内訳（
大人<input type="text" name="basic_fare" size="7" value="">円
×<input type="text" name="add_fare" size="7" value="">人
＋こども<input type="text" name="night_fare" size="7" value="">円
×<input type="text" name="dist_discount" size="7" value="">人）
</form>
</body>
</html>

こうすると、例えば　０で乗って１で降りるという風にすると１．３と正しい計算結果がでるのですが
１２で乗って９で降りると９．１と出したいのですがが１．４と出てしまいます。
何かおかしいところはあるでしょうか？

学校の宿題か？１行ずつ値をチェックしていったら分かるだろう。

考えるのがメドいので細かい質問があれば問題発生箇所を絞り込んでからするように。
絞り込んだらコードは1/4以下にはなるだろ

最初は絞ることも考えたんですけど
何が間違ってるのかわからないので全部見てもらうほうがわかるかなと思いまして・・・

最初のif文の中のfor文が辺りが怪しいとにらんでるんですが・・・

一応絞ってみます・・・

var k = new Array(0,1.3,2.2,1.8,1.5,2.2,1.6,2.2,3.6,1.4,2.0,2.3,3.4);
if(document.form1.jyousya.value<document.form1.kousya.value){
　for(i=document.form1.jyousya.value,d=document.form1.kousya.value;i<d;d--){
　　km+=k[d]*1000;
　}
}
if(document.form1.jyousya.value>document.form1.kousya.value){
　for(i=document.form1.jyousya.value,d=document.form1.kousya.value;i>d;i--){
　　km+=k[i]*1000;
　}
}
<form name="form1">
<SELECT NAME="jyousya">
<OPTION value="0" selected>0</OPTION>
<OPTION value="1">1</OPTION>
<OPTION value="2">2</OPTION>
<OPTION value="3">3</OPTION>
<OPTION value="4">4</OPTION>
<OPTION value="5">5</OPTION>
<OPTION value="6">6</OPTION>
<OPTION value="7">7</OPTION>
<OPTION value="8">8</OPTION>
<OPTION value="9">9</OPTION>
<OPTION value="10">10</OPTION>
<OPTION value="11">11</OPTION>
<OPTION value="12">12</OPTION>
</SELECT>
<SELECT NAME="kousya">
上と同じ
</SELECT>
営業キロ<input type="text" name="km" size="7" value="">キロ<br />

手取り足取りスレって無かったっけ？

あるんですか？

HTMLレベルから手取り足取り教える気はないな

>>2
2)言葉でぐだぐだ書かずにソースを貼る、ただし要点を整理して。
　そのまま貼って動かせると試してもらいやすい(ただし回答者に連結さすな!)
　長い(1レスに入らない)場合はアップロードしてURIを貼る。

<html>
<head>
<script type="text/javascript">

var list_station = { '乗車' : null, '降車' : null };
var list_usertype = { 'おとな' : null, 'こども' : null };
var list_view =
{
'合計km' : null, '合計運賃' : null,
'おとな運賃' : null, 'おとな人数' : null,
'こども運賃' : null, 'こども人数' : null
};

function main()
{
　var div = window.document.getElementById('draw_area');
　div.appendChild(createFormArea());
　div.appendChild(createViewArea());
};

window.attachEvent('onload', main);

function createFormArea()
{
　var form = window.document.createElement('form');
　if (1)
　{
　var separator = false;
　for (var key in list_station)
　{
　form.appendChild(window.document.createTextNode(key));
　form.appendChild(window.document.createTextNode('駅：'));
　var sel = form.appendChild(window.document.createElement('select'));
　for (var i = 0; i <= 12; i++)
　{
　var opt = sel.appendChild(window.document.createElement('option'));
　opt.innerText = i;
　}
　sel.firstChild.selected = true;
　sel.onchange = calcCharge;
　list_station[key] = sel;
　if (separator){ continue; }
　separator = true;
　form.appendChild(window.document.createTextNode('→'));
　}
　}
　form.appendChild(window.document.createElement('br'));

　if (1)
　{
　for (var key in list_usertype)
　{
　form.appendChild(window.document.createTextNode(key));
　var input = form.appendChild(window.document.createElement('input'));
　input.size = 5;
　input.value = 0;
　input.onchange = calcCharge;
　list_usertype[key] = input;
　}
　}
　return form;
}

function createViewArea()
{
　var para = window.document.createElement('p');
　if (1)
　{
　para.appendChild(window.document.createTextNode('営業キロ：'));
　list_view['合計km'] = para.appendChild(window.document.createElement('span'));
　para.appendChild(window.document.createTextNode('キロ'));
　para.appendChild(window.document.createElement('br'));
　}
　if (1)
　{
　para.appendChild(window.document.createTextNode('運賃合計：'));
　list_view['合計運賃'] = para.appendChild(window.document.createElement('span'));
　para.appendChild(window.document.createTextNode('円'));
　para.appendChild(window.document.createElement('br'));
　}

　if (1)
　{
　para.appendChild(window.document.createTextNode('内訳（'));
　var separator = false;
　for (var key in list_usertype)
　{
　para.appendChild(window.document.createTextNode(key));
　list_view[key + '運賃'] = para.appendChild(window.document.createElement('span'));
　para.appendChild(window.document.createTextNode('円×'));
　list_view[key + '人数'] = para.appendChild(window.document.createElement('span'));
　para.appendChild(window.document.createTextNode('人'));
　if (separator){ continue; }
　separator = true;
　para.appendChild(window.document.createTextNode('＋'));
　}
　para.appendChild(window.document.createTextNode('）'));
　}
　for (var key in list_view)
　{
　list_view[key].innerText = 0;
　}
　return para;
}

気が向いたのでKY気味に採点してやんよ

・変数dがvar宣言されてない（グローバルスコープになっている）
・kmを×1000して足して÷1000するのはおそらく丸め誤差対策だろうが、
　コードを読む人（他人や将来の自分）にその意味が伝わらないので好ましくない。
　コメントを付けるか、関数を分けてわかるような名前をつける。
・kmをbasic_fareに変換するところはif〜else if〜elseを使う方が保守性が上がる
・input要素に付けられた名前がイミフすぎる。
　たぶん他の問題からコピペして直してないのだろうが、
　直さないとプログラムが読みにくくてしょうがない。
・add_fare、night_fare、dist_discountの各変数名も同様。
　変数の名前と中身が一致してないからプログラムが読みにくい。
・ところで、"12"と12の違いって知ってる？（大ヒント）

function calcCharge()
{
　// 駅間距離？
　var arr_k = [0, 1.3, 2.2, 1.8, 1.5, 2.2, 1.6, 2.2, 3.6, 1.4, 2.0, 2.3, 3.4];
　// 営業距離料金表
　var list_charge = { 3 : 160, 6 : 200, 10 : 210, 15 : 260, 20 : 350, 25 : 440, 30 : 530 };
　// 合計キロ, おとな・こども運賃
　var sum_km = 0;
　var adult_charge = 0;
　var child_charge = 0;
　// 入力を取得
　var station_in = list_station['乗車'].selectedIndex;
　var station_out = list_station['降車'].selectedIndex;
　var adult_num = parseInt(list_usertype['おとな'].value);
　var child_num = parseInt(list_usertype['こども'].value);
　if (station_in == station_out)
　{
　sum_km = 0;
　adult_num = 0;
　child_num = 0;
　}
　else
　{

　// 営業距離
　if (station_in < station_out)
　{
　var i = station_in;
　while (i < station_out)
　{
　i++;
　sum_km += arr_k[i];
　}
　}

　else if (station_in > station_out)
　{
　var i = station_in;
　while (i > station_out)
　{
　sum_km += arr_k[i];
　i--;
　}
　}
　// 距離 → 基本料金
　var adult_charge = 0;
　for (var dis in list_charge)
　{
　if (sum_km > dis){ continue; }
　adult_charge = list_charge[dis];
　break;
　}
　// こども料金
　child_charge = Math.floor((adult_charge / 2) / 10) * 10;
　}

　// 表示
　list_view['合計km'].innerText = sum_km;
　list_view['合計運賃'].innerText = adult_charge * adult_num + child_charge * child_num;
　list_view['おとな運賃'].innerText = adult_charge;
　list_view['おとな人数'].innerText = adult_num;
　list_view['こども運賃'].innerText = child_charge;
　list_view['こども人数'].innerText = child_num;
}

</script>
</head>
<body>
<div id="draw_area"></div>
</body>
</html>

丸写し防止版
いろんな意味で

>>222-230
氏ね
こんな糞コードしか書けない奴は回答する資格なし

>>226
お前どこが間違ってるか分かってないだろ。

>>232
>>226の最終行

何で>>231がいきなり怒ってんのかと思ってコピペしてFxで見てみたら白紙だった
attachEventかよ。>>230の通りだな

あのさあ、スレ無駄遣いだから複数レスのソース貼るの
やめてくんない？2つならまだしも4分割とかもう阿呆かと。

７だな。４じゃない

おまけにXHTMLでforms[name]だしな。JS以前。

>231
ライブラリ使って書いて、使わないように適当に置き換えたらこうなった。
ライブラリ使って片っ端から置き換えること前提で見てもらうしか。

>235
ここって数日で１スレ使い切るような
活気のあるスレだっけ？

>237
眼科紹介しようか？

テンプレに異論があるのならテンプレ論議のときに言え。
以後スルーで。

if(1)
無闇に連想配列を使いたがる
マジックナンバーがメンテしづらくなるぐらいに散らばってる

もうこれどうしたらいいの？

なんだなんだ。
過疎スレで喧嘩するのはやめろ

コードは捨ててまず機能を抽出し、その機能を実現するように
新たにコードを設計し制作し直す。終了。

kmの足し算の所だけ抽出してみたよ
乗り降りは距離だけしか見ないならfor文2つ必要ないんじゃね？
って言うのと、宿題だったらevalとか使って先生の反応が見てみたいというのと。

var k = [0, 1.3, 2.2, 1.8, 1.5, 2.2, 1.6, 2.2, 3.6, 1.4, 2.0, 2.3, 3.4];
var kTmp = (function(){ // 丸め誤差防止用
　　var array = [];
　　for (var i=0,l=k.length; i<l; ++i) {
　　　　array.push(k[i] * 1000);
　　}
　　
　　return array;
})()
var add = function(a, b){
　　var a = parseInt(a);
　　var b = parseInt(b);
　　var distance = (a < b) ? kTmp.slice(a, b+1) : kTmp.slice(b, a+1);
　　
　　return eval(distance.join('+'))/1000; // (kTmp[0] + kTmp[1] + ... + kTmp[n])/1000
}

var km = add(document.form1.jyousya.value, document.form1.kousya.value);

そこでreduceですよ。IEでは動かないけどｗ

244の補足
さすがにここでevalはバッドプラクティスとしか言いようがない。
先生のツッコミ能力を見る意味では面白いけど。

質問です
ttp://javascript.eweb-design.com/0516_so.html
ここのサンプル１と同じようなことをしたいのですが、
IE８の場合だけサブウィンドウは開くが、サブウィンドウのURLを
subwindow.location.hrefで変更が出来ません。

これの対応策をご存知の方いますか？
ちなみにIE8でもwindow.location.hrefで自身のURLは変更可能です。

>>246
IETesterでwindow.open()の返値がnullになるってやつ？

>>247
Testerではなく通常のIE8を使用しています。
バージョンは8.0.6001でした。

親からのwindow.open(違うURL, 同じウィンドウ名)でうまく動作しました。
今度は他のブラウザが心配・・・

javascriptでファイル選択のダイアログ表示→リクエスト発行の一連の処理をしたいんだけどうまくいかない。
↓のコードでやるとファイル選択ダイアログは表示されるけど、そのあとsubmitしてくれません。(webサーバにアクセスログなし)
手動でクリックした場合はうまくいきます。
javascriptでsubmitするにはどうしたらいいのでしょうか？

ブラウザ:IE8

<script src="jquery.js" type="text/javascript"></script>
<script type= "text/javascript">
$(document).ready(function(){
　$("#click1").click(function(){
　　$("#file1").click();
　　$("#form1").submit();
　})

});
</script>
<form id="form1" action="http://localhost/upload.cgi" method="post"
encType="multipart/form-data">
<input id="file1" name="file1" type="file">
</form>
<br>
<div id="click1">ファイル選択/送信</div>

>>249
セキュリティの問題上、type=fileなinput要素のvalueにはアクセスできないが、
そういうことではないのか？
ローカルのディレクトリ名がJavaScriptで取得できちゃまずいでしょ。

確かにsubmitの行をコメントにして、javascriptでファイル選択後に手でクエリ送信をクリックしたら、inputの中が空になりました。
用はinputもボタンも見えないようにして、ファイル選択後すぐにリクエスト発行するようなものを作りたいのですがヒントください。

すまん関係なかった。

JQueryでの書き方は覚えてないんで適宜翻訳してほしいんだが、
ダイアログでのファイル選択は手動でやるということならこれでいいな。
ファイル選択まで自動でしようとするのは無理だ。

<script>
function clicked(){
document.getElementById('file1').click();
}
function filechanged(){
document.getElementById('form1').submit();
}
</script>
<form action="#" id="form1">
<input type="file" value="" id="file1" onchange="filechanged();" />
</form>
<div>
<input type="button" onclick="clicked()" value="select file" />
</div>

俺のアホォ
252でも動いてなかった。無視して。

>>251
: inputもボタンも見えないようにして、ファイル選択後すぐにリクエスト発行

それができたらユーザの任意のファイルを鯖側に吸い上げて盗むことが
できてしまうよね。それができるブラウザは存在しない(存在したら
大問題で即回収)と思うが。

つまりこゆこと？
ttp://labs.gmo.jp/blog/ku/2007/05/gmail.html

input="button"でfile属性って古典的な問題だよね。居間皿。

iframeを使ったajaxっぽいことはもう実装済みなんです。
そんな感じであとはpathが入るBOXを消せたら理想なんですけどね。

これはどういう仕組みになってるんですか？
Ajax upload
ttp://valums.com/ajax-upload/

>>257
なんだ。じゃあCSSでdisplay:noneするだけじゃないのか？

そうすると「参照」ボタンも見えなくなってファイル選択すらできなくなると思うのですが。

画像の上にinputをstyle=opacity:1でかぶせたら？

>>257=259
つーかiframe＋Ajaxとか高度なことができるだけの力があるなら、そこのソースも読めよな。
と思いつつ興味あったので自分でソース読んできた。

ただのボタンをHTMLとして配置しといて、
初期化時にfile属性inputをdisplay:none, opacity:0, z-index:2147483583でボタンの真上に作成
ってしていた。面白いな。

なるほど、スタイルシートで透明にしてたのか〜。
とりあえず解決しそうです。
ありがとうございました。

丸め誤差だとかグローバルスコープだとか聴いたことない単語や見たことない関数だらけで苦労しましたがなんとか作成することができました。
ありがとうございました。

ところで続けて質問ですがevalはなぜバットプラクティス？なのでしょうか

それとif〜else if〜elseというのはこういうことですか？

if(km>1&&km<=3) basic_fare=160;
else if(km>3&&km<=6) basic_fare=200;
if(km>6&&km<=10) basic_fare=210;
else if(km>10&&km<=15) basic_fare=260;
if(km>15&&km<=20) basic_fare=350;
else if(km>20&&km<=25) basic_fare=440;
if(km>25&&km<=30) basic_fare=530;

eval is evil

eval を使わないで書けることがほとんどだし
中身の安全性を誰かが保証しなければならない

else の場合に if が解釈されるんだから && とかいらない
if(km <= 1){
　　// エラー処理
}else if(km <= 3){
　　basic_fare=160;
}else if(km <= 6){
　　basic_fare=200;
　　　　：
}else{
　　// エラー処理
}

'use strict'

>263, >265
それ、３まで160、６まで200、10まで260...と
法則あるんだから、ループで処理すりゃいいだろ。
変更ごとに分岐増やすつもり？

どんな法則？ｗ

>>268

var f = { 3 : 160, 6 : 200, 10 : 210, 15 : 260, 20 : 350, 25 : 440, 30 : 530, -1 : 0 };
var basic_fase = -1;

for (var a in f) {
if (km <= a){ basic_fase = f[a]; break; }
}

if (basic_faee == -1){ /* エラー処理 */ }


こんな法則。

>263の連続if見て思いつかない方が不思議だが。

あ、最後の -1 : 0 いらなくなってたっけ。
無視でよろしく。

>>269の問題点と改善点を3個以上挙げよ(10点)

・売りモノシステム作ってるわけじゃないから
　変数名だのの保守性はこの際問題にならない。

・prototypeをいじられてる可能性を指摘するなら
　prototypeをいじるようなプログラム組んでる時点で、
　そいつが自分の責任で対処するべきこと。

・この程度の書き換えで「ifベタ書きよりも分かりにくい」とか
　いうなら、そいつがプログラムに鳴れてないだけ。


あと何があるかな。

1. 数字はキーにできない
2. for inでの列挙順は保証されないから、本来より高い金額が出る可能性がある。
3. 変数名ミスりまくりｗ

むりやり改善すると、
var basic_fare = -1;
var f = [[3,160],[6,200],[10,210],[15,260],[20,350],[25,440],[30,530]];
for (var i = 0; i < f.length; i++){
if (km <= f[i][0]) {basic_fare = f[i][1]; break;}
}
if (basic_fare == -1){ /* エラー処理 */ }

かな。でもこんな２次元配列はキモくてできるだけ使いたくないから
else ifを書きまくるんでいいと思う派。

あー、Object.prototype.xxx対策だ。3つめ。

改善点だのウダウダ言うより書き換えてみた方が早い


var f = { 3 : 160, 6 : 200, 10 : 210, 15 : 260, 20 : 350, 25 : 440, 30 : 530 };
var basic_fase = -1;

var f_keys = [];

for (var a in f) {
var x = parseInt(a, 10);
if (x){ f_keys.push(x);}
}

var nsort = function(a, b){ return a - b; };

f_keys.sort(nsort);

for (var i = 0; i < f_keys.length; i++) {
if (km <= i){ basic_fase = f[i]; break; }
}

if (basic_faee == -1){ /* エラー処理 */ }

あーミスってる

if (km <= f_keys[i]){ basic_fase = f[f_keys[i]]; break; }

if (km <= f_keys[i]){ basic_fase = f[f_keys[i].toString()]; break; }
じゃないのか

普通にelse ifのが読みやすいだろｗ

ところで、作ったJSの動作確認依頼スレとかないのかな。
個人開発だとなかなか準備できない環境もあるしさ。

依頼スレなら有料だろな。ロクでもないソース突っ込まれての売春みたいなもんだ。

>>278
連続if見て>>269思いつかない方が不思議だが。

2個とか3個で表とループにする奴はいないし、30も40もあるのに
else ifを書き続ける奴もいない。両方知らないと駄目なのは当然。
「いくつから」戦略を切り替えるかは好みも入るんでいいと思うよ。

>>281
>>269見てバイナリサーチを思いつかない方が不思議だが。

6個でバイナリサーチはやめた方がいいんじゃないの。
線形探索の平均探索数が3、バイナリサーチの探索数が3弱、
変わらないじゃん。ロジックは複雑になるから損かも。
さらにバグが出やすくなるだけ大損。

ループにする一番の利点は保守性。
配列なら別ファイルにするのも簡単。
設定ファイルの仕様をデッチ上げて、プログラム全く知らない
素人担当者に「変更はこのテンプレ通りで」と言ってしまうこともできる。

if else は、変更があるたびにプログラムのメイン部分を書き換えることになる。
勉強や個人の私的なものならかまわんが、
少人数でも複数の人が関わる程度のプロジェクトになると
コストが一気に跳ね上がる。

もひとつ加えると、普通の会社じゃ、プログラムのメイン処理書き換えたら、
そのたびに処理の全項目再テストだかんね。

宿題ごときでこんなにレベルアップできるだなんて質問者がうらやましいな。
色々考えなくても一旦配列に入れたらいいと思うのだけど。
ただの配列なら要素数増えてもそんなに処理重くならないでしょ。

var f = { 3 : 160, 6 : 200, 10 : 210, 15 : 260, 20 : 350, 25 : 440, 30 : 530 };
var fMap =[]; // [undefined, undefined, undefined, 160, undefined, ... , 530]
for (var key in f) {
　　fMap[key] = f[key];
}

for (var i=0,l=fMap.length; i<l; ++i) {
　　if (typeof fMap[i] == 'undefined') continue;

　　if (km <= fMap[i]) {
　　　　fMap[i];
　　　　break;
　　}
}

>>265以外動作しないじゃねぇかよｗ

せめて正常系のテストぐらい通してから貼るんだ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>テスト</title>
<script type="text/javascript">
function calc_fare(km){
//ここに書け
return 0;
}
var result = true;
result = result && calc_fare(0.1) == 160;
result = result && calc_fare(3) == 160;
result = result && calc_fare(3.1) == 200;
result = result && calc_fare(6) == 200;
result = result && calc_fare(6.1) == 210;
result = result && calc_fare(10) == 210;
result = result && calc_fare(10.1) == 260;
result = result && calc_fare(15) == 260;
result = result && calc_fare(15.1) == 350;
result = result && calc_fare(20) == 350;
result = result && calc_fare(20.1) == 440;
result = result && calc_fare(25) == 440;
result = result && calc_fare(25.1) == 530;
result = result && calc_fare(30) == 530;
alert(result);
</script>
</head>
<body>
</body>
</html>

ﾚｽするために変数名変えた時にミスったｗ
　　if (km <= fMap[i]) {
↓
　　if (km <= i) {
これで正常系は通りました！
あ。テスト用にifの中は下のように変えた。
　　　　return fMap[i];

result &=

>>290
それは意味が違う
JavaScriptにはなんで&&=がないんだろ？

>>291
そうだった
^= をよく使うからノリで書いちゃった

複数のhtmlファイルの共通したidの<span></span>の中身の文字列を
外部.jsファイルなどから一括参照、入力することは可能ですか？

いくつものhtmlの日付を一つ一つ直すのはとても骨が折れるので…
ソフトではなく、javascriptでの参照、入力が簡単にできる方法があれば
お教え願えないでしょうか？

>>293
日本語でおｋ

>>294
分かりにくい文章ですみません・・

複数のhtmlファイルの、共通したid要素の中身の文字列を
外部.jsファイルから一括入力することは可能ですか？

察するにこんなかんじ？

<script type="text/javascript" src="setdate.js"></script>
（中略）
<span id="date">日付</span>
ってHTML側に書いておいて、

setdate.jsで、

window.onload = function(){
　document.getElementById('date').firstChild.nodeValue = "2009/06/04";
}
とかするのかな。そうすればsetdate.jsさえ書き換えれば、
setdate.jsを読み込んでいるHTMLは全部書き換わって表示される。

>>296
完璧です。一生あなたに頭向けて寝ます。
ありがとうございます！

>>297
>296がブラジルにでも行ったらどうする気だｗ

もちろん逆立ちしながら寝ます

ブラジル行ったとどうしてわかるｗ

テキストエディタか何かでgrepしたら良いだけだろ…

js使えない環境は無視、と。ひどいな。

俺は個人サイト作って２年くらい。ボチボチ更新続けてるが、
いま、ざっと数えてもページ数300以上ある。
俺が>293と同じ問題抱えてたとしたら、テキストエディタでgrepするよりは、
１か所書き換えて済ませたいと思うだろうな。
置き換え忘れや置き換えミスが防げる。


個人サイトなら、最終更新日が出ない程度のことで
ひどい呼ばわりされる筋合いはないだろうな。
個人サイトはあくまで趣味の範囲。
ある意味ブラウザ切りと同じで、サイト作成者の裁量を尊重すべきこと。
企業の広告としてのサイトなら、最低でも拡張見込んで、
最初からPHPあたり使って作ってるだろうから、そもそもこんな問題は起きないな。



俺が言いたいのは、だ。
>301,302
>293の質問内容が10年前レベルなのは確かだが、自分でサイト作ってみようと思えば
誰しも通る道なのも間違いない。
各個人の知識なんてバラバラなんだから、今現在>293の段階にいる人だって、
そりゃ居て当たり前だろうが。
そんな試行錯誤して方法探してる段階の人間に、何かアドバイスでもするでなし、
ただ批判だけとか、お前らハタ目にはただの根性悪でしかないぞ。

>>293のやり方が更新日時の表示なら
その対象ページを全部更新したことになるけど
そんなことあんの？

実行環境の違いに気付かない奴は一生気付かん
段階どうこうではない

>>305
プ（ｗ
お前の頭の中では、小学生と大学生の学力は同じなんだなｗ

知識が増えれば自然と考える幅も広がるのが当たり前。
まだ知識が足りてないだけかもしれないものを、
それが学習能力が足りないからだと言い切れるお前の頭は大したもんだよ。

ほう、これが“知識が足りてる”ということか

「知識が足りない」で許されるのは中学校までだよねー

実行環境は、考えてうんぬんというより知識の部類かと。
そして、知識がアッサリ増えなく奴とかいるんだよね。悲しいことに。
その意味で>>296の回答は少し不親切かなぁ

JavaScriptオフに対応できるどうかは知識の問題だが、
オフの環境もある、と気付くだけなら知識は関係ないと思う。
気付けば他の方法を探すだろうから、>>301-302は優しい奴らだと思ったがな。

しかし何度言っても気付かない奴も多いのは事実。

質問です
<header></header>内部のjavascriptを、ajaxによって変更することは可能でしょうか？
今とりあえず<span id=**>で書き換えることはできるのですが、そのjavascriptが動かず、
「'functionName' is not defined」ってエラーがでてしまいます。
そのページをfireFoxのFireBugでみてみると、きちんと定義がされているのですが・・・
<span></span>で囲まれたjavascriptは起動しないのか？と思うと、動くfunctionもあります。
一体なにが原因なのでしょうか？
ご存知の方がいらっしゃったらお教え願います。

functionの定義とどう使ってるか見せてー。
あと<header>ってのはXMLとかで自分で作ったの？

ありがとうございます。
とりあえずheaderはXMLではなく、<header><body>の<header>です。
ちなみにfunction定義は、
<html lang="ja">
<head>
<title>材料概要-検索</title>
<span id="headerJS">
<script type="text/javascript" src="/ajaxJava/prototype/prototype.js"></script>
<script language="JavaScript"><!--
function Chart_pageChange(id,url){
document.zaiGaiChart.pageNum.value = id;
document.zaiGaiChart.ajaxType.value = "pageChange";
var pars = Form.serialize("zaiGaiChart");
var myAjax = new Ajax.Request(url,{
method:"post",
parameters:pars,
onSuccess:showResponse
});
}
って感じです。いかがでしょうか？

>>313
基本的な話、文法上headの中にspanタグを書くことは認められていないよ。
今のブラウザで動くかどうかは別にして

それだと、自分自身を書き換えることになるのでどんな暴走をするか分からない。

そもそも、何でjavascriptを書き換えなければいけないかもさっぱり分からん。
他にもっとマシなアプローチの仕方もあると思う。

>>314
そうなんですか。文法上無理なんですね。
お教えいただきありがとうございました。
ちなみに何で、こういうことをしようと思っているかと言いますと、
極力Ajaxにて、何ページにもわたる、pageを更新できるようにしたいと思っているのですが、
そのためには、最初のページの読み込み時に、かなりの数のjavascriptのfunctionを
定義しなければならないため、上記の様なことができるのであれば、
「今このページに必要なfunctionのみを読み込む」ことができると思ってなのです。

上記みたいなやり方ではなく、もっとスマートなやり方をご存知でしたら、お教えいただきたいのですが・・・
よろしくお願いいたします。

＞今このページに必要なfunctionのみを読み込む
dcument.write('<script src=〜 を書いたら簡単に出来ると思うけど

それが、functionはPHPにて動的に作成しているため、srcで読み込むのはちょっと・・・
srcファイルの指定以外でないでしょうか？
情報を小出しにしてしまい、大変申し訳ありません。

> PHPにて動的に作成しているため、srcで読み込むのはちょっと・・・

前半と後半でつながりがないな
src で php で生成したのを読み込めるわけで

でも
動的にうんたらするよりは
固定の外部 js 作った方がいろんな意味でまともだと思う

>>318
でもPHPで作成したFileを読み込む場合、同一FIle名だと、他の人が読み込んじゃう危険性もあるし。
作ったものを直接、その人が見ているPageに書き込むのが、最上かと。
また自分のページは、一つのページに、その状況に応じて複数の表（現在最大8つですが、今後拡張予定）を表示して、
それぞれの表に、ページャーをつけているので、固定の外部ファイルよりも、
表の名称のみを書き換えるようにした、一つの固定ファイルを書いておいて、
表の名称に従って、書き換えるようにした方が良いように思っているため、そういったことをしています。
なので、固定の外部jsは、できれば使いたくないのですが・・・

> 他の人が読み込んじゃう危険性

そんなセキュアな話だったの!?

でもなんかもやもやするのは
php が使えるんだったら
自分なら
データは鯖側で保持してその都度 html に埋め込み|から呼び出し
js は見られても良いライブラリとして外部にするな

感覚の違いかな…

提示して貰ってるのに試そうともしないんだからここで聞く意味ないんじゃね

ぶっちゃけ php にべた書きしちゃえばやりたいことはできると思うんだよ

サーバ側で動的にjsを生成するって初めて聞いたのですが一般的なんですか？

Googleドキュメントとか普通にやってなかったか

JSONPなら既にいろんなとこで使われてるけど

そうなんだ。

<script src="hoge.php"></script>ぐらいなら全然ありじゃないか？

なしの方向で。

ありに右折。

行き止まり。バックします。

親ウィンドウのフォームにdogというnameの要素が複数あります。
で、それの0番目の要素の値を取得したいんですが、
以下のスクリプトが動きません。　どこが問題でしょうか？

var vId=0;
var emt="dog["+vId+"]";
urlX=window.opener.document.fm.elements[emt].value;

["dog[0]"]じゃなくて["dog"][0]じゃないの？

ラジオボタン以外で同じnameのものが複数ってOKだっけ？

NO

チェックボックスというのがあってだな

解決しました
>>332
それとは原因違いましたが、ありがとうございました
他のひとも、どうもです

ラジオボタン以外で同じnameのものが複数、どこが悪い。責任者出て来い！

>>335
チェックボックスからvalueを取得したりはしないだろう

>>337
どこが悪いって、１つのページに <a name="xxx"> が複数あると
ブラウザが困る。だから悪い。

フォーム部品のnameとその他のnameは、
本質的に別のもの（後者は最初からidとするべきだった）ってことだが、
この辺深く考えずに仕様決めちゃった責任者は、
たぶん、Webではお前さんよりよっぽど有名人だと思うぞ。
もし呼べたとして何か言えるのか？ｗ

俺だったらキャバクラに連れてくな

>>327
<script src="data:text/javascript,function A(){alert('でおｋ')}"></script>

>>341
<script src="data:text/javascript,function A(){alert('それIEで動かない上にUnicode限定だから')}"></script>

すみません。質問です。
JavaScriptを勉強したいのですが、テキストエディターはなにが良いのでしょうか。
ご存知の方はいませんか。

釣れますか

釣りのつもりはありません
ごめんなさい

otbedit

秀丸

terapad

何でもいいんじゃない？EmEditorあたり。
自分はMIFES使ってる。

js2-mode最強説

EDLIN

結論なんて出ない。
使い慣れたのが最高ってことで。

メモ帳 最高

メモ帳最低

最低はcopy conだなｗ

nani sore kwsk

Emacs

macだけどcot Editorがいいよ
パーミッションなくても無理矢理開いて編集できる

>>349
おおリッチ
今EmEditor使ってるんだけど、比較してどう？
500行超えだすあたりからキー入力すらもたつき出すんだよなー

だからメモ徴が最高

500……？


「使ってるのは1.27です」とかいうオチ？

>>356
copy conは最速のプログラミング方法。
※ ツールではなく"方法"ってのがミソ

インストールどころか、エディタそのものが必要ないという
素晴らしいメリットがある。

スペースや改行を含めて、一文字も間違えることなく、
先頭から一気に入力しなければならないというデメリットもある。

javascriptとVBって似てる？

文法がという意味なら、あんまり似てない

ボタンを押すと、フォームの中の
テキストの部分に[a]って表示される、
とかのコードはよく似てると思うけど？

まったくにてない

JavaScriptの関数で引数の受け渡しは
call by value ですか call by reference ですか
それとも call by name ですか？
関数を引数にして渡すとcall by nameのような気がしました。
数値や文字列を渡すとcall by valueのような気がしました。

実際はどうなんですか？

Ｃと同じ

>>367
変数に格納されている情報のみを値渡し
格納されてる情報っていうのは所謂オブジェクトID

・・・一言でどう言うのかわからないけど（参照の値渡し？）
参照渡しのように変数いじっても呼び出し元には影響しないし
変数の値であるオブジェクトを破壊的にいじれば呼び出し元に影響する

数値や文字列も不変（破壊的なメソッドが存在しない）
その性質以外は、実装はともかくユーザーには他のオブジェクトと同じように振る舞う

プロミティブ値は値、オブジェクトは参照

"a" と new String("a") が違うってちょっと理解に苦しむよね

値だろ。参照のコピーが値として渡されてるだけ。

>>371
プリミティブとそのラッパーだと思えばおk

>>373
でもプリミティブがメソッド持ってるんだぜ？

alert((new String("abc")).charAt(2));
alert("abc".charAt(2));
alert((new Number(100)).toExponential());
//alert(100.toExponential()); //エラー

String.prototype.hoge = function(){
alert("hoge");
}
(new String("abc")).hoge();
"abc".hoge();

なんか腑に落ちない。

"abc".hoge();もエラーだった

>>374
そう見えるってことと、そうであるってことは違う。
プリミティブがあたかもオブジェクトとして振舞うよーに内部的にラッパーが生成されてメソッドがキックされてるだけ。
ブリミティブにメソッドはない。

100 .toExponential()
(100).toExponential()

Shadowboxを使いたいと思って解説サイト見ながらやってみたけど、
FireFoxではしっかり使えるのにIEだと18192文字目「引数が無効です」エラーが出る。
他のサイトのShadowboxはしっかり表示される。
同じ現象がCSSのposition:fixedを使おうと思った時も起こる。
誰か分かりませんか？

まず質問の文章をなんとかしろ。話はそれからだ。

Shadowbox公式(http://www.shadowbox-js.com/download.html)からダウンロードしてきて、
解凍、そのままアップロード
prototype.jsとshadowbox.jsをヘッダーに入れる
IEだとエラーが何故か起こる

って事なんですけど…

まぁ、ソース見せちゃった方が話が早いから・・・

http://cybercraft.my-sv.net/shadowbox/shadowbox.js
これでOK？

おまいが書いたソースをさらせ、と言われてるのがわからんのかなあ・・・
質問投下する前に、読み手の視点で自分の質問が理解されるか推敲した方がいいよ。

<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">Shadowbox.init({players:['img', 'html', 'iframe', 'swf']});</script>

俺が書いたと言うかコピペした部分はここだけ

>>346-362
とても参考になりました。感謝です。

とりあえず、ntemacsとmeadow3を使っていたのでjs2-modeでがんばってみようと思います。
いろいろな意見いただき、勉強になりました。ありがとうございます。

>>384
FAQをちゃんと読め

>>386
なるほど！解決しました！ありがとうございます！

runtime errorって何ですか。どんなときに起こるのですか。

質問が漠然としすぎて、実行環境でエラーが起きた時としか言えん

>>388 googleで検索してみたかい？

>>387はどう解決したかくらい残してけよ。ｋｓｇ

>>376
コードを書く上でリテラルによるオブジェクト（プリミティブ値）と
明示的にnewしたオブジェクトに注意すべき違いはあるの？
内部的云々はこの際考えないこととして

typeofの結果が違うよ。そのくらいかな。

内部的云々も考えれば
パフォーマンスに違いが出るシチュエーションがある
はず。

html文書内でtableがいくつ使われてるかカウントすることはできますでしょうか？

>>393-394
サンクス
>>369-371の流れからもっとはっきりした違いがあるのかと思って

>>395
document.getElementsByTagName("table").length

>>392
プリミティブはオブジェクトではないから質問の前提からしておかしい
===の結果が違う

>>397
プリミティブ値は概念的にオブジェクトとして見なすことはできないのか
という質問だと解釈してくれると

でもtypeofが違うなら===が一致しないのは失念してた
これは痛い

element.innerText+='Hello, world!';
element.textContent+='Hello, world!';

と併記しとけばIEとfirefoxはいいんですけど
Operaはどうしたらいいんでしょうか

innerHTML

>>399
とりあえず IE, Firefox, Opera だけを対象として考えるなら

if (!window.document.all)
{
window.HTMLElement.prototype.__defineGetter__('innerText', function(){ return this.textContent; });
window.HTMLElement.prototype.__defineSetter__('innerText', function(val){ this.textContent = val; });
}

先頭にこれ書いておけば、Firefox も innerText だけ変更でおｋ。

>>401
ありがとうございました
今までIEとfirefox用に
いちいち併記して書いてたんですが
こっち方が格段に楽ですね

>>402
>>401 の方法は「innerText をデフォルトにする」から、IE JScript の非標準プロパティ（とその代替品）を使ってるんだ、ということは忘れないほうがいい

つまり、 >>5 読んどけよ、というちょっとした注意喚起
わかってたならおせっかいでスマンかった

innerTextの有無をdocument.allで調べるアホさはともかく
innerTextとtextContentは動作が違うからな

「こうするべきだ」ってな何かを言いたいなら、遠まわしにしないでそれ書けばいいんじゃ？

というか、わざわざレスするなら、むしろそれを最初に書くべきだと思う。
「違うからな」なんて書いたって、質問者は問題が起こらなきゃスルーだろうし。書く意味ないよそれ。

天然か

>>405=>>399=>>402

>>407
ざけんなｗ
なんでこんなとこで自演なんぞせにゃならん。

IEで擬似textContentを使う方法を書いたらよかったかもね。
できるか知らないけど。
それなら信者が出てくることはなかったかと。

document.allで分岐すなってのに信者もクソもあるかよw

そこはUA見るでもtry-catchでも好きにすりゃいい部分だろ。
書いた本人はブラウザ限定を明記してるし、手っ取り早い方法書いただけだろ？

Object.prototypeをいじってるってのなら影響も大きいが、
document.allのダミーでっち上げるようなプログラム書く奴なんて、さすがにいるとは思えんから、
判別だけなら十分じゃないか？

手っ取り早い方法ってのはそいつのセンスがモロに出るんだよな

便乗で、>409のようなプログラムがあれば便利そうなんだけど、
どなたか教えてもらえませんか？

空白を保存するという意味ならキツいな

>>414
前後の空白考慮は不要です。
>401の逆で、textContentを使うようになるだけでいいのですが、できるでしょうか？

今書いてるプログラムが、IEだけ特別扱いする方向で書いてる部分が多いので、
>401のような「IEにあわせる」のではなく「IEがあわせる」ように
できるプログラムがあれば、楽になる部分が増えるかなと思ったもので。

IE8ならElement.prototype

IE5-7なら
http://wing2.jp/~mirrorhenkan/2ch/javascript/read.php/1194265231/
834-838

あるいはtoString()->replace(/textContent/g, 'innerText')->eval()

夜分すいません。配列ソートなんですが、ソートしたとき左に順番の番号
つけることできませんか。要素がバラバラのときソートして、
1.apple
2.banana
3.cola
4.doburoku
5.egg
見たいな感じで連番振りたいです。

ソートした後番号をつけるだけなら、難しいこと何もないと思うけど？

>>418
夜分のご回答恐れ入ります。言われて分かりました。ばかでした。
ありがとうございました。

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


まず、３番は考えないとして。

２番の<PUBLIC:METHOD>は、むしろ手間が増えそうなのでやめときます。

１番はIE8のみということですが、とりあえず試してみようと思って、
'Element.prototype' でググったページをいくつか見て、
自分でサンプルを試したら Element.prototype.__defineGetter__ がなくてエラーになります。

※ エラー: オブジェクトでサポートされていないプロパティまたはメソッドです。
　　が表示されます。

IE8でしか使えないってことで、とりあえず使う予定はないのですが、
なんか気持ち悪いので、理由が分かれば教えてもらえないでしょうか。

http://msdn.microsoft.com/en-us/library/dd229916(VS.85).aspx

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

>>404

> innerTextとtextContentは動作が違うからな

どう違うの？
おれ名が違うだけで挙動は一緒だとおもてた

>>423
改行のことじゃないかな？

element.innerText="hello\nworld"

hello
world

element.textContent="hello\nworld"

hello world

OperaのinnerTextはtextContentの別名に過ぎないが
WebKitのinnerTextはIEのように空白を除去したり色々

ふつうに使う分には問題にならないが汎用化するとハマる奴がでる
textContentを持っているならそっちを使うのが無難

textContentは全ノードが持っていることも違うっちゃ違う

>>425 ★★

そんなとこで嵌ってないでDOMつか……いやなんでもない。

>>427 ★☆

JScriptとJSバージョンの対応表ってどこかにありますか？

>>391
Why does the Shadowbox window open up halfway down the page in Internet Explorer?

The answer to this problem may be that you are not using a strict or transitional DOCTYPE as explained on the support page. In short, placing either of the following code snippets at the top of your HTML page should help:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

この後半部分をコピペした

>>429
wikipediaのjavascriptかecmascriptあたりで
ブラウザと対応バージョンの表を見かけた記憶がある

だから、ソース見せろと言ったのに

>>431
そっちの方向へ行ってみます。ありがとうございます。

失礼します。
YOUTUBEなどで、ページを読み込んだ時点では画像はすべてダウンロードさせずに、
ウィンドウをスクロールしたときに順次画像をダウンロードする仕組みはどのような機能？なのでしょうか。
後学のために知っておきたいのですが

ttp://www.youtube.com/results?search_type=&search_query=javascript
たとえばこのページのような感じです。最近ではニコニコ動画とかyourfilehostなんかも採用してますが。

ね、callerってIEじゃ不可だっけ?

>>434
そのページ見てもウチの環境じゃわからなかった
けど、内容的には下のような感じかな。
ttp://labs.unoh.net/2008/01/lazy-loading-of-images.html
やり方は他にも色々あるけど、時間だとか、スクロールで判断するのが一般的じゃないかな

だからスクリプトブロックされると空白になってたのか

>>424,425
トンクス！

>>436
ありがとうございます。勉強になります。
スクロールでファンクションを呼び出すイベントハンドラというのはあるんでしょうか。
初めて見る挙動なので少し興味がありますね。

javascriptにjspって書き込めるんですか？

誰か教えてください…

コーディング知らないでデザインやる方が効率悪いけどな

>>439
ニコ動はnicolib.jsをlazyimageで検索
というか聞くよりも該当サイトのソースを眺めてみろって
後学のため云々ならなおさらだ

>>440
content-typeを正しく指定して吐き出せば由来は関係しない
くれぐれも鯖側できっちりJSP処理するんだぞ

>>442
分かりました。ありがとうございます。

http://pc11.2ch.net/test/read.cgi/gamedev/1238520070/692

692 ：名前は開発中のものです。：2009/06/09(火) 00:57:34 ID:2fI/sHFo
何言ってんだ。プログラマにまともな精神持った奴がいた試しなんてねえよ。
第一プログラマと精神科なんてほとんどセットなのに今更それを語るとか情弱以下だろ。

>>444=情弱以下

そんな生ゴミ持ち込むなよ

質問です。

FirefoxやOperaだと、HTMLElement.prototypeにメソッドを追加すれば
全ての要素にメソッドが追加でき、このHTMLElementはwindowの子として存在します。
IE8で同じことをするには、Element.prototypeをいじればよいことは分かったのですが、
このElementはどこにあるのか(orグローバルなのか)、親子関係はどうなっているのかなどについて、
msdnなどを探してみたのですが、そのような情報を見つけられませんでした。
IE8についての、この辺のリファレンスが乗っているサイトをご存じの方がいたら、
教えていただきたいです。よろしくお願いします。

あったお

Document Object Model Prototypes, Part 1
http://msdn.microsoft.com/en-us/library/dd282900(VS.85).aspx
Document Object Model Prototypes, Part 2
http://msdn.microsoft.com/en-us/library/dd229916(VS.85).aspx

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

そうか、よく考えたら>441の前ページ探すべきでしたね…。




しかし…なんだこれ。

×441 ○421
ミス訂正。

質問です。jsファイルを楽に実行する方法はありませんか。
入門書のサンプルプログラムを楽に実行する方法がわかりません。
今は、01.jsを実行するために01.htmlを作っています

<html>
<head><title>01</title></head>
<body>
<script language="JavaScript" src="01.js">
</script>
</body>
</html>

良い方法はありませんか。

超初心者っぽいのでマジレスしてやろう。

HTMLをいちいち手書きするのが面倒だという趣旨かな？
だったらHTMLエディタを使おう。
だいたいのHTMLエディタなら、
テンプレートとかでほとんどの骨格は書いてくれるはず。

scriptタグだけは真面目に書かなきゃいけないが、
タグ補完機能のあるHTMLエディタを使うと、そのめんどさもだいぶ軽減される。

自分はez-HTMLを使ってる。他にも使いやすいのあるかもしれないけどね。

あと関係ないかもしれないけど、
コードは必ずしもjsファイルに書かなくてもいい。
サンプルプログラムの実行ぐらいだったらscriptタグ中にそのままコード書いた方が楽かも。

>>452
ずばりのお答えありがとうございます。
HTMLエディタは知りませんでした。
その他のアドバイスも助かります。

質問す。

class="foo bar"
というのを
class="foo"
class="bar"
のように扱いたいんだけど、どうしたらいいの?

>>454
何を望んでるのか良くわからん

>>454
(1) classというのは予約語だから変数名にできない。仮にclass1とする。
(2)
class1 = "foo"; ... class1に「"foo"」が入る
class2 = "bar"; ... class1に「'bar"」が入る(前の値は消える)
というわけでそれは「class1="bar";」だけと同じなのでは？

あれ、失敗した。入れる先が1つの同じ変数名なら上書き、
違うなら別々の変数に入れるだけ、という意味でした。

>>454はJSじゃなくてhtmlです。
こういう書けばよかったかな。
<p class="foo bar">

そもそも <p class="foo"> に相当することはできているの。

>>458
いやだからそれに対してどんな処理がしたいのかって。
getElementsByClassName的なことがしたいのか、
スタイルをあてたいのか。とか。
よくわかんないけどとりあえず判定メソッドだけは書いてみたよ。

function matchClass(element, className){
　var classNames = element.getAttribute('class').split(" ");
　for(var i = 0; i < classNames.length; i++){
　　if (classNames[i] == className) {return true;}
　}
　return false;
}

IE7以下切り捨てか

ちょっといけてなかったんで書き直そう。

function matchClass(element, className){
　var classAttr = element.getAttributeNode('class');
　if (!classAttr || !classAttr.value){return false;}
　var classNames = classAttr.value.split(" ");
　for(var i = 0; i < classNames.length; i++){
　　if (classNames[i] == className) {return true;}
　}
　return false;
}

どうすんだよこれ

getElementsByClassNameならいちいち自分で実装しなくてもコードはあちこちにあるだろ

　すみません御教示ください。

　一定時間で2枚のリンク画像が入れ替わる、
　ということをやりたくサンプルを探していたところ、
　ttp://auone-net.okwave.jp/qa3871525.html
　の回答ひとつめ(良回答20pt)の書き方が、
　bodyでリンクを指定できるため一番しっくりきました。

　ただ私の場合、一ページに複数設置したいと考えてます。
　回答者も「複数使う場合はsetTimeout()を使った方が良いので」と書いているので、
　「setTimuout」でググっていろいろ見たのですが、初心者のためわかりませんでした。

　●<script>にリンクを入れてbodyでsrc=""指定という方法ではなく、上記回答のようにbodyに<div>などでくくって直接リンクを記述。
　●それで一ページに複数使用。

　ということは可能でしょうか。
　可能な場合、ここなんか初心者でもじっくり読んだらわかるんじゃない、
　というような参考になるページがあれば教えていただけないでしょうか。
　お手間かけますが、よろしくお願いいたします。

2行各2セルで四分割な構造のテーブルがあり、その右下のセルに、全く同じ構造のテーブルがｎ個入る
無限変則入れ子のテーブルがあります。んで、そのテーブル内の入力項目を再帰的にチェックするスクリプトを書いてます。

function fReflexiveCheck(sID) {
　var iBit = true;
　var rURL = document.getElementById("url:" + sID);
　if (rURL.value.length == 0) {
　　rURL.style.backgroundColor = "yellow";
　　iBit = false;
　} else {
　　rURL.style.backgroundColor = "white";
　}
　var rTable = document.getElementById("tbl:" + sID);
　if (rTable.rows.length > 1) {
　　rCell = rTable.rows[1].cells[1];
　　for (var i in rCell.childNodes) {
　　　if (typeof rCell.childNodes[i] == "object") {
　　　　if (rCell.childNodes[i].nodeName == "TABLE") {
　　　　　var aID = rCell.childNodes[i].id.split(":");
　　　　　aID.shift();
　　　　　iBit = fReflexiveCheck(aID.join(":"));
　　　　}
　　　}
　　}
　}
　return iBit;
}

チェックは途中まで上手くいくのですが、↓のような構造の場合、何故か途中で処理が終了してしまいます。
ttp://up2.viploader.net/pic/src/viploader1047047.jpg
変数は全部ちゃんとvar宣言してるので、カウンタが壊れちゃってるとかも無いと思うんですが…
わかる方いらっしゃいましたら、ご教示お願いしますm(_ _)m

>>465
<div id="links1">
<div><a href="1-1">1-1</a></div>
<div><a href="1-2">1-2</a></div>
<div><a href="1-3">1-3</a></div>
</div>
<div id="links2">
<div><a href="2-1">2-1</a></div>
<div><a href="2-2">2-2</a></div>
<div><a href="2-3">2-3</a></div>
</div>
で、それぞれ今表示中のdivをdisplay:noneにして次のdivをdisplay:blockにすれば
いいだけなんじゃないの？

>>466
for inはそこでは使うな。
forの中でalert(i)してみた？

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

iの中身を表示したら、添え字に数字以外の文字がたくさん入っていました
ですので、　for (var i=0; i<rCell.childNodes.length; i++) {　に変更しました。
ですが、再帰処理復帰後にループが終わってしまう現象は改善しませんでしたorz

ループ中に再帰処理を呼び出して、そこでまたループ処理をした場合
iのカウンタがおかしくなってしまうんでしょうか…
var宣言してるから常に新しい実体が出来ている、というつもりで作成しているんですが
うーむうーむ

連投すみません

検証として下記のようにしてみたのですが、改善しませんでした。(sIDは全体で一意）
------
　aCt = new Array();
　for (aCt[sID]=0; aCt[sID]<rCell.childNodes.length; aCt[sID]++) {
------
ですので、カウンタは原因では無いようでした。

関数実行時にその関数内でvar宣言したものは新しくなるって解釈で間違ってない

エラー出て止まってるとかじゃないの？

IEと、firefoxのコンソールで確認しながらやってます。
ブラウザの表示では、エラーは出てないです。

それじゃxhtmlのせいでnodeNameが大文字とは限らないとか

>>460
>>454す。
class名を抽出してリストを生成したい。

<p class="foo bar">ほげほげ
<p class="baz">ぴよぴよ

↓

<ul>
<li>foo
<li>bar
<li>baz
</ul>

>>466
var rCell

>>465
「複数設置したい」の意味が、１ページ内にバラバラに置きたいのか、
固めて置いてしまっていいのか、どっち？
固めて置くでいいのなら、>467でおｋ。
まあ、たぶん違うだろうけどｗ

バラバラに置きたい場合は・・・すまん時間がない誰か任せた。

>>474
バラバラに置いてもいいんじゃない？
というより、バラバラなタイミングで変化させるのだと>>467ではできないかと。

>>474
あ…ありがとうございます(´；ω；`)ｳｯ…直りました！！
私が言うのもなんですが、良くこんなところ気が付きましたね…(´；ω；`)
ほんとにありがとうございました！

>>472さんも、ありがとうございました！

>>475
時間じゃなくて位置の問題でしょ。
>467を１ページの中にバラバラに置くと、
最初の設定時間まではページの上に画像を３つ表示して、
次の時間からは、上の３つが消えて下に画像を３つ表示とかになる。

>>467

　どうもありがとうございます。
　ためしてみました。教えていただいた方法はsetIntervalの場合でよろしいんですよね。
　ただ、setIntervalとsetTimeoutの違いを調べていて、
　setIntervalは処理に関わりなく実行すると知ったため、
　処理を終えてから次の処理を実行するsetTimeoutのほうが、
　こちらの都合でありがたいんです。

　あと、おしえていただいたものを試したところ、>>477さんもかいておられますが、一番最初に画像が6枚表示さてれしまってから、処理が始まりました。
　最初の6枚表示されないほうがありがたいです。

>>474
>>475
　すみません。
　＞１ページ内にバラバラに置きたいのか、固めて置いてしまっていいのか

　やろうと思っているのは、
　一列td5つのtableタグが、ページ内に3つ上から順に近接してある。
　こちらの都合でtr2段とかにはしていません。
　このtd5つそれぞれに、2枚がいれ変わるリンクした画像をいれる。

　というものですので、
　この場合はバラバラになるのでしょうか、固まっているのでしょうか。
　またタイミングはすべて同じです。意図的に右端にいくにつれて5秒ずつ増やしたりなんてことはありません。

　返事が明日になってしまいますが、よろしくお願いいたします。

　すみません。
　上の文中>>477も書いていますが、とか書きましたが違いますね。

理解されてないので書き直す。

<div id="links1">
<div style=""><a href="1-1">1-1</a></div>
<div style="display:none"><a href="1-2">1-2</a></div>
</div>
（中略）
<div id="links2">
<div style=""><a href="2-1">2-1</a></div>
<div style="display:none"><a href="2-2">2-2</a></div>
</div>

と

<div id="links1">
<div style="display:none"><a href="1-1">1-1</a></div>
<div style=""><a href="1-2">1-2</a></div>
</div>
（中略）
<div id="links2">
<div style="display:none"><a href="2-1">2-1</a></div>
<div style=""><a href="2-2">2-2</a></div>
</div>

がいったりきたりすればいいんじゃない？

>>480
>>465のリンク先を見た上で>>467を書いたんだよな？

>>465のリンク先の１に、お前さんの書いた>>467を組み込んだとしたら、
どう考えたって>>480にゃならんだろうが。

読んだけど、１つ１つにidふって面倒だなあって感想ありきで書いたからな。
別の解釈があることを想定してなかったんだよ。悪いな。

document.write("value1 = " + value1 + "<br />");
document.write("delete value1: " + delete value + "<br />");
for (var value1 = 0; value1 < 2; ++value1) {
document.write(value1 + "<br />");
}

>>483　は誤爆です
ごめんなさい

<html><head>
<script type="text/javascript">
window.onload = function() {
var banner_set = []; var banner_num = [];
var div = document.getElementsByTagName('div');
for (var i = 0; i < div.length; i++) {
if (div[i].className != 'bannerset'){ continue; }
var link = div[i].getElementsByTagName('a');
banner_set.push(link); banner_num.push(0);
}
setInterval(function(){
for (var i = 0; i < banner_set.length; i++) {
banner_set[i][banner_num[i]].style.display = 'none';
banner_num[i] = (banner_num[i] + 1) % banner_set[i].length;
banner_set[i][banner_num[i]].style.display = 'block';
} },5000);
}
</script>
<style type="text/css">
.banner { display:none; }
</style>
</head>
<body>
<div class="bannerset"><a href="URL1-1"><img src="画像1-1"></a><a href="URL1-2" class="banner"><img src="画像1-2"></a>
<a href="URL1-3" class="banner"><img src="画像1-3"></a></div>
<div class="bannerset"><a href="URL2-1"><img src="画像2-1"></a><a href="URL2-2" class="banner"><img src="画像2-2"></a>
<a href="URL2-3" class="banner"><img src="画像2-3"></a><a href="URL2-4" class="banner"><img src="画像2-4"></a></div>
<div class="bannerset"><a href="URL3-1"><img src="画像3-1"></a><a href="URL3-2" class="banner"><img src="画像3-2"></a></div>
</body></html>

>>465
↑ざっと書いてみた。

idはいらない。リンクをまとめてるdiv に class="bannerset" と、
それぞれのリンクの２番目以降に class="banner" を書いておくこと。

切り替える数は↑の通り、それぞれバラバラでかまわないけど、
切り替えるタイミングは全部同じだから、数が少ない方が１周するのが
早いってことになるんでよろしく。

>>485
★☆☆☆☆

>>487
未提出←採点不可。論外。



動くプログラム＞＞＞＞＞＞＞＞動かないプログラム＞＞＞（越えられない壁）＞＞＞批判厨＝雑魚

>>485
あとはスクリプトOFF時にどうしたいかぐらいだね。
必ず表示バナーを１つにして見栄えを確保したいのであればこのままだし、
全部バナーが表示されないと困るときは、
.banner{display:none}じゃなくて
onloadの中で１つ１つdisplay:noneを設定していけばいいし。

　返事遅くなり、もうしわけありません。

>>467,480

　ご指導ありがとうございます。
　理解力のない頭ではありますが考えてみますので、
　お時間いただき試してみます。
　
>>486

　ご教示ありがとうございます。
　467さんのを考えて試してみてから、
　参考にさせていただきます。
　
>>489

　そこまで気が回りませんでした。
　ご教示ありがとうございます。


　急ぎの作業ではないので、腰をすえて考えてまみます。

chromeのJSについて質問です。

location.search がchromeだと取得できないみたいなんですが
そういう仕様ですか？それとも俺だけ・・・？

例えば
http://localhost/?test というURI上で
if(location.search.match("test")) alert("TRUE");
は、chrome 以外ではtestがマッチしません。

また
if(location.search == "") alert("TRUE");
の場合、chromeのみ通ります。

これについで誰か、仕様なのかどうか知りませんか？

ちなみにchromeは最新2.0.172.31。
他はIE8、Fx3、Safari3でテストしてます。

ごめん

> は、chrome 以外ではtestがマッチしません。
　　　　　　　　　　　　　　　　　　　　　　　　↓
　　　　　　　　　　　　　　　　　　　　　　　します。

で、実際にlocation.searchに何が入っているかは確認したのか

厳密比較演算子使いましょう

>>491
XP、chrome2.0.172.31で試してみたけど、
if(location.search.match("test")) alert("TRUE");
if(location.search == "") alert("TRUE");
両方alertが出なかったよ。else付けたしたらelseの方が実行されたし。

alert(location.search)で何が入ってるか確認した？

確認した範囲ではlocation.searchの仕様は他と同じだった

たぶんalert(location.href)してみたほうがいい
エラーページに対してブックマークレットで動作確認してる気がするんだけど

すいません、色々とググってみたのですが、解決できずに質問です・・・。

以下のような記述をすると・・・。

<div id="hoge" onmouseover="func1" onmouseout="func2">
　<div id="hoge_left">
　　<a href="huga"></a>
　</div>
　<div id="hoge_right">
　　<a href="fuga"></a>
　</div>
</div>

子要素にマウスが移動してもfunc1やfunc2が発動してしまいますよね。
これを何とか、発動しないようにして、一番外のhoge要素のみ反応するようにしたいんです。
event.target.idで指定してみても無理でした。

jqueryを使ってみたら、なぜか以下のようにhoverでバインドしても、ピクリとも反応しません。

$("div#hoge").hover(func1, func2);　//　これもダメ。

何か手はないものでしょうか・・・・。

function func1(event) {
　if(event.target.id != "hoge") return true;

このままだとIEで動かないだろうけど、こんな感じで

>>498

ありがとうございます。
やってみましたが、子要素間でマウスを移動させると、やはりfunc1、func2が呼ばれてしまいました。

うーむ・・・。

targetがaの可能性もあるんだから上も確認しないと駄目に決まってんだろ

>>500
いや、どうもA要素とかいう問題でもなさそうです・・・。

targetをコンソールに書きだしてみたら、

子要素のDIVを行き来させると、なぜか親要素のDIVのeventも呼び出されてしまいます。

つまり、>>497でいえば、

<div id="hoge_left"></div>にあるマウスカーソルを、
<div id="hoge_right"></div>に移動させると、
<div id="hoge">からは出てないし、入ってもいないのに、
<div id="hoge">のイベントが呼び出されます。

んなの当たり前

>>502
すいません、読解力が足りず・・・。
ということは、>>498の方法では回避できないということですか？

onなんとかをやってるタグの直下のタグでも同じonなんとかのイベントを拾って
そこでcancelBubbleをfalseにするなりreturn falseするなりしないといけなかったような。

そのへんめんどくさくなって、対象エリアの座標を計算をした上で
カーソル位置を捕捉して出入りをチェックしたことあるなぁ

そうそうｗ
昔画像を入れ替えて遊んでいたのを今風に書いてみるとどうなるのって事で調べてて
cancelBubbleが出てきてめんどくさくなってやめたｗ

e.targetがdiv#hogeに包含されているかいないかを調べれば良いだけ
IEならcontains、Fx、OperaならcompareDocumentPosition、そうでなくとも祖先チェック
過去ログに何度も出て来たぜ

なんという。。。

>>504-507

ありがとうございます〜！
なるほど、contains、compareDocumentPositionで実現できるのですね・・・。

>>505にインスパイヤされて、
対象のdiv要素の位置と幅、高さを取得して、
マウスの位置がそこに重なったらfunc1を、出たらfunc2を呼ぶようにして力技で実現しました・・・。笑

常にマウスの位置情報を取得してるのが、若干気持ち悪いですが・・・。

可能であれば、>>507さんの方法で書き直して見たいと思います。

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

>>507
e.relatedTargetが、だな

返事遅くなってすみません。

>>493-496
alert(location.search) ではダイアログに何も表示されません。
if(location.search == "") alert("TRUE");　でアラート：TRUEが出るので""が返ってるんじゃないかと。

とりあえずバグでも仕様でもなさそうなので、再インスコとかしてみます。
ありがとう

ローケーションバーにJavaScript入れてやっているという落ちだろどうせ

だからlocation.href見てみろって
きっとエラーページの内部URLだから

>>513
あ、書くの忘れてたんだけど
location.href は　ちゃんと http://localhost/ を返すよ

>>512
や、.jsに記述　->　.htmlから呼び出し

>>512
それでもlocation.search拾えたっていうかそれで確認した

>>514
そうなのか、それは失礼

・・・ってダメだろ、?testついてないじゃないかｗ

>>515
そういえばそうだね、気づかなかった・・・


まあ普通はちゃんと動作する事が分かったし
FxなりSafariなりでは問題ないからテストはできるし
再インスコとかしてなんとかしてみます。

まじお前らありがとうございます

valueofってなんですか？教えてください。

アルファベット

English

綴りミス

すまん、Engrishだった。

もう許してやれよ

関数の中に関数を入れることはできますか？
下のようなソースを見せたら気持ち悪いしそんなのできないと言われたんですが。

<html>
<head>
<script>
function calc_fare(){
var i=0;
var distance =0;
var k = [1.3, 2.2, 1.8, 1.5, 2.2, 1.6, 2.2, 3.6, 4.4, 2.0, 2.3, 3.4];
//配列を足し算する関数
var add = function(a, b){
var a = parseInt(a);
var b = parseInt(b);
if(a < b) distance = k.slice(a, b);
return eval(distance.join('+'))/1000;

}
//引数を受け渡して、返り値をkmに代入
var km = add(document.form1.jyousya.value, document.form1.kousya.value);
document.form1.km.value = km;
}
</script>
</head>
<body>
</body>
</html>

やってみればいいじゃない

計算はできました。

けどなにかjavascriptの文法的に何かおかしいのかなーと

何の問題もないよ

強いて言えば>>523はそうやる意味がわからないから気持ち悪い

できないなんて事は全く無いけど
addの部分を関数にする必要ある？それ
気持ち悪いのは正しいかも

なるほど、つまりこうすればいいわけですね

<html>
<head>
<script>
function calc_fare(){
　var i=0;
　var distance =0;
　var k = [1.3, 2.2, 1.8, 1.5, 2.2, 1.6, 2.2, 3.6, 4.4, 2.0, 2.3, 3.4];

　var a = parseInt(document.form1.jyousya.value);
　var b = parseInt(document.form1.kousya.value);
　if(a < b) distance = k.slice(a, b);
　var km=eval(distance.join('+'))/1000;

　document.form1.km.value = km;
}
</script>
</head>
<body>
</body>
</html>
</head>
<body>
</body>
</html>

関数の中に関数を入れることはできないとはっきり否定されたので何かあるのかと思いましたが一応できることはできるんですね。

お早い回答ありがとうございました。

>>523
ネタで書いたのにホントに>>243のevalの状態で出したのか
すごいな

evalにつっこまないし、関数宣言についての知識は間違ってるし、
あんまりその先生はJavaScriptについてはあてにしちゃいかん気がする。

生徒「先生！ECMAScriptって何ですか？」
その先生「…」
生徒「クロージャって何ですか？」
その先生「…」
生徒「ラムダ言語って何ですか？」
その先生「…」

ちょっと気になったんで聞いてみたいんだが、

function A(){
　var X = B(x);
　...
　var Y = B(y);
　...
}

とかするとき、関数Bはどこで宣言する？
自分はA以外でBを使うならAの外、Aでしか使わないならAの内部で宣言してるが。

>>243のevalは絶妙だから突っ込まれなくても間違いじゃないかと
だから自分も反応に興味があった

でもなぁ、「そんなのできない」と言ってのけるレベルでevalはスルーだなんて酷いｗ

>>533
その関数の性質と長さによっては埋め込むこともあるけど
for (var i=0, l=array.length; i<l; i++)
for (var i=0; l<array.length; i++)
こういう違いがあるはずだから、基本は外かと

前の宿題の子か

>>530
あんまりよくないと言われたので他にも考えたんですがなぜかどれも計算が合わなくて・・・
思いつかないので仕方ないかなと・・・

<html>
<head>
<script>
function calc_fare(){
var i=0;
var distance =0;
var k = [1.3, 2.2, 1.8, 1.5, 2.2, 1.6, 2.2, 3.6, 4.4, 2.0, 2.3, 3.4];

var a = parseInt(document.form1.jyousya.value);
var b = parseInt(document.form1.kousya.value);
for(i=0;a<b;a++){
km+=k[a];
}


document.form1.km.value = km;
}
</script>
</head>
<body>
</body>
</html>

確かこんな感じでだめだったはずです

ソースを見ないで回答例とあってるかどうかだけ確認してるみたいですので、evalとかは気付かないみたいです。
人が多すぎて中身まで見る余裕がないようですね

素朴に、kmはドコから北の？

ああ、すいません即席で作ったやつなので色々抜けてます。

計算結果が１．３+２．２を足して３．５のはずなのに答えが３．１になったりといろいろぐちゃぐちゃになってしまいまして
結局evalになりました

途中経過をalert()で表示してデバッグぐらいしようぜ、少年

色々抜けた動かないコードを貼るのなら我々もできることはないな。
ところで parseInt() --- 整数用、parseFloat() --- 実数用だけど
それは大丈夫なんだろうか。

我々・・？

できることはない・・？

━━━本スレに書く事を許される者は以下の通り━━━━━
　一、JavaScriptはJavaとは別物であると知っている者
　一、自ら学んでJavaScriptコードを書く意思を持つ者
　一、ユーザに迷惑となるスクリプトを書かない者
　一、質問を分かる日本語できちんと説明できる者
　一、トラブルを再現する最小限のサンプルを貼れる者
　一、テンプレ+FAQ>>2-10/過去ログ/関連資料を読める者

こんな奴に構ってやるなんて、お前ららしくないな。
暇なのか？

お前ら・・・？

お取り込み中すいません。outerHTMLって使ってますか？
inner...とどう違うんですか？

自分自身を含むHTML片
イメージで言えばCSSのmarginとpaddingみたいな関係
互換性低いから使ってない

>>548さん
なるほど、だからなんですね。ありがとうございました。

IEでデバッグをするときには便利

JavaScriptの事で分からないことがあったのでスレを開いたのですが、
気づいた事があったので書いておきます

>>1
[必読] 過去スレ全集のうち、
http://usamimi.info/~mirrorhenkan/2ch/javascript/
にアクセスして閲覧しようとしたのですが、
ファイルが見つかりませんと表示されます

例：
2.+ JavaScript の質問用スレッド vol.59 +(1001)
http://usamimi.info/~mirrorhenkan/2ch/javascript/read.php/1187856865/

過去ログ倉庫として機能していないのでしたら、
リンクを外しておいた方がいいと思うのですが、いかがでしょうか？
以上です

>>551
全部を開いてみたわけじゃないが、vol.58 とvol.59だけでは。
58がいくつもあったりしているからいずれ管理人が直すだろ。

質問です。

<html>
<body>
<script type="text/javascript">
var java_version = java.lang.System.getProperty("java.version");
var d = new java.lang.Double(1.23);
var d_class = getClass(d);
</script>
</body>
</html>

上の html が getClass(d) でエラーになります。
エラーは getClass is not defined です。
実行環境は firefox3.0.11 です。
Rhinoではうまくいきます。
どうしてなのでしょうか。

そんな関数ねぇから

>>554
回答ありがとうございます。
代わりの関数はないのでしょうか。
LiveConnect に getClass() が含まれているのかよくわかりません。

もうjavascriptでjava使いたいヤツは死んだらいいよ。。。

単に自分に知識がないのもあるが、いろいろびっくりしたよ。

Firefoxで1,2行目が通るのが驚愕だ。
RhinoでHTMLタグついてても動くらしい、ってのも驚愕だ。
そして1,2行目を理解してJava脳になったところで3行目を見ても驚愕だ。

ほんとだ、一行目をFirebugにぶち込んでみたらJava起動してバージョン返した

https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/java
LiveConnectなんて使ったこと無かったよ
ていうかobsoっぽいこと書いてあるけどどうなったの？
https://developer.mozilla.org/ja/LiveConnect


var d = new java.lang.Double(1.23);
alert(d.getClass()); //-> "class java.lang.Double"

( ﾟДﾟ )

function example(){
　　function example.example(){
　　　　code
　　}
}
と
example = function(){
　　example.example = function(){
　　　　code
　　}
}
ってどうちがうの

＞function example.example(){
違い以前の問題でこんな定義できない

ECMA違反だがJScriptは可

そっか、じゃあそれが違いだ

宣言と式の違いもある

コンパイルのタイミングが違う

スタチックである

ああなるほどすたてぃっくなのね。ありがとん

JavaScriptを使った画像ボタンを送信フォーム用のボタンにする場合について質問があります。
下記のように記述してますが、うまく画像が切り替わりません。フォーム送信にはｊａｖａは適応できないのでしょうか

<script language="JavaScript">
img = Array(3);
img[0]=new Image(); img[0].src="images/submitup.gif";
img[1]=new Image(); img[1].src="images/submitorver.gif";
img[2]=new Image(); img[2].src="images/submitdown.gif";

function ChangeImg(imgname, file) {
document.images[imgname].src = file;
}
</script>
<p><input type="image" src="images/submitup.gif" size="5" id="submit" border="0"
onmouseout="ChangeImg('submit', 'images/submitup.gif')"
onmouseover="ChangeImg('submit', 'images/submitorver.gif')"
onmousedown="ChangeImg('submit', 'images/submitdown.gif')">
</p>

buttonも使いましたが、そちらではjavaは動いたようです。
しかし枠ができたりきれいにできませんでした。

Javaが適応と申したか

ずいぶんと懐かしい趣のあるコードだな

ホームページビルダーが吐いたコードとかじゃね？

試した訳じゃないけど
最悪 removeChild() して appendChild() してやれば何とかなる気がする

━━━本スレに書く事を許される者は以下の通り━━━━━
　一、JavaScriptはJavaとは別物であると知っている者

Javaは、まで読んで完全に引いた。

567です。５７１さん、ありがとうございます。一度試してみます。
初心者なので、よくわかってませんが、勉強してみます。

Javaの質問はスレ違い

>>556
レスありがとうございます。
JavaScript 第5版を読んでいます。
P.234のコードで疑問を持ったので質問しました。
変な質問をしてごめんなさい。

>>557
>>558
レスありがとうございます。
JavaScript上でJavaにアクセスできるのが不思議でした。
それから、RhinoにはJavaScriptのコードだけ渡しました。
試しにRhinoにhtmlを与えたところ、エラーが出ました。
誤解をあたえる文章ですみません。

<img src="1.jpg" onmouseover="this.src='2.jpg'" onmouseout="this.src='1.jpg'">

マウスを画像の上に乗せたら、パッっと切り替わるんではなくモーションがかかったような感じで切り替える方法を教えてください。

>>577
手取り足取り教えれっていうのはスレ違い
ライブラリでも探して使うよろし

＞モーションがかかったような感じで切り替える

すごひね。オスとメスか。

<script type="text/javascript">
function $(tagId){return document.getElementById(tagId);}
window.onload = function(){
count = 1;
document.getElementById("img").onmouseover = function(){motion(this);};
}
function motion(t){
$("_motion_").style.display = "inline";
x = [t.getAttribute("src"),t.getAttribute("rel")];
t.src = x[1];
$("_motion_").src = x[0];
$("_motion_").style.position = "absolute";
$("_motion_").style.top = t.offsetTop+"px";
$("_motion_").style.left = t.offsetLeft+"px";
op = setInterval("control()",20);
}
function control(){
speed= 0.02;
if(count > 0){
$("_motion_").style.opacity = count -= speed;
}else{
clearInterval(op);
count = 1;
$("_motion_").style.display = "none";
}
}
</script>
<img src="" id="_motion_" style="display:none;" />
<img src="test.jpg" rel="test2.jpg" id="img" />
つくってみた、IEじゃ動かないからそこは自分でやって

>>578-580
レスありがとうございます。
モーションといいますか、フェードインしながら指定の画像に変わった気がします。
またそのフェードインの種類が８種類くらいあって、８にするとランダムにフェードインしたような気もします。
上を参考にコーディングしたいと思います。ありがとうございました。

XHTMLすら書けてない糞コードは参考にしない方がいいぞ

先生が$は絶対使うなと。

javascript2.0という存在をつい最近知りました。
現状のjavascript１系を根本から書き直した仕様だそうで、既に実装されてるブラウザもあるのですね。
javascriptを本格的に勉強始めようと思っていたのですが、今から勉強する場合でもやはり１系を勉強すべきでしょうか？
しばらくは１系と互換性のある形でjavascript2.0が広まるのでしょうが、いつか消えると分かっている１系を勉強する気になれません。

2だっていつかは消えるよ。

>>584
JavaScript覚えて何をしたいのか知らんが、
Webサイトで表現できることを増やしたいだけなら、
そのページを丸ごとFlashにすればいいよ。
JavaScriptではできないようなことだってできる。

ほら、JavaScriptを勉強する気がなくなっただろ？
さっさと帰れ。

言語の将来性考えたくらいで勉強する気になれないんじゃ、
この先何やっても中途半端に終わるよ。

どっちがいいかって聞いてるだけなんだから答えてあげりゃいいんじゃねえの。
そこまでして教えてあげたくない気持ちがよくわからん。

>>584
JavaScript3.1が出るまで触らない方がいいよ。人生の無駄になるから。

そうだよ教えてやれよ。
え？俺？いや遠慮しておこう。

>　一、自ら学んでJavaScriptコードを書く意思を持つ者

> いつか消えると分かっている１系を勉強する気になれません。

結論でてるだろ。2.0学だらいい

JavaScript 2.0はとっくに死亡してる
ECMAScript 4はActionScript3やJScript.NETで生き残った
ECMAScript 3.1は5になった
JavaScript3.1ってのはいつ出るんだろう31年後くらい？

ECMAは4が死ぬんじゃないの？

ひねくれた奴だらけでワラタｗ

暗に「これから消える1系で頑張ってるお前らアホなの？」と言ってるわけだからな

ほんと「これから消える1系で頑張ってるお前らゴクローさんw」言ってるも同然だよな

そう考えると「1系？ (ﾌﾟ」って言ってるようなもんだな

マジレスすると2.0が普及するにはまだ時間がかかるから気にせず1系を勉強しろ。
数年前から話題になりながら現状まだ全然広まってないことを考えれば難題も多いのだろう。
2.0が普及したとしても、1系の実情を知ってる奴と知らない奴とでは知識の深みも違ってくるだろう。

yieldとかletとか普通に使えるようになると良いな

残念ながらes5には含まれない

>>588
最初から、やる気のないヤツに答えを教えたって意味がない
この質問だと、「2.0を覚えた方がいい」って答えを待ってるだけにしか思えん

まだまだ、春は遠いなー。

ＰＳ２があればＰＳはほとんどの場合必要ないが、
ＮＴＴが光サービスを提供してるからって、即ＡＤＳＬサービスを打ち切るわけにはいかない。


ブラウザの呪縛に縛られる意味を一番わかってるのが
JavaScript使ってるヤツらだろうからなｗ
古いブラウザのシェアがある程度残っていて、かつそれも対象に含めるつもりなら、
全部乗り換えてスッキリ、ってなわけにはいかないのがWebのクライアントプログラム。

JavaScript2.0だの見てる時間があるなら、その前に、
ブラウザの打ち切り判断まで何年もかかることを
ちったあ勉強してからこいと。

たかが素人の質問一つで何でそこまで必死なんだ

>>584 = >>604

ほんとｗまともな人と人間として終わっている人が混在してるね。
リアルでは痛い人なんでしょう。。

などと痛い言動を繰り返しており動機は不明

JavaScript2.0実装なんてあるの？
tamarinとか言う奴？
Firefox4に組み込む予定なんだっけ？
詳しい人教えてplz

var test1 = {
fields: [
{name: 'aaa'},
]
};

fields: [
{name: 'bbb'},
]

上記test1オブジェクトの配列fieldsにbbbを追加したいのですが、
どうすれば連結できますでしょうか

test1.fields.push({name: 'bbb'});

できました！有難う。

仮引数eがnullったり、未定義になるのですが、
外部ファイルに書いてるのが原因でしょうか？

>>612
ソース見ないと何とも言えないけど、参照したタイミングでnullだったり未定義だったりするんだと思うよ

言語によっては別ファイルだとスコープ変わったりすることもあるけど
JSは<script>にコードを直に書いてもsrcで読み込んでも違いはないはず

>>604
仕事が無くて暇なんですよ。分かって上げて下さい。

うちも受注激減してる。対前年非で先月は半数割れだったらしい。

Bookmarkletについて2つほど分からないことがあるのですが、どうかご教示下さい。m(_ _)m
（長すぎる行があるとエラーが出るので改行してあります。）

Googleの画像検索ページにて、

javascript:(function(){var ret='<html><body>';var tags = document.getElementsByTagName
('a');for(var i=0;i < tags.length; i++) {var e=tags[i];var url=e.getAttributeNode
('href').value;if (url.match(/imgurl=([^&]+)&/)){var img=RegExp.$1;url.match
(/&imgrefurl=([^&]+)&/);var ref=RegExp.$1;ret+=' <a target=_blank href='+ref+'>
<img border=0 src='+img+'></a>';}}ret+='</body></html>';var d=window.open().document;d.writeln(ret);d.close();})();

を実行すると、URLが

htt://xxxxxxxxxxxxxx/xxx%20xxx%20xxx/xxxx.jpg

だった場合、

htt://xxxxxxxxxxxxxx/xxx%2520xxx%2520xxx/xxxx.jpg

となってしまいます。どこを修正すればいいのか分かりません。

もう1つは、YouTubeの動画ページにて

javascript:void((function(){var%20s=location.href;s+="&";if(s.match(/\Wv=([^&]+?)\&/)){location.href='youtube://'+RegExp.$1;}}))();

を実行すると、再度実行するにはページを更新しないといけません。
更新しなくても何度も実行可能にすることは可能でしょうか？

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

bookmarkletのままじゃなくてインデントいれてくれよ、改行してありますじゃねーよｗ
しかも%20とか混じってるし

前者はパス
うろ覚えだけどIEのa.hrefかimg.srcに余計な親切をしてくれる仕様があって
それにひっかかってる気がする

＞location.href='youtube://'+RegExp.$1;
window.openでもすれば？

>>618
ありがとうございます。インデントはこんな感じでいいのかな・・・

javascript:void
　(
　　(
　　　function()
　　　{
　　　　var%20s=location.href;s+="&";
　　　　if(s.match(/\Wv=([^&]+?)\&/))
　　　　　{
　　　　　　window.open('youtube://'+RegExp.$1)
　　　　　}
　　　}
　　)
　)
();

↑

javascript:void((function(){var%20s=location.href;s+="&";if(s.match(/\Wv=([^&]+?)\&/)){window.open('youtube://'+RegExp.$1)}}))();

としてみたのですが、実行するたびに新規ウィンドウが開かれるのですが、
これはどうにかできないでしょうか？

できる。ググったかい？

あと、それ以前にコードの意味理解したかい。
voidの意味わからず書いてそうな予感

JavaScript分からないのに、Bookmarkletサイトなどのやつを見ながら
適当に一部を改造しただけなので、意味不明なコードになっていると思います。

一応window.openなので、ググってクローズさせようとしましたが元のウィンドウの方が閉じてしまい挫折しました。
それ以外の方法があるのかは分かりません。

最初のは%2520を%20に置換しようとしましたが挫折。

多分一部を修正すればOKなんだろうなと思い、軽い気持ちで質問してしまいました。すみませんでした。

あえてヒントだけ

＞元のウィンドウの方が閉じて
変数windowには自身のWindowオブジェクトが入ってる
window.open()の返値は新しく開いたウィンドウのWindowオブジェクト

＞%2520を%20に置換
"%25"を"%"に「置換」を行えばおそらく十分
文字列やその操作は基本的にStringオブジェクトの役割
置換には正規表現も利用するのが一般的だけど、この程度なら使わなくてもおｋ

毎回閉じるんなら>>623のヒントで、
毎回同じウィンドウに表示するだけで良いならwindow.openの引数を調べるといい。

Dojoのiframe使ったクロスドメイン通信ってセキュアなのでしょうか？
http://d.hatena.ne.jp/shinichitomita/20060803/1154609128

第三者がxip_client.htmlを自サーバに用意し、
他人のサーバ上のxip_server.htmlを使ってデータを取得してしまったり出来ないのでしょうか？

できるよ、制限を回避するっていうのはそういうこった
リファラチェックである程度ごまかせるけど

仕組みを理解すれば自明だと思うが。

あれはJSONPとかと同列な、オープンなAPIみたいなもんだと思っておくといいかと

ある画像へのURLがあるとして、その画像を保存するダイアログを開きたいのですがどうすればいいのでしょうか。
window.open()だと、ブラウザが直接、画像を表示してしまいます。

jqueryでの質問です。

<select id="select" onchange="alert('test');">
<value　〜 />
</select>

こういうタグがあって

$('#select').value = "10";

のように、変化させたときにonchangeが発動するようにしたいのですが、
どのようにすれば良いでしょうか・・・。
onchangeの値はalert('test');以外にも色々なパターンができるうえ、
複数個のselectがありそれをループさせているので、
できれば
$('#select').value = "10";
でonchangeを発動させたいのですが・・・。

簡単に言うと
Javascript上でセレクトボックスのonchangeを発動したいのです

イベントを発生させるのはめんどくさいから
イベントが発生したかのようにコールバック関数を呼び出すのが無難

function change() { alert("test"); }
elem.onchange = change;

elem.value = 10;
change();

ていうかjQueryか
triggerHandlerでいけるはず

質問があります。スレチの場合は誘導してくれると助かります。

a=new Array("<img src=0.jpg>","<img src=1.jpg>","<img src=2.jpg>");

このように書くとstring literalエラーが出るPCと出ないPCがあります。
エラーを出さないためにはどうすればいいでしょうか？

triggerでよかったらしい
普段jQuery使ってないからよくわからん

>>634
そのエラーってunterminated string literalのことだよね？
だとしたら読めるところだけ読むのはやめてくれｗ

それで問題のあるコードに見えなかったんだけど、そのコードでエラー再現する？
" を間違えて ' 二個連続で入力してたりしない？

var func = 'alert("test");';

このfuncを実行させるにはどうすればいいですか？

すごい評判わるいよでも

>>636
eval(func);

普通は
var func = function() { alert("test"); };
func();

returnValue = falseをIE7でやると
submitはキャンセルできましたがmousedownではキャンセルできませんでした。
出来ないのでしょうか？

>>635さん
すみません。下のようなscriptです。

<script type="text/javascript">
<!--
function aaa(b)
　{
　　a=new Array("<img src='0.jpg'>","<img src='1.jpg'>","<img src='2.jpg'>");
　　alert(a[b]);
　}
// -->
</script>
<input type="button" value="0" onclick="aaa(0)">
<input type="button" value="1" onclick="aaa(1)">
<input type="button" value="2" onclick="aaa(2)">

IEでもFirefoxでも私のPCでは普通に出来るのですが、相手方のPCでは
ご指摘の通りunterminated string literalエラーが出るらしいです。

文字コード設定が合わなくて化けた結果「"」ができたりしてる
んではないの。普通の文字はちゃんと表示されているって？
HTMLの冒頭にmetaタグで文字コードを指定している？

>>640
「ような」じゃなくてエラーが再現できたことを確認した、最小限のコードそのまま、をはりなさいな。

>>641さん 文字は化けていないみたいだし、meta埋めてもダメでした、、、
>>642さん >「ような」じゃなくて
ごもっともです、すみませんでした。

相手方に詳しく聞いてみて、調べてみることにします。
みなさん、ありがとうございましたm(_ _)m

new Arrayとか見るとイラッとくる。[]でいいじゃん。。。

new Arrayすると色が変わって見やすい

new Array()はJSLintでエラー扱いされるから使わないってのは？
別にJSLintが完璧だとは思ってないが。

あとnew Array()は引数がバグの温床すぎるから嫌だ。

>>644
もっと柔軟にいけば？変なところにこだわるってガキか？645の言う通り見やすいよ

var x = new Array(5);
と
var x = [5];

って全然違う意味になるよね

無知はこれだから困る

そらそうだ

new Array(1,2,3);
new Array(4,5);
new Array(6);

って並んでるとうっかり3つ目を[6]と同じと勘違いする。

Array.apply(null, ary)

とか書いてるとさらに見逃す。
困った仕様だ。

>>603さんはTagIndexで活躍されているエキスパートの方ですか。
ちがっていたらすみません。こちらの常連さんとも聞いていますので。

>>651
それは思った
配列のShallow Copyを手っ取り早くやろうとしてハマりそう

ところでArray()のようなコンストラクタへのラッパってユーザー実装できる？
argumentsをどうやってコンストラクタに渡すかで詰んだ
new演算子のせいでapplyできないし、apply以外に引数リスト渡す方法あったっけ

ラッパーならarguments.lengthで分岐すればいいんじゃね？

YO♪

これから普及するのはやっぱりprototype.jsよりjqueryですよね？
仕事でもjquery使いたいのに頭の堅い先輩が許してくれない。う〜ん

お前にその人を説き伏せるだけの説得力と能力がないだけだよ

Prototype.jsだしjQueryだしJavaScriptはCSだし。

jQueryはUIが弱いから仕事では使いたくない。

ふむ、またその永遠のループしちゃいますか
結果は圧倒的なFlashを使いなさい、と
このスレでは過去に結果が出されています

JS終わった君、出番です。

大阪に出張中です。

未だにprototype.jsなんて使ってる奴いるの？
Rails厨だけだろ

prototypeもjQueryも試したが
PCからのアクセスが前提のサイトなら
やっぱりflash系でいいだろと俺も思った｡

flash系って何だ？flexのこと？

君らが何十行も書いて動作させてることが
Flashなら3行で出来る

　こういうことではないでしょぅか

できねーよ。しねよくそが

ま、いじゃないかｗ

まだprototype.jsなんだけど。
prototype.jsの置換え対象を、JavaScriptに限定すると何が良い？

Ext.onReady( function() {

var store = new Ext.data.JsonStore( {
autoLoad : true,
url : 'a.php',
root : 'root',
fields : [ 'data' ]
});

var data;
// ココ
store.on('load', function(store, r) {
var record = r[0];
data = record.get('data');
alert(data); 　←　ちゃんと値が取れる。
return data;
});

alert(data); 　←　undefind
});

スコープについて教えてください。
extjsを使用しています。
ココのイベント関数から、変数dataに値をコピーしたいのですが、
グローバルdataにコピーできません。

どうすればグローバルdataにコピーできるのでしょうか。

経験と知識が生きる。

自分で書く

>>670
実行タイミングの問題
dataのかわりに、実行場所がわかるような1とか2とかをalertしてみ

DHTML1.0からwindow.openで開いたウィンドウのソースをみたらHTML4.01でした。
仕様ですか？

ごめん>>674を訂正
× DHTML
○ XHTML

>>670
「var data;」の行を削除する。
>>674
ソースなんてwindow.openじゃ取れないでしょ。
ブラウザが適当にでっちあげている情報を見ているだけでは。
本当にソース取りたいのならURLからXMLHttpRequestで直に取る。

dataのところを１，２にしてalertしてみたら、かならずココが最後に実行されているわ。asyncだから？　何かいい方法はありますでしょうか。

dataが必要な関数をreturn dataのところで実行すればいい

今回の問題を単純化するとこんな感じ
var str;
setTimeout(function(){ str = "abc"; }, 10000); // 10秒後の実行を予約
alert(str); // 0秒目で実行される

strの値が必要な関数があれば10秒後以降に実行しないと当然ダメ
だからこうする

var str;
var callback = function() { alert(str); };
setTimeout(function(){ str = "abc"; callback(); }, 10000);

<script type="text/javascript; version=1.7">
example = function(){
　　var str;
　　setTimeout(function(){str = "abc"; e.next() }, 10000); // 10秒後の実行を予約
　　yield;
　　alert(str); //abc
}
var e = example();
e.next();
</script>

javascript2.0まだー？

普及するまで10年ほどお待ちください

var f = function(){ alert('test');}

このように関数定義をする場合、最後の}の後にカンマは必要ですか？
代入文なので必要な気もするのですが、参考書などを見るといずれもカンマをつけてないようです。
しかしEmacsのjs2-modeではカンマを付けないと構文エラーの赤線が引かます。

>>682
「var i = 0」のような他の変数定義の場合と同じ。

そもそもJavaScriptは文末のセミコロンが必須ではないので、一貫性を
持ちつつ好きにすればいい。個人的には常に付けるべきだと思うけど。

jqueryで選択範囲の取得ってどうすればいいのですか？

「せんたく"はんい"テスト」←"はんい"を選択状態(色の反転)にすると、「はんい」という文字を取得したいです

>>683
ありがとうございます。カンマではなくセミコロンでした。

書き方の問題でしたか。
でもネットのブログなんか見てても関数リテラルを代入する場合はセミコロン省く人が多いんですよね。
関数宣言の場合はセミコロン付けられないから、関数定義という範囲で一貫性を保ってるのかな。

圧縮して一行にした場合はセミコンロン必須

>>684
document.getSelection();

Deprecated method document.getSelection() called. Please use window.getSelection() instead.
だそうだ

>>676
開いたウィンドウから見れるよ。
>>674はFx3.0の時で
IE7ではHTMLタグだけが入ってます。

jQueryのアニメーションメソッドを使っています(slideDows()とか)。
だいたいうまくいくのですが、最初のクリックだけアニメーションしません。
同じような経験をされた人がいたら、教えてください。
(jQuery 1.3.2使用, Firefox 3.0.11 と Safari 3.2.1で確認)

Googleが発言力を持ってきたらしいね。

金のあるところが力を持つのは構わない
だが、力を持たないところが金を持つのはいただけない。

恐れ入ります。―ビル・ゲイツ

同じWindows製品をバージョンアップする度にユーザから大金むしり取る詐欺企業

＜a href="#top"＞Top＜/a＞
のように、同じページ内へのリンクがあるとします。
このような場合で、ユーザがクリックしたときにそのイベントを拾ってJavaScriptの関数を実行することはできますか。
なんというか、document.location.hash が変更されたときに関数を実行したいんです。

<html>
<head>

<script type="text/javascript">
window.onload = function(){
　　document.getElementById("link").onclick = function(){alert("１！");};
　　document.getElementsByTagName("a")[1].onclick = function(){alert("２！");};
}
</script>

</head>
<body>

<a href="#" id="link">１！</a>
<a href="#">２！</a>

</body>
</html>

>>695
イベントを拾うのではなくhashを直に書き換えればいいじゃん

うんたらかんたら.onclick = function(){
　　　document.location.hash = "#IdName";//アンカー設定
　　　alert("くりっくされたよ！");//処理
};

マークレット作ってるんですが、functionと関数名の間の空白を詰め
る書き方ってないですか？カッコじゃだめですし。

>>698
var func=function(){...};
とか。

function%20func(){...};

>>651
引用符はどうした？

jQueryのソースについて質問なんだが、

ver1.3.2で、
562行目からの jQuery.extend の定義内575行目で jQuery.isFunction 使ってて、
その jQuery.isFunction は、631行目で jQuery.extend を使って定義してあるように読める。

これってどう解釈すればいいの？

>>702
＞if ( typeof target !== "object" && !jQuery.isFunction(target) )
jQuery.extend({ 略 }); では jQuery.isFunction(target) が評価されないから

function f() { alert("f"); return true }
if(false && f()) alert("test");

open('', '', 'width=800,height=800');

としてサブウィンドウのサイズを指定してますが、
これより小さい画面（例えば640,480）で開いた場合に
ウィンドウサイズを自動的に縮小する方法はないでしょうか？

相手の画面サイズを取得、それに合わせて長辺を縦横比保って縮小。
なんてのがあれば幸せなんですが。。

>>704
「JavaScript 解像度」でぐぐったら、screen.width, screen.height が出てきた。

>>705
有効領域をを取得してサブウィンドウサイズを決定ってのはあったけど、
800*800にしたいが、それ以下の画面の時は縮小せい！ってのがあると
助かるんだけど・・

そういうのはブラウザの仕事じゃないか？
サイト側の都合で勝手に縮小されて文字潰れるとか困るし

タヒチで日本の即席めん大人気

　リゾート地として知られる南太平洋のタヒチ（仏領ポリネシア）で、たつの市の食品メーカー「イトメン」が製造するインスタントラーメンが売り上げを伸ばしている。
ここ１０年で輸出量が倍増しているほか、現地商社の依頼で２年前からカップめんの販売も始めるなどファンを増やしている。
　イトメンによると、タヒチへの輸出量は１９９８年が１５５万食だったが、２００８年には３５６万食に倍増。
神戸税関によると、神戸港の即席めんの輸出量は０７、０８年と連続で全国一。
うちタヒチへの輸出は０８年が３０３トンで、同税関は「タヒチ向けはほとんどがイトメンの製品」という。
　イトメンの即席めんがタヒチへ渡るようになったのは４０年ほど前で、神戸の貿易会社がタヒチに住む中国人向けに輸出したのが始まりという。
タヒチには１１８の島に２３万人が住む。今はシェア６割ほどを占め、イトメンが直接輸出している。
　即席めんは、国ごとの味覚に合わせるケースが多く、現地生産が主流。
同社は日本で販売している「チャンポンめん」と味は同じで、パッケージを変え「ＡＬＬ-ＩＮ-ＯＮＥ」の商品名で販売しているが、現地でも受け入れられている。
　人気が高い理由について、同社の伊藤充弘社長（５３）は「香港製などライバルの製品が少ないためでは」と分析。
タヒチで日本の旅行会社現地法人で１０年間働く日野到さん（３６）は「日本のラーメンは最も品質が良くて人気。よく売り切れている。
長年、安定して輸入が続いているイトメンの商品が定着している」という。
　伊藤社長は「最近は原料の高騰で利益はほとんどないが、親しまれている味を届け続けたい」としている。

http://www.kobe-np.co.jp/news/keizai/0002072011.shtml

【グルメ】タヒチで日本の即席めん「イトメン」が人気
http://tsushima.2ch.net/test/read.cgi/newsplus/1246257826/
【ｲﾄﾒﾝ】 ｲﾄﾒﾝのﾁｬﾝﾎﾟﾝ麺 【総合ｽﾚ】 Part2
http://gimpo.2ch.net/test/read.cgi/nissin/1185419295/

>>706
いやだから、screen.width, screen.height と 800*800 を数値比較すればいいんじゃない？
ってことなんだけど。
そんなに難しいアルゴリズムでもないと思うんだけどなあ。

>>706
ああ、ひょっとして「画像のリサイズを行いたい」ってこと？
window.openで画像のリサイズは無理だろう。
そういうのは <img> や ImageMagicの分野かと。

チェックボックスを変更不可にするためにjqueryを使って↓を作りました
$(function(){
$("#checkbox1").attr("checked", "checked");
$("#checkbox1").attr("onClick","this.checked=true");
});
Firefox3ではちゃんと動きますがIE7だとうまく動かないのですがどうしてでしょう？

>>711
その書き方だとチェックを外すつもりでチェックを外せない、不親切なUIに感じる。
スペースキーでチェックできてしまいそうだし。

変更不可はdisabledを使うのが普通かと。

<input type='checkbox' checked='checked' disabled='disabled' />

>>709
じゃなくて、1024の人もいれば1600の人もいる。
基本はそこを基準にしてサブウィンドウ開かせて中の画像でも表示。

ただ800とかの人がクリックしたときにそのサブウィンドウが、
自動でサイズ調整してくれる（imgで100%とかで縮小）のはないかと。

800って決めた基準以上にはサイズ変更せず、未満だったら変更。

>>712
すいません、言葉が足りませんでした
（jqueryで）チェックさせたデータを取得したいのですがdisabledを使うとデータが受け渡されないようなので（そうですよね？）
>>711の形にしています
元のHTMLをいじれないのでJavascriptを使っています

>>713
>710にも書いたけどwindow.open単体では無理だと思う。
画像だけならLightbox Plus等のライブラリを使うのが楽ではないかと。

Lightbox Plus
ttp://serennz.sakura.ne.jp/toybox/lightbox/?ja

>>714
よくわからない。チェックボックスを変更不可にする理由は何？

>（jqueryで）チェックさせたデータを取得したいのですがdisabledを使うとデータが受け渡されないようなので（そうですよね？）
取得できたよ。

---------
<input name='test' type='checkbox' checked='checked' disabled='disabled' />
<script type="text/javascript">
(function(){
var test = $('input[name=test]');
console.log(test[0].checked);
})();
</script>
---------

> 元のHTMLをいじれないのでJavascriptを使っています
よくわからないけど、JavaScriptでdisabledをセットしちゃダメなの？

>>715
サンクス。
if..なんて関数使ってこれ以下だったら画面サイズ読み取って置換
なんて裏技あるかなと。。あきらめますわ。

>>716
↓でやってみてsubmitを押しても[#checkbox1]のデータが受け渡されていなかったので・・・

$(function(){
$("#checkbox1").attr("checked", "checked");
$("#checkbox1").attr("disabled","disabled");
});

どうもよくわかりません、何か別の方法を考えてみます。

>>715-716
disabledを設定するとsubmitのときにデータがサーバに送信されない。
一方、 >>716 で試しているのはブラウザ上で値がアクセスできるかどうか。
両者は別のもの。値を変更できないようにしたいときはdisabledではなく
readonlyを使う。

>>719
あーそういう理由でdisabledにするとダメなんですね
とりあえずチェックボックスにreadonlyは使えないようなので

disabledを使ってsubmitの直前にdisabledを削除するという↓の方法でごまかしてみました

$(function(){
$("#checkbox1").attr("checked","checked");
$("#checkbox1").attr("disabled","disabled");
});
$(function() {
$("#form1").submit(function() {
$("#checkbox1").removeAttr("disabled","disabled");
});
});

>>712さん>>716さん>>719さんありが�d

>>719
補足ありがとう。
submitで送信されないのは知っていたんだけど、>714の文面からはjQueryで値を取得するように聞こえたんだ。
jQueryでフォームを取得して、AjaxでPOSTするものだと思ってた。

readonlyは知らなかった。
勉強になったよ。ありがとう。

>>720
何か遠回りさせたようでごめん。解決できて良かったね。

>>721
�dくす
言葉が足りないですいません((_ _ ((´ω｀ )ﾍﾟｺ...

load時間を表示することはjavascriptでは出来ますか？
画像をたくさん貼ったスライドショーなので全てロードするのに時間が
かかります
フラッシュでよくある％表示させるやつをjavascriptでもしたいのですが

imgにonloadイベント

ddEventListenerつかえ

Lightbox Plus
ttp://serennz.sakura.ne.jp/toybox/lightbox/?ja

さっそくこれを導入してみた。
sample.cssは使ってないんだけど、

アニメーションを使って開く。
キャプションが表示されない。
トップマージン０だ下に余白がある。（そこにキャプションがある予定？）

ここを直すにはどこをいじればいいか教えてもらえないかな？
メールで作者に問い合わせるの面倒で・・

これは画像が縮小表示してくれるから助かる。
それゆえアニメーションオープンを殺したのかな。

jQueryのソース見たけど、なんかすごいね。
解読させん言わんばかりにトリッキーな書き方だ。
それとも俺が馬鹿なだけなのか。

つ圧縮

>>723
暇だったので％表示するスクリプト書いてみた
<head>
<script type="text/javascript">
loadCount = 0;
if(document.addEventListener){document.addEventListener('DOMContentLoaded',domLoaded,false);}
function domLoaded(){
for(var i = 0; i < document.getElementsByTagName('img').length; i++){
addEvent(document.getElementsByTagName('img')[i]);
}
}
function addEvent(e){
(document.addEventListener) ? e.addEventListener('load',loadProgress, false) : e.attachEvent('onload',loadProgress);
}
function loadProgress(){
loadCount ++;
var imageLength = document.getElementsByTagName('img').length;
var progEl = document.getElementById('prog');
(loadCount >= imageLength) ? progEl.childNodes[0].nodeValue = "読み込み終わり" : progEl.childNodes[0].nodeValue = loadCount/imageLength*100 + "%完了！";
}
</script>
</head>
<body><span id="prog">ここに％が表示される</span>
・・ここにimgタグを大量に書く・・
<script type="text/javascript">//このタグをHTMLの最後に書く（重要）
setTimeout("domLoaded()",10);
</script>
</body>

IE以外でdomLoadedが2回呼ばれたりFirefox,IEでしか動作確認してないのでエラーが発生するかも‥

>>729-730
ありがとうございます
onloadだと全然上手くいかなかったんですが
助かります

たまに読み込み終わっても固まったままになったりするのでsetTimeoutを小さくしたりwindow.onloadで終了させてやってください

>>726
FirebugでHTML見てCSSでKillするとか。

質問
jQuery使用で

$("#ThumbNail .overLay").hover(function(){
hoverOn(this);
}

function hoverOn( ol ){
var pa = $(ol).parent().$(".disc");

$(pa).animate(.......
}

みたいな事したいのだが、↓の書き方がよくわからんとです。
var pa = $(ol).parent().$(".disc");

HTMLはこんな感じになってる。
#Thumbnail
└.overLay
└.disc

var x = $("#ThumbNail .overLay");
var y = x.parent();
var pa = y.$(".disc");

とほぼ同じ
一行目は正確には#ThumbNail .overLayのなかでhoverされた要素一つのみ

ttp://serennz.sakura.ne.jp/toybox/lightbox/?ja

導入して何とか全体をつかめたんだけど、
どうしても開くときのアニメーションの設定・変更がわからない。
これの何処をいじる・置換すればズームで開くかな？

>>735
ありがとう。
ちょっと試してみる

とても初心者的な質問ですいません

Javascriptのソースをjsに変えたいのですが、
（デコードとかエンコードとか言うのですか??）
どうすればよいか教えていただけませんか

以前海外のフリーサイトで
左側にJavascript　でボタンを押すとjsに変換してくれる
サイトがあったような。。。
パソコンを再インストールしてうっかりそのサイト情報を消してしまいました

説明べたですいません　お願いします

確かにさっぱりわかってなさそうだな

母国語でおk

>>738
なんでもいいからテキストエディタで、拡張子jsで保存すればおk
ツールなんかいらない

>>738
html 内にベタ書きするのと
外部 js に追い出して呼び出すのは同じこと
http://allabout.co.jp/internet/javascript/closeup/CU20030521/
中身は一緒

エンコードとかとは別の話

自覚症状ありありで
突っ込み満載間無質問にもかかわらず
アドバイスありがとうございました

>>739-742
大いに参考になりました
問題も解決しました　ありがとうございます

>>741-742のエスパーっぷりは異常。

jsをエンコードと聞いてcompressを想像した

JSと援交と聞いて飛んできました

こんな板にもキモオタいるのか

質問です。
以下のHTMLがエラーになります。
「'」で囲んで表示しようと思います。
解決法をご存知の方いませんか。

<html>
<head>
<title>test</title>
</head>
<body onload='alert("\'" + 8 + "\'");'>
</body>
</html>

タブン、'alert("\'で一つの文字列にしちゃうんだろね

<body onload='alert("'" + 8 + "'");'>

ミスった。

<body onload='alert("&#39;" + 8 + "&#39;");'>

>>749-751
ありがとうございます。>>751 の方法でできました。

ASPで作ったコントロールをＶＩＳＩＢＬＥにしたいのですが、そのJavaScriptを教えてください
コントロールidはtxtJavaにしておきます

<body onload="alert('\'' + 8 + '\'');">

>>753
ASPで作ったコントロールとやらのHTMLをplz

マルチ

209 名前：Name_Not_Found[sage] 投稿日：2009/07/02(木) 21:28:02 ID:???
ASPで作ったコントロールをＶＩＳＩＢＬＥにしたいのですが、そのJavaScriptを教えてください
コントロールidはtxtJavaにしておきます

「何を売ったら幸せ買えるんだろ」
お金で幸せを買おうなんて考えはよくないよ！

正規表現の中に変数を含むことできますか？

text = "abc"
sequence_num = 3
text.match(new RegExp(/[abc]{sequence_num,}/) // "abc"

sequence_num = 4
text.match(new RegExp(/[abc]{sequence_num,}/) // null

こんなことがしたいのですが。

new Regexpの引数に文字列を渡す。
文字列は変数やリテラルを連結して作ることができる。以上。

text.match(new RegExp("[abc]{" + sequence_num + ",}") // "abc"
ありがとうございます。これでいけました。

変数にリラテルが含まれてると危ないので、
ユーザからの入力の場合は要エスケープ処理or整合チェック

>>761が何を言ってるのかわからない
危ない具体例はどんな？

>>762
>>761の言いたい事は

> ユーザからの入力の場合は

だけなんじゃなかろうか。

URLに引数付けてそれをJavaScriptで受け取る場合とかじゃね

さっぱり理解できない
eval(location.search)が危ないのは自明だけど
new RegExp(location.search)はなにを渡したら危ない？

もしかしてJS処理がエラーで止まる程度を大仰に言ってる？
var input = "a(b", reg = /default/;
try { reg = new RegExp(input); }
catch(e) { alert(e); }
alert(reg);

やっとわかった、頭悪くてすまん

var str = "abc123 def456";
var reg = new RegExp(input + "(\\d+)");
var num = reg.exec(str)[1];

入力がabcなら123、defなら456となるところで
abc(.*)を入力されると123 def456となり破綻する、って話か

>>766
> やっとわかった、頭悪くてすまん

いやいや、>>758の質問と、
>>759の「渡す」にピンと来てしまった >>761が
心配性なだけだろうて。

そもそも、外から拾うような値って、受け取った直後に処理しない？
使うときに個別にチェックするのが普通？

良スレ

よーそろ

Javascriptのライブラリ、scriptaculousのSortable.createを使ってドラッグ＆ドロップでの要素のソートが出来るシステムを作っています。
IEでは問題なく動作するのですが、Firefoxでやるとドロップする度にリロードが入ります。
何が原因でしょうか？
ソースは以下です。

<script type="text/javascript" src="scriptaculous/scriptaculous.js"></script>
function ddset() {
Sortable.create('block',
{
tag:'dt',
overlap:'vertical',
constraint:false,
onUpdate:function(el)
{
〜 ドロップ時の処理 〜
}
}
)
return false;
}
<body onLoad="setTimeout('ddset()',100);">

<div id="block">
<dt id="row_1" class="block-img>ブロック１</dt>
<dt id="row_2" class="block-img>ブロック２</dt>
<dt id="row_3" class="block-img>ブロック３</dt>
<dt id="row_4" class="block-img>ブロック４</dt>
</div>

原因が分かりました。
解決はしていませんが、ドラッグ要素のdtにハイパーリンクが仕掛けられているせいでした。
IEだとD&Dではハイパーリンクは動作しないのに、FirefoxだとD&Dでも動作するのですね。

自分もデータのフィルタリング条件としてユーザに正規表現を入力させる
プログラムを自作してたりするんだけどさ、

try{var re = new RegExp(str);}catch(e){alert("Error");return;}

で大丈夫だろうと思ってるんだけど違った？


>>770
HTMLぐらい書けるようになってから来い

>>767
入力を制限するか、エスケープするかの違いかな
仕様で決めたものと実装の都合というか

例えば「入力文字列で<textarea>に検索かけて、検索文字列とヒットした行を表示」として
<(abc)>が入力されたとき、new RegExp("<\\(abc\\)>") と result.innerHTML = "<(abc)>"
というようにエスケープ方法が変わるから事前処理なんてできない

もっとも普通は一回しか使わないから受け取り直後でもかまわないわけだし
その場合に受け取り直後と使用直前のどちらでやるべきとも思わない

それに対して入力制限のチェックを使用直前にやるのはイマイチ

>>772
文字列を入力させるなら、正規表現に変換する際にエスケープ処理いるよねってことで
初めから正規表現を入力させるなら問題ないかと

セキュリティの話ではなかったようだし

ミスった
result.innerHTML = "&lt;(abc)&gt;"

コンピュータを発明発展させたのが旧ソ連だとしたらgetElementByNameなん
かはロシア語ですか？旧ソ連の情報を盗んだドイツがプログラミングの基礎
を開発したらドイツ語勉強しなければいけなかったですか？

そうかそれは良かったな

ドイツ語のゼロはnullだぜ

そう、それは良かった

でも、nullはゼロの場合もあるしゼロじゃない場合もあるよね

言語の実装による。

nullはnullだゼロではない

ゼロ⇒null
null≠>ゼロ

awkなんかだとJavaScriptで言うnullと0とundefinedは全部同じだっけ？

ちょっと気になって調べたら、nilはラテン語、nullは古いラテン語が起源なんだね。

nilってラテン語なのか。

Java厨の俺にはnullと0は全く違うものにしか見えない
JavaScriptでも型からして違うじゃん

その他の言語では同一に扱うことが多いの？

if( null === 0 ){
　alert("ちげーよ");
}else{
　alert("ですよね");
}

処理系依存
#define NULL 0

ダミーのリンクを作るときなどに
href="javascript:void(0);"
という記述をたまに見ますが、このvoidは関数ですか？
void演算子なら分かるけど関数なんてドキュメント見ても見当たらないのですが。
演算子なら href="javascript:void 0;"とするべきだし。

>783
Rubyは未定義の変数を読み出そうとするとエラーになる。だからundefinedは存在しない。
nullにあたるnilと0は完全に別。例えばif(nil)は不成立だが、if(0)は成立と見なされる。暗黙の型変換も言語レベルでは存在しない。

PHPでも別。ただし大抵は暗黙の型キャストが呼ばれる。1+null+2は特に警告もなく3になる。
undefined型は存在せず、未定義の変数を参照するとE_NOTICEという弱い警告が出るとともにnullが返る。

>>786
演算子
厳密には()いらないけど別に文法違反でもないし
「(1 * 2) + 3の()は外すべき」みたいに聞こえる

>>788
ありがとうございます。なるほど、そういうことでしたか。
でも見栄えだけでこの書き方が定着したのかな…。演算子であることが明瞭になるvoid 0の方が良いと思うのになぁ

voidは使わんけど、typeofなんかはtypeof(hoge)って書き方に慣れちゃったな。
if (typeof hoge === 'boolean') みたいなときに迷っちゃったんだなきっと。

voidはビルトイン関数なんだが・・

　　　　　　　　　　　　　　　|　 |
( '∀`)　　　　　　　　　　　J　J



J( 'ｰ`)し ｱﾘｶﾞﾄ

void 演算子は次の方法のうち、どちらかの方法で使用します。

1. void (expression)

2. void expression

void 演算子は値を返さずに評価する式を指定します。

その書き方だとまるで、、、

void(null)の方が自然だな

じゃあ
void(0)でも自然だね

voidは値を返されると困る処理に使うんだよ
例えばブックマークレット

ということにしたいのですね :)

いたなあ
そういう人

定型文に何言ってんだか。


while(1) を片っ端から while(true) に書き換えるヤツいるけどさｗ

void >>801

while(1)する時なら型変換コストもそれなりに大きそう

Cなら勝手に最適化してくれる、Cなら…

voidってキーワードが出るたびに頭の中で
void → ボイン → おっぱい
と連想してしまう…

>>802

ｗ

ｗｗｗｗｗｗ



ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ