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

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。

■質問を書く上で
(1) 質問にならない投稿はご遠慮ください。(煽り、コード制作依頼など)
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■前スレ
+ JavaScript の質問用スレッド vol.96 +
http://toro.2ch.net/test/read.cgi/hp/1326787500/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
http://wing2.jp/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■テンプレ案
http://jsfiddle.net/fH4cC/3/show/

■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
WSH(・∀・)ｽﾚｯﾄﾞ! Part 4
http://toro.2ch.net/test/read.cgi/tech/1243095768/
【WHATWG】HTML5 Part3【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1295872957/
Webサイト制作初心者用質問スレ part227
http://toro.2ch.net/test/read.cgi/hp/1322905086/
CSS初心者スレッド＝11th＝
http://toro.2ch.net/test/read.cgi/hp/1327663847/

■主要FAQ (全部は http://fiddle.jshell.net/vSqKr/33/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
　　DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
　 JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　 グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　　「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
　　「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか。

■各種仕様 ( http://fiddle.jshell.net/vSqKr/33/show/#Link も参照 )
Standard ECMA-262
http://www.ecma-international.org/publications/standards/Ecma-262.htm
ECMAScript 3
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (和訳)
ECMAScript 5.1
http://es5.github.com/
ECMAScript 5 compatibility table
http://kangax.github.com/es5-compat-table/
HTML Standard (HTML5)
http://www.whatwg.org/html5
http://www.w3.org/TR/html5/
W3C Document Object Model
http://www.w3.org/DOM/DOMTR
http://www.w3.org/TR/dom/
Element Traversal Specification
http://www.w3.org/TR/ElementTraversal/
JavaScript 1.5 ガイド / リファレンス (Netscape/Mozilla)
https://developer.mozilla.org/ja/JavaScript/Guide
https://developer.mozilla.org/ja/JavaScript/Reference
JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
Gecko DOM Reference
https://developer.mozilla.org/ja/Gecko_DOM_Reference (和訳)
http://devedge-temp.mozilla.org/central/javascript/index_en.html
MSDN Library JScript
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx
http://msdn.microsoft.com/ja-jp/library/hbxc2t98.aspx
http://msdn.microsoft.com/en-us/ie/ff468705.aspx

javascriptをはじめたい、javascriptを覚えたい、プログラマになりたい、どうすればいい？金玉が痒くなった、どうすればいい？
はこのスレにふさわしい質問ではありません
>>1
> JavaScript を自ら学ぶ人のための質問スレッドです。

function hoge(a,b,c){
}

とあって自分のスクリプトではhoge()と空で使用する場合があるのですがコレは正しいのでしょうか？
それともhoge(null,null,null)みたいなのを入れたほうがいいのでしょうか？

>>3
＞A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか。

このご時勢でwindow.onloadは古いだろaddeventhandlerだろそこは

つられないクマー

>>2
テンプレ案の更新。
JavaScript で動的にテンプレ案URLを生成するようにした。他、提案事項の追加。
http://jsfiddle.net/fH4cC/6/show/

>>6
正しい。巻数内の処理を工夫すれば、メソッドのオーバーロード的な使い方も可能。

>>10
ありがとうございます
hoge()って引数が無くていい加減かなと思ったのですがこれで安心して眠ることが出来ます

> javascriptをはじめたい
> javascriptを覚えたい
これはいいんじゃね？
最初は本読めばいいのか、ネットで十分なのかすらわからないし

> プログラマになりたい
これは他のプログラミング総合スレで聞け、ここはjavascriptのみ

> 金玉が痒くなった
知るかボケ

>>10
他人の質問の便乗で悪いんだけど
function hoge(a,b,c){
　alert(a);
}
hoge("x")
って一つだけの場合も”x”とアラートされるけどそれは正しい書き方なの？

>>6と同じ質問じゃねえか

正規表現の初歩的な質問かもしれませんが
var moji = a/b/c/d/e・・・・という文字列が存在しその / が最初にマッチした部分とその後に続く文字列の二つに分けるという作業をしています
最初の部分は mojisplit('/')[0]で手に入れることが出来ます
後半部分がmatchなどでも上手くいきません。何か良い手はあります？

皆さんがWebGLやWEBGL技術(様々なシェーダーのかけかた等)を勉強するとき
どのサイトを参考にしたのか教えて貰えませんか？
やはりOpenGLのサイトを参考にしているのでしょうか？
オススメのサイトがあれば教えてください

>>15
match位置を取得して、後はわかるな？

>>15
"a"と"b/c/d/e・・・・"を得たいの？後半部分は
moji.slice(moji.indexOf("/")+1)とか
moji.split("/").slice(1).join("/")とか

>>15
moji.match(/([^/]*)\/(.*)/)

>>8
もしかしてwindow.onloadとかbutton.onclickみたいな古い書き方を多用するタイプなの？

>>16
前スレで教えてもらったサイトで勉強してから聞いてくれない？

>>20
お、俺も釣られないぞ

jquery mobileの質問はここでいいですか？
jqueryのスレも無かったので。。

　<a href="#" id="my-button" data-role="button">button</a>
としてページを読み込むと、jquery mobileのボタンになりますが、
data-role属性が無い要素をボタン化したい場合、
　$("#my-button").button();
とすると、ボタンにしてくれますが、
data-inline="true" や、 data-icon="arrow-r"
などのその他のoptionを指定したい場合はどうしたらいいですか？
　$("#my-button").button();
の引数にいろいろ与えて見たり、リファレンス↓見たりしていますが解決できません
http://dev.screw-axis.com/doc/jquery_mobile/

>>22
あ、はい

>>21
合わせて見たらよいサイト等あれば教えてください
どうしてそんなに冷たく言われるのかが理解できません
覚えたことは今度は回答者となってきちんとこのスレに必ず還元しますよ
約束します

>23 jqueryじゃなくてjQueryな
それからスレはココ
http://toro.2ch.net/test/read.cgi/tech/1323172978/

>>26
そこを最初見つけたんですが、
そこは板違いのスレらしいです。

>>6
厳密には hoge.length が正しくない
arguments.length を活用しよう

>>13
>6と同じ

jqueryジェークエリーうぜええんだよ！！！！！！！！

>>23
ここはjQuery質問は禁止してない
とりあえず、公式リファレンスを確認しては？

>>29
小学生には用事はない
嫌なら出てけ

jQuery mobileの質問はjQueryの質問ともちょっと違うからjQuery mobileスレ立てるべきだな

>>31==いつものjQuery質問者

jQueryMobileとか専門的なのはいくら何でも別スレでやれよ

ライブラリの話題は全部別スレ立ててやってくれ

ｊQueryってjavascriptで必須みたいな地位確立してるから
いいと思うけどね

質問するのは別にいいんじゃない？答えられない、答える気がないものはスルーすればいい
ちなみにjQuery mobileの質問はいつもスルーされてる
俺もスルーしてる

>>17-19
ありがとうございます、ものすごく助かります

【jQuery】JavaScript ライブラリ総合質問所 vol.1

>>23は最近の常駐荒らしの典型例。その後のレスもおそらく自演。注意。
↓のページを見ればわかる。ケーススタディとして記憶しておくように。
http://dev.screw-axis.com/doc/jquery_mobile/

アフィサイト誘導うぜえ

【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/

見るスレ増えるの面倒だから同一スレ内で良い
ただし機種固有の問題とかはしらん

>>37
一番の理由としてはjQuery mobileがjQueryほど流行していない、コレに尽きるな
俺も正直解らないしぃー

ライブラリの話題と生のjsの話題をごっちゃにするよりも
分けた方が見やすいし過去ログからさがしやすくなるのでそれでいいよ

過去ログから探しやすくなる・・・って目視で探してんのか

本来は一緒でいいと思うけど荒らし対策として分けたほうが良さそうだな
>>42乙

スルーすれば済むことじゃん。それくらいたやすいだろ情強でスルースキルも高いお前らなら。
スルーできずに食い付いてるやつは自演だと思って高みの見物しとけばいい。などと俺もレスしちゃってるけど
大多数の賢明な住人は今もレスせず見物してる。はず

最近の質問内容見たら別スレでまとめたほうがわかりやすいだろう

Q. スルースキルは？
A. ないんだな、それが

ライブラリってだけでも結構奥深いんだからここじゃなくてもいいだろう

なんで糞スレたてたんだ

ム板でも話し合いを無視してスレが立った
であの有様
今回も急にやっつけテンプレの突貫スレが立った
同じ流れ
よくあることだしほっとけばいい

>>53
テンプレ議論とかうだうだしてたらいつまでも立たないじゃん
このスレだって単発乱立の混乱を避けるために誰かが気を使って作った総合スレだし
とりあえずスルーされたりするような質問は流れるのもあれだし
向こうでやってくれればいいんじゃない？

初めてスレきたのに常駐の人間に認定されててワロタ

ちなみに>>23の問題は解決した
$("#my-button").buttonMarkup(
　　{inline:true,theme:"e",icon:"arrow-l",iconpos:"left"}
);
でoprions渡してボタン化できた
ライブラリの話題は需要ないらしいが共有しておく

個人的に、スレの流れ早くないしライブラリのスレは分ける必要ないと思う
どうせ過疎って使われなくなるだけだしな
答えたくないならスルーすればいい話

そう思ってるのはあんただけ
皆見るのも嫌って言ってんだろ
迷惑してんだよさっさとやめろ

お前だけ
とか
みんな
とか
にゃんこ先生
とか
また見えないものが見えたりする人が

そのうちCoffeeスクリプトとかの質問も来出すんだろうな
もういっそECMAscript関連総合にすべき
それなら文句ないだろ

どうでもいいけどHTMLの操作もスレ違いになるんじゃないのかね

Titaniumとかnodeとかもこのスレで質問して言い事になるよね！JavaScriptだもんね！
jQueryだけここで質問してよくてこれらのライブラリもダメなんて言えないよね！

>>60
node.jsってウェブのクライアントサイドで動かすの？この板はWeb制作板だけどまず板のローカルルールに沿ってる？

>>60
別にいいが、jQuery以外答えが返ってくる可能性は低いぞ
UIですらキビシイ

幸いにも親切な人がいればよりレスがもらえやすい活発なスレに誘導されるかもね
テンプレの関連スレにWSHスレが載ってたりするし

ライブラリーというか周辺規格専門スレが必要なのは確定的に明らかでしょう
このスレはあくまで初心者スレ
>>15みたいなJavaScriptの基本的な基礎部分を扱う

ライブラリー使ったり実用的な質問は「コード作って下さい」って言ってるようなものだし
JavaScriptのイロハも知らずライブラリー使えるレベルに達してない人が
無理に使って困って質問するのが多いのが滑稽過ぎる

そういうのがライブラリー使う質問が嫌われる原因の一つ
知恵袋か別スレでやって欲しい

>>61
WEBとネイティブの境界はもう引けないだろ
考え方が古い

大学でもjQuery使ってるらしいから
依存しすぎだよねー

スルーすればいい、と言うけど
暇なのか寂しがり屋なのかすべての話に参加しようとする人が常駐してるみたいなんだよ
でも自分のわからない話だと参加できなくて疎外感を感じるのか怒って暴れるんだよ
もちろんそういう人はスルーなんてできるわけがない
だから大人な側が譲歩するしかないんだよ

>>65
俺の考えじゃないから俺に言われても困る
板のローカルルールを作った人に対して言ってくれ
ローカルルールを改めろ、と

>>68
いや、あんたの考え方の問題だから
すべてWEBに繋がってると考えれば何も問題ない

そう、JavaScriptの基礎的な部分であれば変わらないんだから問題があるわけないんだよ
そこでUIに特化したjQueryがむしろ問題になってくる

こっちが隔離スレとして機能してくれそうで助かったｗ

実際にWebサイトのクライアントサイドで使うの？
> 「考えれば」何も問題ない
こそ現実と乖離した「考え」じゃない？実際どうなの、と

evalとテンプレ議論のレスだけになったりして

>>56が
http://info.2ch.net/before.html
の「頭のおかしな人の判定基準」の一つ目にドンピシャすぎて笑えない・・・

>>71
何を言ってるのかよくわからん

ソースが2chで人格攻撃とかワロス
2ch信仰家なのかな？

>>67
ワロタ
どうやらそのとおりみたいだな

>>76
おとなしくしとけばたちが悪い奴ってばれなかったのに
ここでわざわざjQuery質問者の株を下げにかかるとか荒らしか本当のアホや

本当だ>>73に当てはまるじゃん
＞根拠もなく、他人を見下したり、差別したりする人、自分で自分を褒める人
＞　他人を見下すことで自分を慰めようとする人です。実生活で他人に褒めてもらう機会がないが
＞　プライドだけは高いとか、匿名の掲示板しか話し相手のいない人です。可哀想なので放置してください。

根拠は示してんじゃね？

このままじゃあ10年後でも20年後でも荒れたままでしょ
それがいいわけない、今考えられるのは
このスレと、ライブラリメインスレと、議論メインスレにちゃんと別れること

もっと言えば『テンプレ・平常化議論スレ』を立ててどうするか討論すべし
ここでグチグチ言ってるのは何の解決にもならないただの荒らし
そういうこと検討したくない、今のままでいいとか言ってる奴は荒らし肯定してるのと同じ

質問の振りした議論・雑談吹っかけをどう回避するかの質問スレ用のテンプレを練らないと
議論・雑談用とされているム板のスレのように役割をなさないスレが増えるだけっすよ

例えば>>16は釣り
こういうのWikiにまとめたら？

まあテンプレなんか誰も見ないから意味ないけどね

質問です！

http://myv382tokyo.com/
↑このサイトのように、webページを表示時にlightbox（lightwindow?）で画像を表示したいです。
普通に導入するくらいならできるのですが、ページを開いたと同時に出てくるようにする方法がわかりません。

誰かお願いします。

そのライトボックスってのをwindow.onloadされたとき実行させればいいんじゃねー？

このご時勢でwindow.onloadは古いだろaddeventhandlerだろそこは

だからaddeventhandlerって何だよ

window.onloadしか知らない無知は黙ってろや

やはりただの釣りか
console.log(window.addEventHandler); // undefined

全部小文字なんじゃね

コアのビルトインかも

addeventhandler の各文字について、2^15 通りは調べるべき

古くからJavaScriptやっているけど、プログラムってゴリゴリ書くのが楽しいんじゃないの？
jQueryとか甘えと思うのは時代遅れなのか…

>>88
なんだ荒らしか

時間・労力の節約とクロスブラウザ対応と保守性の為じゃないかな。
俺も使ってないけど。

俺は完成品で楽しむのが好きだからなー
プログラム書くのは基本好きじゃない
スッキリしたコードで負荷も少なくパパッとやっちゃうのが好き、俺が例外なんだろうけどさ

見やすい、これに尽きる

もうブラウザ毎にif、if、if、if、ifなんて嫌なんだよぉ！

>92
同意

>97
仕事はまた別の話だろう

使い分けると言う発想はないの？プログラマは白か黒かtrueかfalseか極論に走りがちなのか

jqueryが甘えとか言う奴はずっとJSにしがみついてればいいよ。
仕事で通用しなくなってくるから。

仕事の受注だとIE6なんっつー超絶ファッキンブラウザにも対応しないと文句言われんだよね
それもユーザーからじゃなくて『会社のPCでは見れない』とか

プライベートならIE9以下は見るなカスとまでやっていいけど

>>92
お前のようなヤツは絶対出てくるよな。

はっきり言って、お前程度のレベルが作るスクリプトより、
jQueryで作られた物の方が信用できる。

ここはJavaScriptのスレ

>>100
そもそもjQueryで出来ることくらいは自分で作れるし。
>>101が言うようにIE6みたいな古いブラウザかつ、クロスブラウザ対応でゴリゴリ作るのが楽しいわけで…

作れる作れないじゃねぇよ
少しでも軽量化して消費者の見易いサイトに少しでもやれってことだよ

jQueryを別スレに切り離して雑談を切り離さなかった理由がわからない
jQueryを毛嫌いする雑談好きの仕業かと思いきや雑談のjQueryの話題は振ったり乗ったりするみたいだし

中身はJSもJQも変わらん。だからスレ分ける必要もない。
分けたら分けたで忍術で潰されるのがオチ

みんな語尾を「ござる」にするってルールにすればいいんだよ。
そうすれば荒れないと思う。

いいだしっぺの法則

俺もjQueryスレを別で作る方がいいと思うんだが、
しかし、それを固くなに拒むヤツがいるマヨ

>>110
もうできてる

>>105
軽量化するならjQueryを使っちゃ駄目だろう

>>112
それマジで言ってるの？

clearInterval()で処理を終了できません。ヘッダに以下のように書いています。
<head>
<script type="text/javascript">
window.onload = function() {
　　var start = setInterval('test()', 1000);
　　function test() {
　　　　処理
　　　　if (条件) clearInterval(start);
　　}
}
</script>
</head>

スコープの問題なのはわかるのですが、どう書くのが正解なのかわかりません。
var start　のvarを取ってしまえばできますが、グローバル変数を汚したくありません。
教えていただきたいです。よろしくお願いします。

(function(){このなかに書く})()

　 　 _, ,_ 　ﾊﾟｰﾝ
　（　‘д‘）
　　⊂彡☆))Д´）>>115

>>115
できました！ありがとうございます。
勉強になりました。

>>114
> clearInterval()で処理を終了できません。ヘッダに以下のように書いています。

いろいろ試して張るコード間違えたのかと思いますが、
そのコードだと終了できない以前に
「testは未定義」とエラーになってしまうでしょう。

var start = setInterval(test, 1000);

のように、関数名または無名関数だけを書くといいです。それで
一定時間ごとに「その関数を呼び出すように指定」することになります。

関数呼び出しの丸括弧をつけると、
「まず関数を呼び出して戻り値をsetIntervalの引数とする」ことになるので
意図通りにはならないでしょう。

setIntervalに文字列を与えると、
一定時間ごとに「文字列をグローバルコードとみなして実行」となります。
関数testはグローバルでないので未定義に。

>>116
お前ニコ生やってるだろｗ
そのＡＡで特定したｗ

>>119
２ちゃんは初めてか？
力抜けよ。

>>118
おっしゃるとおりで、貼ったコードはそもそもおかしかったです。
正しくは以下のとおりです。
window.onload = function() {
　　var start = setInterval('test()', 1000);
}
　　function test() {
　　　　処理
　　　　if (条件) clearInterval(start);
　　}
}

アドバイスどおり、setInterval(test, 1000); で意図したとおりに動きました。
丁寧に解説していただいてありがとうございます。

>>115さんの無名関数を使う方法でもできましたが
読みやすいこちらの書き方を使うことにします。ありがとうございました。

>>121
最後の中括弧いりませんorz あせってしまって・・・すみません。

>>113
勿論

三項演算子というのがありますが
大学の課題でif、elseを三項演算子でやったら褒められたので、二択の場合三項演算子使うように努力していました
しかし、これってif、elseと比べてメリットとかあるのでしょうか？

自己満足

>>125
ﾌﾟｗ

>>124
誉められたのは、教えていないのによく勉強しましたね、ということであって
三項演算子が誉められただけだと思う

特にどちらが優れているということはないので
状況に応じて使い分けてみてよ

書き間違えた

誤：三項演算子が誉められただけだと思う
正：三項演算子が誉められたわけじゃないと思う

すまんこ

大学生にもなって三項演算子を使っただけで褒められて、
しかも一度褒められたからそれを使うように努力しているだと…？

高校でプログラミングやるなんてよっぽどPCに触れてる奴だけだからねー
大学からは多いんじゃない？

短ければ三項演算子でもいいけど、
if〜elseの方が可読性が高いのなら、そっちで。

ある条件式を観たすか満たさないかで
0か1のいずれかを代入するような計算がよくある。
そんな時は迷わず三項演算子使ってるなあ。
イチイチ{}付けて改行とかやってられん。

>>132
true or false なら3項演算子なんてつかわんでも条件式代入するだけなのになんで0,1使うの
そんなんするのサーバーと通信する部分くらいだわ

よく嫁
0,1を使う「ような」と書いてるだろうが
そもそもいちいちそんなのにつっかかるな馬鹿馬鹿しい

★の部分のthisがBBS内のthisじゃなくてクリックされた要素になるんだけど
clickのイベントハンドラを匿名じゃないメソッドとして定義しつつ
thisをBBSと同じスコープのthisとして使う方法はない？

var BBS = function() {
　this.messages = new Array();
　this.box = $("#box");
　this.button = $("#button");
}

BBS.prototype.show = function() {
　for(var i = 0; i < this.messages.length; ++i) {
　　this.box.append(this.messages[i]);
　}
　this.button.onclick(this.post);
}

BBS.prototype.post = function(ev) {
　var message = getMessage();
　this.messages.push(message); # ←★
}

prototype汚染きも

間違えた
×　this.button.onclick(this.post);
○　this.button.click(this.post);

>>135
var that = this;
this.button.onclick(that.post);

>>136
？？？

>>135
< 　this.button.onclick(this.post);
> 　this.button.onclick($.proxy(this.post, this));

結局今日の鯖落ちはなにが原因だったんだ

>>140
ddos

$.proxyでできました
ありがとうございます

>>140
バージニア州で地図に日本海と東海（日本海の韓国名）を併記する法案が否決されたことにより
チョンがファビョって2chにF5アタック

というのが有力な説

>>143
バーボンハウス観測所のログ見てから発言しような。
今回はbotからの攻撃だよ。

e.find("#aaa")で要素がとれない。
FireBugsでconsole.log()で表示すると空の配列[]だった。
別の要素e.find("#bbb")は普通にとれた。
idのtypoはしてない。
原因は何が考えられる？

HTMLでid="aaa"じゃなくid="aaaa"とか

typoじゃないのは確認したよ。

FireBugsに表示されるのは完全な空配列ってわけじゃなくて
要素がとれてる場合は[div#bbb]みたいに表示されるけど
とれてない場合は[ ]しか表示されない。
展開するとjQueryのcontextとかprevObjectとかのプロパティはあるみたいだけど。

エレメントに何かあるに１００ペリカ

再現する最小のコードを。そのコードを作っている最中に原因がわかることもしばしば

同じid2つ指定してるってオチじゃないか
そもそもid指定されたものをfindで取ってくる必要はないぞ

再現するコード作ってみたらやっとわかった。
e = $("<div id='aaa'>aaa</div>");
じゃなくて
e = $("<div><div id='aaa'>aaa</div></div>");
ってしないとe.find("#aaa")でとれなかった。

ありがとう。

適当に勉強に作ったプログラミングのサンプルをブログに書きまくって
たら、気づけばFC2カウンターで一日20人前後が人が来るようになった。
結構検索でも引っかかるな。Javascritpとphpのネタが主だけど。

後あるとすればFirebugと対象のHTMLが別フレームを見てるとか

スマケー（）とか言われてるテンキー付きのAndroidをJSで判別することって出来ないかなー？
出来ればそれ用のUAテーブルとかは作りたくない…

UAみればいいじゃない

UAだと今後テンキー端末どんどん増えていくでしょ
例外処理の為にテーブルを管理しなきゃいけなくなるから極力回避したい

なんかしらJS側で独自実装があれば、それで判別したいと思ったの

あるよ、困ったときの万能手段。

つprompt

誰か書くと思った。ちょっと自重してしまった。

キーイベントが入ったら切り替えろ

前スレ>>804ですが
わかる人いますか？わからないですかね・・・
他言語も使えるってレスがたくさんありましたがFlashとの連携とかしてる人はいないですかね


+ JavaScript の質問用スレッド vol.96 +
http://toro.2ch.net/test/read.cgi/hp/1326787500/804

804 名前：Name_Not_Found[] 投稿日：2012/01/26(木) 19:33:25.30 ID:20R02GI0
たとえばYouTubeの動画のページを表示してWebコンソール等で
document.getElementById("movie_player").playVideo()
などとすると動画を再生したりできますが（YouTube API）
こういったFlash等のプラグインによって追加されたメソッドやプロパティの一覧を取得するにはどうすればいいですか？
この要素をFirefoxのDOMInspectorやChromeの「要素の検証」のElementsタブでプロパティ一覧を見ても
playVideoメソッド等は載っていません。
for inで列挙しようとしてもだめでした。
でもjavascriptから使えます。

>>160
基本的に、取得はできなくて、プラグインのドキュメントを調べるしかないと思うよ。

まとめて取り出したりできず
名前を知っていないと呼べないんすね・・・どうもありがとう

a b ...aa ab のように順番にあるかどうかみていくとか…

そういう規格のページはXHRv2でアクセスできるように
されてるところが多いからそれで拾って来る
冗談のようで現実的な唯一の方法

videoタグで再生する動画をある一定の下スクロールが発生した際に再生を行いたいです
javascriptでスクロール量の取得までは出来たんですが、そのイベントでビデオを再生する方法がわかりません

具体的にはこのページでビデオが見えた瞬間に再生開始させたいのです
http://www38.atpages.jp/yasunaga/main2.php

videoのエレメント取って
element.play();
element.pause()

>>166
ありがとうございます＼(^-^)／
さっそく試してみます☆

" "と' 'ってphpみたいな変数を展開するとか\nの関係とかそういう違いみたいなのはないんですうか？

ない

ない

ない

ttp://www.kotaku.jp/2010/10/tetris_code.html
テトリスなんですがどの部分で■が落下する処理が行われてますか？

すいません。jQueryについてどなたか教えて貰えませんか。
ある親要素をクリックした時に、そのクリックした要素の子要素だけをセレクトしたいんですが、
うまくいきません。
<div class="oya">要素1
<div class="ko">内容1</div)
</div>
<div class="oya">要素2
<div class="ko">内容2</div)
</div>
のような時に、要素1をクリックした場合は内容1だけをスライドしたいのです。
$('oya').click(function(){
$('ko').slideDown('slow')
}
にすると、当たり前ですが内容1,2両方とも動きますよね。
入れ子になってない場合はnextで指定できましたが、入れ子の場合が判りません。
調べたのですがうまくできません。宜しくお願いします。

for(i=S="";i<240;X[i]=Z[i]|=++i%A<2|i>228)i%A?0:S+="<br>",S+=X
[i]?"■":"＿";document.body.innerHTML=S+P;Z[5]||setTimeout(Y,99-P)}Y()

>>174
何故これで■が落ちてくるのでしょうか？

>>175
http://okwave.jp/qa/q3481138.html

>>175
落ちてるのでなく、全体を再描画してるだろ。

落ちるって認識だと別プログラムになるな

プログラマーって知らない言語をイチから勉強するときってどうやって頭に叩き込むの？

>>173
$(".ko", this)

dt・dd要素のほうがいいんでない？

>>179
その言語で書かれた、既に動いているソースコードを追う

javascriptやってた人間がいきなりアセンブリやれと言われたらコードを追う程度では

>>180
うおおおお、出来た。thisをどこに入れるのかずっと悩んでました。

入れ子にしたいのでdivにしてますが、dtでもいいのかな。
正直、入れ子を諦めようかとも思ってました。マジありがとうございました。

>>179
言語の基礎的な部分勉強してあとはコード読むのが良いと思うよ

まず、正しい知識を持って書くことだと思うんだけどな。

難易度って
JS＞CSS＞HTML
なの？

「HTML できます！！」=「日本語話せます」
「CSS できます！！」=「漢字書けます」
「JS できます！！」=「免許持ってます」←何の？

>JS できます！！
これの大半はJSの事解ってない奴だから困る

>>187
すげぇわかりやすい

>>187
なるほどなるほど
「phpできます！」や「MySQLできます！」はなんですかね

html 車のパーツを揃えて組み立てる
css 車の内装や塗装を行う
javascript 車を制御する（動かす）

>>190
英語話せます、英語で通訳できます

>>191
これだな

>>191
最後はAT限定からペーパー、大型、F1レーサー、もしくは原付って感じだな

>>191 だと、

html > javascript > css

になるお。

じゃあCSSで詰まってる俺は終わってるのか

いや、CSSは舐めてるとキツイ
組み合わせるとき感覚的なものがあるからjavascriptとは違った難しさがある

>>187
「HTML5 できます！！」だと実は凄腕エンジニアである可能性が出てくるな

職安で必要技能：フォトショップとかあるのに
必要技能：HTML5、Ajax、jQueryが無いのがすげー疑問だ

JavaSriptが一番簡単だと思う
だってHTMLとかCSSとかUI部品としか考えてないプログラマーにしては
つまんねーし興味沸かないからさっぱり勉強しないと思うんだよね

>>200
HTMLやCSSできないとJSできないんじゃないの？
そう思って今HTMLとかCSSやってるんだが

>>200
あー、いるいる。見た目がダサすぎてやる気すら起きないミニゲームを作ってる業者が居た。
クリックする気すら起きないってすごいよ。

>HTML できます！！
これの大半はHTMLの事解ってない奴だから困る

>>201
DOM操作だけが全てじゃないからね

>>202
html、cssが出来る出来ないと
センスがないのは別の話だろ

パソコン使えます！っていうやつと同じか

まぁそんな感じ

エクセル使えます！←VBA使えない

>>208
関数使えないだろ。

ボーカルやりたいです。
初心者ですが気持ちだけは負けません！
誰か雇ってください

JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。

DOMを操作してジェットストリームアタックが出来ます！

そのネタ、すっごい以前にJSのMLで見た気がするぜ懐かしい

ム板のJavaScriptスレから誘導されましたのでこちらで質問させてください。

下記のようにActiveXコントロールのプロパティ（PropertyA）に値を設定するところで
IE8標準モードまでは普通に動作するけどIE9標準モードでは
異常値を設定すると例外がキャッチできません。（例外にならない値なら正常に動作）

try
{
sampleControl.PropertyA = document.getElementById( "PropertyA" ).value;
}
catch(e)
{
alert("PropertyAで例外発生");
}

で、プロパティに値を設定するところの記述を下記のように変更すると意図通りの動作になるのですが
これがJavaScriptの書き方として正しいのかがわかりません。
sampleControl.PropertyA(document.getElementById( "PropertyA" ).value);

どなたか、何かご存知ないですか？

んな伏せた書き方して、誰が判断できるんだ？

すいません。どこまで必要でしょうか。
例えばActiveXコントロールのPropertyAが0,1,2以外の場合
エラーをThrowするようになっていたとしてIE9では下記のときエラーをcatchできません。
IE8では問題なくcatchできます。

try
{
　sampleControl.PropertyA = 3;
}
catch(e)
{
　alert("PropertyAで例外発生");
}

try節の中が以下の書き方の場合はcatchできます。
　sampleControl.PropertyA(3);

ここで値を設定するのにカッコで書くのはJavaScriptの書き方として
正しいのかがよくわからないということです。
よろしくお願いします。

訂正：
×　PropertyAが0,1,2以外の場合
○　PropertyAに0,1,2以外を設定しようとした場合

ってかム板のJavaScriptスレってなんのために存在してんの？
おもっくそLRで禁止されてんじゃん
ここに誘導するだけのスレ？

実は隔離スレみたいなもん

function a(){

a();
}
とループしている関数を作ったのですが
onclick=b()f
を実行したとき止めるにはどうすればいいのでしょう？

グローバル変数に入れてa()内で常にチェックすればいいのでは

前にも書きましたがスルーされたのでもう一度書きます

Workerを強制終了させるにはどうしたらいいのでしょうか？

Workerは無限ループや長時間動いてもダイヤログ出ないのでユーザーが止めるすべがありませんよね？

>>222
Web Workers の中で終了条件を作っておいて終了条件を満たすようにすればいいかと。

>>222
Worker.prototype.terminate かな。
https://developer.mozilla.org/En/Using_web_workers#Terminating_a_worker

>>224,223
すみません、良く調べたつもりだったのですが

これで安心して使えます
どうもありがとうございました

Webシステムで一定周期ごとにデータをサーバーから取得し、変更されたデータをJavaScriptのalertに情報として表示しています。
例：りんごが50円になりました
このalertを常にWindowsの最前面に出力する方法はないでしょうか？
Excelなどほかのアプリを扱っていてもその前に出したいと言われて困っています。
制御できるならVBScriptなどでもかまいません
またブラウザを最前面に表示でもかまわないと言われてますがfocusなどをいじってもタスクバーが点滅するだけで壁にぶち当たっています

>>226
追記です
IE7、8のみで動けばいいです

>>226
ブラウザでは無理

ブラウザのJSだけでは無理

IE の代わりに HTA にするか、リスクを承知の上で、IE で安全とマークされていない
ActiveX を許可させるか、おしインターフェイスが必要なければ、WSH にするか。

やはり無理ですか
HTAとActiveXはそれしか実装方法がないなら・・・みたいな感じで言われてます
WSHのAppActivateが各種Windowをいじれたりするので何とか使えないかなと調べていたところです
ActiveXでWSHを使った制御とかするしかないのかな？

webnotificationじゃだめなん？

定期的に更新をチェックして、更新時に差分を表示する、とかなら、
インターフェイスは必要ないから、ファイルに書き出して
メモ帳で開いて 30 秒後に閉じるとか。
その為だけにブラウザを開いておく必要もない。

そんなことより、おまいら、奇跡きつるぞ！

毛の成長早める仕組み解明、脱毛治療に応用期待 : 科学 : YOMIURI ONLINE（読売新聞）
http://www.yomiuri.co.jp/science/news/20120203-OYT1T00803.htm

プログラマーって禿少ないよな
やっぱ紫外線浴びないから？

無知乙。
禿と紫外線は関係ない。
要因は内。

禿げ乙

>>236
お前も禿げるから是tッタイ！

Jqueryでhtmlをgetしているんだけど
ステータスが404 Not Foundって帰ってくる場合に
残りのレスポンス(text/html)をdataとして受け取りたいんだけど（エラーページの内容が欲しい）
どうやればいいの？

JqueryでもAjaxじゃなくてもいいので誰かお願いします

>>238
お前も禿げるから是tッタイ！

404のレスポンスボディが取得できないとマジでハゲそう；；

>>238
$.ajax()のerror関数の第一引数のにresponseTextがあるっしょ

evalダメ、是tッタイ！

responseText空っぽだったよ・・・
ハゲそう

>>226
一旦最小化しておくといい。

>>238
ちなみにエラーページに何があるのかね
404であることがわかるだけじゃ足りないの？

404エラーのページを集めるようなサイトとかもあったりするからなー

前に何かの記事だかでprototypeに関数を設定するとガベージコレクションされるみたいな事を見た記憶があるのですが

A:
(function() {
function f1() {
}
function f2() {
}
f1();f2();
})();
B:
(function() {
function ccc() {
}
ccc.prototype.f1 = function() {
}
ccc.prototype.f2 = function() {
}
var c = new ccc();
c.f1();c.f2();
})();

こんな場合Ａの関数f1f2は処理を終えてもメモリから消えず残る
Bのprototypeに指定した関数f1f2は処理を終えたらメモリから消える＝Bのように書くと高速になる
みたいな自分の認識は正しいのでしょうか？

>>246
JSじゃよそのは…

>>248
サーバサイドもあるし拡張もあるしなんとも言えない

FAQの4に、似ているのですが、どうしてもうまくいかないので教えてください。

var parts = new Array("name1", "name2", "tel", "birth");
var mess = new Array("苗字", "名前", "電話番号", "誕生日");

for ( i = 0; i < parts.length ; i++){
　if ( document.forms.form1.elements.parts[i].value == "" ) {
　　caution = mess[i] + "が入力されていません";
　　alert(caution);
　　return(false);
　}
}
------
このif文を
　if ( eval( document.forms.form1.elements.parts[i].value) == "" ) {
にしてもだめでした。何がいけないのでしょうか。

>>250
elements[parts[i]]

XMLHttpRequestでリクエストヘッダのRangeを使って分割して取得したいのですが、
Rangeが0からはじまる部分は問題ないのですが、それ以降の部分が文字化けしてしまいます（日本語が化けるとかではなくすべて）
Rangeはバイト単位で取り出すから0からはじまらない場合は
ひとつの文字の途中のバイトから切り出されていておかしくなってるのかなとか思ったりしてるのですが
Rangeで分割して取得しても化けないようにするにはどうすればいいですか？
Firefox、Chromeで確認したところ化けました。

http://jsbin.com/analuj/edit#javascript

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

anal...

技術者っブログとか、自作webサイトに、適当にプログラム作って
解説とかやってくれよ。
Javascript、PHPとかってサンプルが少なすぎ。
英語のwebサイトとかだと、山のようにサンプルあるし、いっぱい
技術者がブログ記事等を書きまくってるのに。
そんなに日本の技術者は忙しいのですか？

Sizzle.js なら解説してやるよ。

>>255
腐るほどあるだろ

>>255
英語を覚えろよ
基本的な技術文書や仕様は英語だろ

Googleの使い方を教えてくださいって質問か

>>256
クエリセレクタとしてシズルだけ使ったとき
jQuery全部読んだ場合と比べて、オーバーヘッドの違いを
体感できるのって、どのくらいの規模くらいからなんでしょか

大雑把な質問で申し訳ないですが、なんか紹介できる事例とか
あったらでよいので、教えていただけると嬉しいです

Javascriptでcssをいじる系のプログラミングって厄介だな、
cssを覚えるのが面倒だな。
地道に覚えるしかないのでしょうか？

>>261
JavaScriptを自ら学ぶ気があるのならそうだね。

>>252
UTF-8とかSJISとか使うと文字の途中で切れるからUTF-16(扱う文字によってはUTF-32)でも使えばいい

正規表現において、半角英数字及び半角のアンダーバーを\wですが、
全角の英数字及びアンダーバーはどうやってやるのですか？
まだ、全角と半角の英数字とアンダーバーが入り混じったものの
正規表現はどうやるのですか？

>>264
文字クラスで列挙するだけ。難しく考えなくていい。

サンプルプログラミングで出てきたのですが、
p.speed=p.speed?p.speed*.1:.5;
三項演算子を使ってるのはわかります。
p.speed*.5って何ですか？
初めてJavascriptでアスタリスク使ってるのを見ました。
.5は0.5と同じ意味ですか？

これって単純にp.speed×0.1って意味ですか？

実際に使って出力してみたらわかるんじゃね？

サンプルをいじる前に文法を一通り見ようとはしないものだろうか

multiboxをaタグだけではなく、mapタグで指定した場合も動作するようにコードを書き換えようと思っているのですが
どこをどう直したらいいのかわかりません。

mutiBox.jsの78行目あたりに

if($chk(el.get('rel'))){
el.store('origRel',el.get('rel'));
};

という記述があるのですが、普通にaタグで指定した場合はelに画像のアドレスも入ってきますが
mapタグで指定した場合、画像のアドレスが入ってきていないようです。
しかしコードを見てみてもaタグからと限定したようなコードがないように思えるのですが・・・
どなたかご教授いただけたら幸いです。

if(el.rel.test(/\[*?]/i)){
-> if((el.get('rel') || '').test(/\[*?]/i)){

var myTarget = ($(e.target).match('a')) ? ...
-> var myTarget = ($(e.target).match('a') || $(e.target).match('area')) ? ...

mutiBox.jsから該当箇所を探し、修正。前者は3箇所ある。

解決するならjQuery使ってもいいのですが
CSSでとある要素のwidthとheightの変更をするのですが
結構スペースと文字数が多いので時間がかかります
これが完了した後コールバックみたいな形でとある関数を実行させたいのですが良い手はないでしょうか？

>>272
何をしたいのか全くわかりません

>>272
https://developer.mozilla.org/ja/CSS/CSS_transitions#section_8

つまｒDOM操作が終了したらって事かー？
Javascriptとは別問題だから無理じゃね？スレチとかそういう意味じゃなくて

>>263
レスどうもありがとうございます
xhr.overrideMimeType("text/plain; charset=UTF-16");
xhr.overrideMimeType("text/plain; charset=UTF-16BE");
xhr.overrideMimeType("text/plain; charset=UTF-16LE");
xhr.overrideMimeType("text/plain; charset=UTF-32");
xhr.overrideMimeType("text/plain; charset=x-user-defined");
等を付けても化けます（化け方が変わったりはしますが）
正答を
> http://jsbin.com/analuj/edit#javascript
からフォークしていただけますか？

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

>>276
正答も何もUTF-16でエンコードしたテキストをxhr.overrideMimeType("text/plain; charset=UTF-16BE"); で普通に読めたけど

ああ、すみません、元データはcharsetを変更できません
jsbinと同じUTF-8（またはShift_JIS）です

UTF-8は1〜6バイトまでごちゃ混ぜだから先頭と末尾のrangeに余白を持たせて取得して文字が半端にならないように切り取るロジックがいる

ろじっくｗ言う奴のコードが全然ロジカルでない件

>>280
ためしに>>252のコードを"bytes=0-99"から"bytes=0-109"（"bytes=100-"から"bytes=110-"）までを1刻みでずらして確認してみましたが
どれも0から始まらないほうが化けてしまいます
そういう意味ではない？ですか？
UTF-8やShift_JISでは無理？

jQueryで、チェックボックスを調べる場合・・・

$(":checkbox").attr("checked") == true

のように、true と falseで調べれてたと思うんだけど・・・
今作ってると戻り値が、checked か undefined かになってる・・・
他のサイトとかでも、true と false で判断するように書いてるけど・・・何か変わったの？

>>282
charset=x-user-defined で取得したら、utf8のバイト列が得られるわけだろ?
だったらそれをUTF16に変換すればいいじゃないか。
確かめてないけど。

>>283
1.6から

for(var i=0;i<10;i++)のような書き方って正しいのでしょうか？
エラーは出ないが、推奨されていないとかでしょうか？
var i;for(i=0;i<10;i++)とどちらがいいのでしょうか？

>>283
jQueryはDOMをうまく隠蔽できてない
昔はIE/DOM-HTMLの振る舞いに、今のはDOM-Coreの振る舞いに合わせてある
振り回されたくなけりゃ自分で下層を調べろ

>>286
どうでもいい
C/Javaのように書けるようforの中にvarを入れられるようになってるだけ
しかしJSにはブロックスコープがないからvarを外に出したがる奴もいる

>>285
>>287
途中から仕様が変わったのですね。
でも、なかなか致命的な仕様変更ですね・・・
少し前に作ったスクリプトは正しく動いてくれなくなる・・・

>>288
jQuery 1.6以上を使ってるならprop()でおk
http://api.jquery.com/prop/

>>287
attr()仕様変更の件はDOM-Core関係なくね？
あと、今はDOM4に改名してるぞ（URLはそのままだけど）
http://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html

>>289
>>287ではありませんが、DOMは要素ノードの属性とプロパティを区別する仕様です。
一方、IEの古いバージョンにはこの2つを区別しない実装がありました。

>>289
DOM4はDOM Level 2とLevel 3からウェブ用に寄せ集めたシロモノ
CSSで言えばプロファイルに相当する
定義が変わったものもあるが、新しいレベルでも何でもない
用語に振り回される典型

念のため、DOM Level 2は主にXML名前空間、Level 3は主にXMLスキーマの機能追加だ

一方、HTML5のIDL表現としてのDOM5-HTMLは、後にHTML5とDOM-Coreに分離して（途中過程は飛ばす）
さらにDOM-CoreがDOM3-Events（一部）、DOM2-Traversal、DOM2-Rangeを取り込んでDOM4に改名した
DOM4の「4」は昔のHTML「5」同様、マーケティング戦術以上の意味はない

ただownerDocument、attributes、EventListenerその他定義が変わっているのが結構あるから
マイナープロパティを多用している奴は確認しろ

肝心な部分を書き忘れたが、だからDOM-Coreには二種類有る
DOM Level 2/3 Coreと、今はDOM4と呼ばれる昔のDOM-Coreな
>>287は前者、>>289は後者の話をしているので噛み合ってない

つまり、W3CしねちんかすってことでFA？

ちんかすは死なない

jQueryで.animatedの複数指定って出来ませんか？
�@のアニメーションが完了したら今度は�Aのアニメーションと言った形で動作させたいのです。

$().animate().animate();

なるほど！callbackにどんどんつなげていけばいいんですね。ありがとう御座いました！

callbackをつなげるっていうか、queueにどんどん入れていく感じだな。

callbackにfunction()いれてからその後にqueueかと思ってましたがcallback入れなくてもそのまま次の処理してくれるんですね

>>300
ええと、ひとつの動作の完了時のcallback関数で、次の動作を指定しないとダメだと思ってたってこと?

そういう事なら違うよ
$('div').show('slow');
$('div').hide('slow');
$('div').show('slow');
$('div').hide('slow');
とかやってみればわかると思う。

あとはドキュメントの .queue()のページ http://api.jquery.com/queue/ のExampleとか。

そういう作りになってたんですね･･･
ほんとに助かります。

ああ、このコードだとshow/hideを実行した時に効果が現れていると考えても区別がつかないな。
ええと…

$('div').show('slow');
$('div').hide('slow');
$('div').show('slow');
$('div').hide('slow');
alert('');

として、ダイアログのOKボタンを押したあとに動き出すことを確認してくれ。
もうわかってるんだろうけど。

jqueryだけに関する質問は頼むから専用スレでやってくれ
その気はないかもしれないが荒らしてるのと変わらんぞ

【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/

結局、ライブラリの質問は分離するという合意になったの？

jQueryだけに関するかどうかってのは誰が判断するのかね
それがわかる質問者もいるだろうけど、たいていわからないんじゃない？
質問する側がわからないのは仕方ないよね、だから質問してるんだし

別に「だけ」じゃなくて「JQueryの質問」でいいんじゃないの。
JQueryだけで本当に済まない時は転送してくれてもいいんで。

phpスレでcakephpの話題を出されるようなもん

別にPHPスレでも無いし
ここは元から知らない事も知れたりするからOKというスタンスだったし
PHPスレのルールはPHPスレでやりなよ

画像をクリックするとその画像が背景になっている新しいウィンドウを開きたいです
どうやって画像を新しいウィンドウに受け渡せばいいですか？

俺ルールも自分の中だけでやりなよ
うざけりゃ誘導すればいいし答えたかったら答えればいい

(function($) {
$("form").find("input[type='password']").each(function(val) {
var input = $(this);

//insert link to show plain-text
$("<a>").text("Show password").addClass("show-plain").attr({
title: "Show the password in plain text",
href: "#"
}).insertAfter(input);
});
})(jQuery);


//add click handler for show-plain link(s)
$(".show-plain").live("click", function() {

//cache selector
var input = $(this).prev();
//create new text input
$("<input>").attr({
id: input.attr("id"),
type: "text",
name: input.attr("name")
}).val(input.val()).addClass(input.attr("class")).insertAfter(input.prev());
input.remove();
//change link text and attributes
$(this).text("Hide password").removeClass("show-plain").addClass("show-hidden").attr({
title: "Obscure the text"
});
//stop link being followed
return false;
});

続き
function bb(){
alert(typeof document.go.file_name.value);
}
<form id="form1" name="go">
<label for="pass">Password:</label><input id="pass" name="file_name" type="password">
</form>
<input type="button" value='押す' onClick='bb()' size='13'>
何故か、ffでは動きますが、ieでエラーページエラーが発生して
alertが機能しません。どこを直せばいいのでしょうか？

>>311を取り消して改めて質問します

素材屋をしているんですが、Wordpressの記事内に画像を貼り、
その画像をクリックすると、その画像が背景に使われている新しいウィンドウを表示するようにしたいです

画像ごとにHTMLのページ作るのはめんどうだし、Wordpressの記事内にPHPは使えないし、javascriptでどうにかならないでしょうか

記事内でPHP使えるようにできるプラグインあるよ

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

クリックしたら画像のファイル名とかナンバーを
クエリー文字列として付加して新しいウィンドウを開く

んでその新しいウィンドウ先で取得して背景に設定

MochiKitで次のことをやるにはどうすればいいですか？
var request = $.ajax( url, { dataType: "json" } ),
chained = request.pipe(function( data ) {
return $.ajax( url2, { data: { user: data.userId } } );
});
chained.done(function( data ) {
// ...
});

"同時"だとこれで出来るんですけど、"順次"が分からないです。
var d1 = loadJSONDoc(url1);
var d2 = loadJSONDoc(url2);
var l1 = new DeferredList([d1, d2], false, false, true);
l1.addCallback(function (resultList) {
// ...
});

>319
わざとやってるんだろうけど
>305

XML上の画像を表示するにはどうすればよいのでしょうか
if(text != ""){
var Node = xmldoc.selectSingleNode("料理リスト");
for(var i = 0; i < Node.childNodes.length; i++){
if(Node.childNodes.item(i).selectSingleNode("材料").text.match(re)){
data +=
Node.childNodes(i).selectSingleNode("名前").text +
.......
XMLデータの構成
<料理リスト>
<料理>
<名前>
<img src="xxx.gif">
......
材料を入力してもらい一致したデータをすべて取り出す際に画像のみテキストデータとして認識されるのが原因だと思いましたが実際にどのようにすればいいのかわかりません。
おわかりになる方、ご教授お願いいたします

パソコン音痴な私を助けてください><

作ってはみたものの、表示されません
ブラウザはsafari
javascript表示はonになってます

<HTML>
<HEAD><TITLE>formオブジェクトとif文、functionによる応用</TITLE></HEAD>
<script type="text/javascript">
function next(){
z=x.y.value;
flag=confirm("次は、"+z+"でいいですか？");
if(flag==true&&z=="Yahoo!"){window.location="http://www.yahoo.co.jp/";}
if(flag==true&&z=="朝　日　新　聞"){window.location="http://www.asahi.com/";}
if(flag==false){alert("選択しまっし");}}
</SCRIPT>
<BODY BGCOLOR="#ffffff">
<FORM NAME="x">
リンク先<select name="y">
<option value="Yahoo!">Yahoo!japan
<option value="朝日新聞">朝日新聞

</select>
<br><INPUT TYPE="BUTTON" VALUE="リンク先へ行く"
onClick="next();">
</FORM>
</BODY></HTML>

なにこれ

>>323
課題なんですが…
まるでわからないんですorz

z=="朝日新聞"

ソースの意味がわからん。

>>326
すみません
ほんと理解できてなくて、もうちょっといろいろ調べて
まともになってから質問しにきます…うーん

>>327
ttp://jsfiddle.net/vSHNQ/4/

>>328
わわわw　
なんかすごいですね！これってかいたものが
どう表示されるかわかるようになってるんでしょうか！？
とっても助かります！ありがとうございます＞＜

質問させてください。
おみくじ結果と画像を表示したいんですが、
画像だけが表示されて、おみくじ結果が表示されません。
どうやって書けばいいんでしょうか？？

<body>
<h1>おみくじ</h1>
<input type="button" value="運勢は？" onclick="getOmikuji();" />
結果は・・・<span id="kekka"></span>
<script>
function getOmikuji(){
var omikuji = ["大吉","吉","凶",];
var result = Math.floor(Math.random() * omikuji.length);
document.getElementById('kekka').innerHTML = omikuji[result];
document.write("<img src='xxxxxx.gif'>");
}
</script>
</body>

function getOmikuji(){
var omikuji = ["大吉","吉","凶"];
var result = Math.floor(Math.random() * omikuji.length);
var ke = document.getElementById('kekka').innerHTML = omikuji[result];
document.write("<img src='xxxxxx.gif'><br>"+ke+"");

audioって専スレある？

Change search result for Google for Greasemonkey
http://userscripts.org/scripts/show/117908

これなのですが、自分の使用目的はGoogleの検索結果に表示されるものから
表示したくないものを削除（非表示？）にしたいだけなのです。

or検索とか、置換とか、そういった高度な機能は不要なのです
自分なりにスクリプトをまさぐっているのですが、上手くいきません
非表示にするだけのシンプルなスクリプトにするにはどうすればいいのでしょう？

{ NGword : ['a.hatena'], ignore : ['']},
{ NGword : ['b.hatena'], ignore : ['']},
{ NGword : ['k.hatena'], ignore : ['']},
{ NGword : ['q.hatena'], ignore : ['']}

このようになっているところを、ignoreは不要なので、
['a.hatena'],
['b.hatena'],
['k.hatena'],
['q.hatena']

このようにするのが理想です、またそのような動作にさせるための不要な箇所など
何とぞお力をお貸しください

>>333
Google製だけどpersonal blocker使いなよ
そもそもスレチだけど

>>331
330です。ありがとうです。

なんかもうどこもグーグルグーグルで嫌になってきた
俺個人的にグーグル嫌いなんだよね

>>330
あんたがテンプレ >>3 を読んでないことはよく分かった。

322のものです
なんとか課題提出しました
おkかどうかはまだわかりませんが、、ありがとうございました

>>336
オマエガGoogleノコトヲスキカキライカナドシルカ

ときどき出てくる、急にグーグルの話をし出す人じゃないの？

こっちはもうjQueryjQueryってウンザリなんだがな

> jQuery
何それ？

プログラミングって宗教派閥多いよな
PHPのコード見てるだけで吐き気するとか言う人多いし

picasaから画像情報を取得する方法で質問ですー

この下記のapi情報からサムネイル画像を取得することはできたんですが、
元の画像を取得することができません。

■api
https://picasaweb.google.com/data/feed/api/user/113370727965830303581/album/HDRZMuzeumWojskaPolskiego?alt=json-in-script&callback=getPhoto

■サムネイル
img.src = e.media$group.media$thumbnail[1].url;

thumbnail[1].url; のthumbnailをcontentにすればいいだけに見えるのですが、
なぜか取得できません。

どなたかわかる方いればご教授いただけると幸いです。
よろしくお願いします！！

>>333
回答無視してマルチかよ死んどけ

var hoge = [0,{fuga:1},2];
こんな配列があったときhoge[3].fugaの有無を調べたいのですが
alert(typeofe hoge[3].fuga)ではエラーになります。

alert(typeofe hoge[3])
や
var hoge=[0,{fuga:1},2,3];のときにalert(typeofe hoge[3].fuga)
なら"undefined"が返るのですが
hoge[3].fugaの有無を一発で調べる方法はありませんか？

typeofe→typeof
コピペミスです

【マルウェア化】脱google総合★1
http://toro.2ch.net/test/read.cgi/google/1328257836/1

1 名前：名無しさん＠お腹いっぱい。[] 投稿日：2012/02/03(金) 17:30:36.86 ID:if0JhUz/
google検索　　 → goo http://www.goo.ne.jp/
　　　　　　　　　bing http://www.bing.com/
gmail　　　　　→ Hotmail http://mail.live.com
google chrome → Firefox http://mozilla.jp/firefox
google apps　　→ Office 365 http://www.microsoft.com/ja-jp/office365
google日本語入力→MS-IME
Youtube　　　　→ ニコニコ動画 http://www.nicovideo.jp/

などなど。
史上最悪のプライバシー侵害企業に情報を渡さないようにしましょう！

使ってんのグーグルAPIだけだから問題ねーや

>>346

typeof (hoge[3] && hoge[3].fuga)

>>350
try〜catchはあれだし何か方法はないかなと思ったのですが
やはりそのように2段階のチェックになりますか
ありがとうございます

>>348
hotmailなんてつかえねえよ
パスワードに利用できる文字数すくねえよ

lastpass

この前webglについて質問したものです
MDC等を利用して無事簡単な描画がおおかた理解できたので
次はシェーダを学びたいのですが良いサイトはありますでしょうか？

>>351
プロパティの存在チェック(hoge, 3, 'fuga')のような形で、
調べる関数を作るのがいいんじゃないかな。

可変長の引数を取るようにすれば汎用性も出る。
関数の中身は省略。

初歩的な質問かと思いますがどうしても分からないので質問させてください。 よろしくお願いします。
【環境】Mac OS X Chrome
【何をしたのか】jQueryの jRumbleを使いたいのですが、動作しません。
【期待する結果】「ぷるぷるですぞ」が触れるとぷるぷるする。
【サンプルコード】
puru.html
js┬jquery-1.7.1.min.js
　└jquery.jrumble.1.3.min.js

<!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-Type" content="text/html; charset=UTF-8" />
<title>ぷるぷるテストぺーじ</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jrumble.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#puru2').jrumble({
rangeX: 2, //ブルブルX
rangeY: 2, //ブルブルY
rangeRot: 3, //ブルブル角度
rumbleSpeed: 10,//ブルブル速度
rumbleEvent: 'hover' //ブルブルイベント（hover、click、mousedown、constant）
});
});
</script>
</head>
<body>
<p id="puru2">ぷるぷるですぞ</p>
</body>
</html>

>>356
>>305

PHPerのせいでくだらないスレになったな・・・

ttp://www.griplimited.com/
のようにコンテンツを掴んでスクロールさせたい。
上記はFlashですが、JavaScriptでの実装が希望です。

jQueryプラグインや実装サンプルがあれば教えてください。

>>356
jQueryの質問はOKっつーか大歓迎だけど、jQueryナンチャラjsみたいなのはわからんなぁ
マイナーだしそういうの沢山あるから解らない人が多い
せめてjqueryとjqueryモバイル、jqueryUIとプロトタイプだっけ？ぐらいにしてくれ

>>359
https://addons.mozilla.jp/firefox/details/1250
実装サンプル
xpiファイルを展開するとjsファイルが得られる
もちろんそのままではFirefox向け

>>361
ありがとうございます。ソース読んでみます

>>356
テストページは ver1.0 の形式なのに、jrumbleライブラリはver1.3のを使ってる。
要はバージョン違い。

http://jackrugile.com/jrumble/js/jrumble.1.0.js の 1.0を使うか、
テストページの呼び出し方を 1.3の形式にしてみよう。

>>363
かかかか解決した…！
本当に本当にありがとう…！
２日くらい行き詰っていたから、とっても助かりました。
嬉しくて涙が出てくる！ありがとうございました！

Change search result for Google for Greasemonkey
http://userscripts.org/scripts/show/117908

これなのですが、自分の使用目的はGoogleの検索結果に表示されるものから
表示したくないものを削除（非表示？）にしたいだけなのです。

or検索とか、置換とか、そういった高度な機能は不要なのです
自分なりにスクリプトをまさぐっているのですが、上手くいきません
非表示にするだけのシンプルなスクリプトにするにはどうすればいいのでしょう？

{ NGword : ['a.hatena'], ignore : ['']},
{ NGword : ['b.hatena'], ignore : ['']},
{ NGword : ['k.hatena'], ignore : ['']},
{ NGword : ['q.hatena'], ignore : ['']}

このようになっているところを、ignoreは不要なので、
['a.hatena'],
['b.hatena'],
['k.hatena'],
['q.hatena']

このようにするのが理想です、またそのような動作にさせるための不要な箇所など
何とぞお力をお貸しください

ステマうぜえ

またおまえか

>>365
>>1をよく読んだ上で「質問」してください。

出来ないならそう言いたまえ
実力がないなら黙って去れ

例の煽っても無駄のテンプレを省くからですね、このようにですね

Change search result for Google for Greasemonkey
http://userscripts.org/scripts/show/117908

これなのですが、自分の使用目的はGoogleの検索結果に表示されるものから
表示したくないものを削除（非表示？）にしたいだけなのです。

or検索とか、置換とか、そういった高度な機能は不要なのです
自分なりにスクリプトをまさぐっているのですが、上手くいきません
非表示にするだけのシンプルなスクリプトにするにはどうすればいいのでしょう？

{ NGword : ['a.hatena'], ignore : ['']},
{ NGword : ['b.hatena'], ignore : ['']},
{ NGword : ['k.hatena'], ignore : ['']},
{ NGword : ['q.hatena'], ignore : ['']}

このようになっているところを、ignoreは不要なので、
['a.hatena'],
['b.hatena'],
['k.hatena'],
['q.hatena']

このようにするのが理想です、またそのような動作にさせるための不要な箇所など
何とぞお力をお貸しください

>>371
死ねよお前

次のテンプレ、煽っても無駄は入れましょうか。１行だろうし。

テンプレに書いてても煽って答えさせようとする人は出てくるわけで、あのフレーズは回答者に対して
煽られてもこのテンプレを思い出してスルーしろよという戒め的なものなんだと思う。で今のところ
みんな対応が大人でスルーできているしなくてもいけそうな気がしないでもない。と思いたい

スルーできてねぇ

「煽っても無駄」というフレーズが煽っているから入れてほしくない。
入れるならもう少し表現に気を遣って欲しい。

if(!/[a-zA-Z_]/.test(name)){
alert("nameに使用できるのは半角英数字とアンダーバーだけです。");
}else{
alert("name="+name);
}
name="kkあ";
のように最初に半角英数字ならば、 if(!/[a-zA-Z_]/.test(name))で
弾くのとこができません。どうすればいいのですか？

name.test(/[a-zA-Z_]/)

name.match(/[a-zA-Z_])
ごめこっち

>>379
それじゃダメだろ・・・

if (str.match(/[^a-zA-Z]/))
　　alert("半角英字以外が入っている！");
else
　　alert("半角英字だけだった");

>>380
それだと、空文字列を誤判定するから、/^[_A-Za-z]+$/.test(str)

それ英数字やない、英字や

いい加減ただの判定に match 使うのやめろよド低脳
特に >>378-379 は脳ミソ腐り落ちてやばいレベルだからもうネットで発言すんな

半角英数アンダーバー表すのは\w使えばいいだろ
おまえらまさか知らないのかよ

\w は実装次第で挙動が変わる。
\b と整合性がとれていなかったりもする。
だから使わない。

なるほど
NN3とかじゃバグったりするのかな？
それは使わない方がいいわ

Firefox 13.0a1 (Nightly) で for-of ステートメントが実装されました
http://d.hatena.ne.jp/teramako/20120211/p1

var array = [1,2,3];

for(var i=0, l=array.length; i < l; i++) {
var item = array[i];
console.log(item);
}

for(var item of array) {
console.log(item);
}

簡潔になるな

firefoxにはfor eachなんてものもあるのに、for-作りすぎ
for each(var i in window) {
}

正直こういうのはあればあるだけいい

最近コード量が増えてきて、今まではライブラリーに分散させてきたけど
ライブラリ同士の干渉の問題が起きたり限界が見えてきた
一昔前はJSは使用環境の割にオーバースペックだと褒められて来たが今はもう明らかに足りてない

WEB上でちょこちょこする比較的簡単なスクリプト言語として作られたJavaScriptが
これからJAVAやC以上の広さ、深さある環境で活躍していく為には
こうした基本的な機能とMSが提唱してるような便利機能はどんどん盛るべし

HTML5関係も重複するような機能が２つあったら２つ乗せろ
今は慎重な最大公約数じゃダメ、最小公倍数であるべき

個人的にはwhile(1){}の代わりになるloop{}を作って欲しい

ruby厨きめえ

>>391
rubyにそんなのあったんだ知らなかった
こんなことを知ってる君ってきっとrubyマニアか何かなんだろうね

loopなんて使い道皆無じゃないか。
そんな物のために構文増やされたくないわ。
Fxはfor each in文を削除すべきだと思う。

構文増えると何か困るのだろうか。
やはり老害脳では新しいものを受け入れられないのか。
それか自分の知識が古くなるのを恐怖するのだろうか。

evalと同じ感じだな
どこの世界にも右翼と左翼がいる
個人的には発展途上のJSは左翼じゃないといけないと思うけどな

もちろんloop{}の話は皆に必要って言ったわけじゃないよ

みんなに必要でないならCoffeeみたいに自分用にトランスレーター書けよ

"strict mode"みたいに非対応でも影響がないなら問題ないんだけど
構文自体が変わって特定ブラウザでしか動きませんなんてアドオン開発ぐらいでしか使えないから普通のページで使われることはないから結局問題ない
evalとかは全く関係ない

>>397
『evalと同じ感じだな』は
『どこの世界にも右翼と左翼がいる』
に繋がってるんですけど

それにそれ影響が出ないわけないでしょ
むしろ悪質な厄介な影響が出るでしょ

それにそれは互換性とれてないものを気にせず使う場合の問題であって
これからスタンダードになるかもしれない新しいものを実装することが間違ってることにはならないよ

"use ES6";
こんな感じの案あったらしいけど廃案になったらしいなｗ

>>398
横からだけど、>>397の意図が伝わってない気がするわ

>>400
伝わってるけどおかしいと思ったから回避した

構文増える→バグが増える

一つの目的に複数の書き方があるのはいいことだと言い出したのはPerlからかな
何となくこれで合ってるんじゃないか？で本当に動いてくれれば素晴らしいんだが
実際はそこまでできないので結局バグを埋め込む機会を増やすことになる

>>387
ES.nextの構文を取り込んだだけじゃないか。
何でFirefoxを責めてるのか理解に苦しむ。

>>402
まあ確かに現実にそうなっちゃあ良くないと思うけどさ
構文が増えるっていきなり100も200も増えるわけじゃないんだし
特にforとか速度にクリティカルな部分だから多少増えてもいいと思う
自分がloop欲しいっていったのもそういう部分で1nsでもわざわざ無駄をしたくなかったわけで

loopが必要な状況がわからない
do-whileじゃいかんの？

最適化問題とかで
外部は無条件でループさせて
内部の深いところでラベルbreak使うときとか

外部は無条件にループさせるとなぜ最適化されるかがわからない
そのコードは外部にbreak文を置く書き方に変更したらなぜ遅くなる？

イマドキのコンパイラは”普通の書き方”で最適化されるように調節されてるからオリジナリティあふれるコードは遅いのが常

var aaa = "abc"
var aaa = String("abc")
var aaa = new String("abc")
ってそれぞれどんな違いがあるんですか？

おそ松、カラ松、チョロ松

もう全部gotoでいいよ

>> 409
"abc"はただの文字列

String()は関数で、引数に与えられたものを文字列型に変換したものを返す
引数に.toString()するのとだいたい一緒

new String()はコンストラクタで、Stringオブジェクトを生成する

>407,408
はあ？
君達最適化問題の意味分かってないでしょ
数学的な問題なんだけど
なんでアルゴリズムの最適化の話になるんだよ（笑）

なんでって、ここがプログラミング言語のスレッドだからだよ。

>>408
確かに詭弁だがその詭弁に言い負かされてんのお前じゃん
ディベートにおいて圧倒的有利な正論の側に立っておきながらその様だ
どこまで知能が低いんですか、って話だよ

数学の最適化問題にしてはずいぶん特定的なコードの話ですね。
線形計画法とか山登りとかGeneticとか色々あるわけだけど。

コンパイラの最適化って基本ブロックに分解してデータフロー解析でとかだから
表面的な構文が何かなんて全然関係ないよ。

最適化問題って言ったら最適化問題しかないでしょ…
まあ自分の言い方も悪かった、時間がなくて急いで返信したからな

煽りながら得意げに持論を披露する人とはディベートできる気がしないわ

数学的な自己満のためにLOOP入れろ言ってたのか。ただのアホやがな。

>419
>390,395
もちろん皆に必要ではないが個人的には、
ってちゃんと断ってるでしょ
絶対入れるべきとか言ってないでしょ？

なんでそんなに噛み付いて来るのか
ただ導入されたら自分は都合が良くて嬉しいのになって感じを言ったまでだよ

>420
だからお前の「都合が良くて嬉しい理由」ってのが一般論的なものなのかを理解するために
みんな色々コメントしたんだろ。
職場やら研究室やらで自分の説明力が低いのを棚にあげて
「周りの奴らは理解力が低い、馬鹿だ」って愚痴ってるようなタイプか？

はい？
何言ってんのよ

まあ初めに自分が余計な発言したのが悪かったからどうか許してくれよ
こんなやり取りスレチ過ぎる

なりすましです。スルーよろしくお願いします。

>>423
何がなりすましなの？
適度なこと言わないでね

>>424
わかりました。いい加減なことをいいます。

コントすんな

プログラム板から誘導されました

HTML側でリストから選択
選択されたもののvalueに対応するクラスを生成ってのやりたいんですけど
phpでいうnew $objName()みたいなことはできないでしょうか

var obj = {
クラスとやらの集合
};

new obj[value]();

>>427
変数objNameにコンストラクタオブジェクトが入っているのなら
new (objName)()
変数objNameにコンストラクタ名の文字列が入っているのなら
new (window[objName])()
コンストラクタが何を意味するか分からないなら勉強してね。

>>429の下の方で出来ました
windowって.じゃなくて[]でもアクセスできるんですね

>>430
おい、ム板ででも書いてやっただろうが

(function (a) {
function FF() {};
FF.prototype.log = function () {console.log(arguments)};
return new (eval(a))(); // 他にいい方法ありそう
})("FF");

こんな場合は厄介かもしれん

Your script creates DOM nodes from HTML strings containing unsanitized data, by assigning to innerHTML or through similar means. Aside from being inefficient, this is a major security risk

var parser = document.createElement('div');
parser.innerHTML = x.responseText; // 他のwebサイトのhtml

var t = parser.getElementsByClassName('aa')[0];

↑この部分について代わりの方法教えてもらえないでしょうか

質問させて下さい

　123 456 <改行>
　abc def <改行>

↑といったテキストデータ（元はクリップボード）があったとして、
行末の改行毎に配列に取り込み "123 456","abc def" と２つのデータにしたいのですが、
.split(/\n/) とすると半角スペースでも区切られ"123","456","abc","def" と４つになってしまいます
半角スペースでは処理せず、改行だけで分割するにはどうしたら良いでしょうか？

>>433
'123 456\nabc def'.split(/\n/);

>>432
特にリスクがあるようには思えないけど

>>432
createHTMLDocument

>>435
審査でそう言われたので > <

>>436
ありがとうこざいます。なんとかできそうですm(__)m

>>434
すみません、汎用性を持たせたいので
データ長に左右されない方法を教えて頂けないでしょうか

>>438
データ長に左右されませんが。

>>438
もう一度自分が書いた事をテストしてみなよ
そもそもなんでスペースでも分割されるのさ

.Env('Clipboard').split(/\n/g));

こういった感じでクリップボードを分解しているのですが、

.Count が 4 になってしまい、中身も４分割されてしまうのです

.split(/\n/)じゃなくて.split("\n")でよくない？
IE（バージョンによる？）だとsplitに正規表現を使うとおかしくなったような
今IEないからテストできないけど

>>441
Env('Clipboard') の中身を確認してみ

WScript.Echo(WScript.Col(WScript.Env('Clipboard').split("\n")));
うーん、変わらず４のままです
1 2
3 4
とあったら、
1
2
3
4
になってしまいます

>>444
'1\n2\n3\n4'.split('\n').length === 4;

なんだ全部\nで区切られてたのか納得

>>445-446
\nとは改行を示すものではないのでしょうか？
クリップ元の文字列は、テキストエディタなどから取り込んだものです
---
1 2<改行>
3 4<改行>
---
といった内容です
あるいは、クリップボードに取り込むと、半角も\n扱いになるという事でしょうか？

>>447
何度も言わせるなよ
Env('Clipboard')の中身をコンソールにでも出力してみろ

>>437
なんの審査か書いてほしいね…
createHTMLDocument使っても、<img src="." onerror="alert(document.cookie)">とかは動いちゃうはず。
onerror以外にも方法はいくらでもあるから、他ドメインから取得した文字列をHTMLとして解釈するのは基本的にやめたほうがいい

WScript.Echo(WScript.Env('%Clipboard%'));
とすると、

1 2
3 4

と表示されました

WScript.Col ってなんかのオブジェクトだろ。
それを WScript.Echo に文字列として渡すときに悪戯されてんじゃないか。

環境が限られるがtoStaticHTMLを使うぐらいしかないな

var safehtml = window.toStaticHTML("<script>alert('xss')</script><p onclick='alert(ry)' style='expression:ry'>Content</p>");
alert(sagehtml); // <p style="">Content</p>

単一のデータとして扱うときは正常なんですが、配列に取り込むと分断されてしまうのです
自分でもわけがわからなくて…もうちょっと調べてみます
色々すみませんでした

>>451が言ってるけどWScript.Col()は何のために付けてんの？
>>444のコードからWScript.Col()を省いたらどうなんの？

\nでセパラレルってことは\nでセパラレてるってことだ。これだけは確実。

今日のGoogleのロゴはどうなってるんだろ・・・？
右クリしてもFlashっぽくないし
でもIE8で動くからhtml5関連ではなさそうだし
Googleさんの謎技術には相変わらずついていけません

ソースくらい見たらどうだ。
CSS3使ってるじゃないか。
IEにも当然対応はしているだろう。

クリック前はrotateをいじってるだけ
クリック後はFlash

https://www.youtube.com/v/WTGUjRJiqik

FlashのコントロールするやつはYoutubeAPIかなんかだろうね

死にたくなるからやめろ

　　　　　　　　　　　　　　　　　　　　 ／j
　　　　　　　　　　　　　　　　　　　／__/　‘，
　　　　　　　　　　　　　　　　　 ／／　 ヽ　 ', 、
　　　　　　　　　 　 　 　 　 　 /／　　　　‘　 ! ヽ　　　　　　　　　　　　　…わかった　この話はやめよう
　　　　　　　　　　　　　　　　/ｲ　　　　　　 ', l　 ’
　　　　　　　　　　　　　　　iヘﾍ,　　　　　　 l |　　’
　　　　　　　　　　　　　　　| ｎﾍﾍ　_　 　 　 | |　　 l　　　　　　　　　　　 ハイ！！　やめやめ
　　　　　　　　　　　　　　　| l_| | |　ゝ￣`ヽ | |〈￣ﾉ
　　　　　　　　　　　　　　　ゝｿﾉﾉ 　 `ー‐'　l !　¨/
　　　　　　　　　　　 ｎ/7./7　∧　　　 　 　 j/　/　　　　　iヽiヽｎ
　　　 　 　 　 　 　 ｜! |///7/:::ゝ　　　ｒ=＝=ｵ　 　 　 　 |　!　| |/~7
　　　　 　 　 　 　 i~| | | ,'　'/:::::::::::ゝ、　l_こ./ヾ.． 　 　 ｎl　l　.|｜/
　　　　 　 　 　 　 | | | | l　{':j`i::::::::::::::::`ーｒ ' 　 　 　 　 |｜ー---{ 

こわいよー指が 6本あるよー

>>449
すみません。AMOのアドオンの事前審査のほうです。
とりあえずもう一度出してみます

mオプション付けてオールマイティマッチにしたらどう？
これなら100％言い訳できないでしょう

>>453
解決策じゃなくてすまんが、自分がそういう事態になったら
とりあえずセパレータの文字列でmatchさせて個数を数えるな
¥rも¥nもとりあえず数える

【環境】Firefox 10 / Chrome 16
【何をしたのか】Chromeでは機能するがFirefxでは機能しない
【エラーメッセージ】特になし
【期待する結果】submit時に記入されていない場合はポップアップWindowを出して背景色変更
【サンプルコード】
var flag = 0;
if(document.sample.test_name.value == ""){
// 入力をチェック
test_name.style.backgroundColor = '#fbe7eb';
flag += 1;
}else{
test_name.style.backgroundColor = '#ffffff';
}
if(flag > 0){
window.alert(flag + '項目の必須項目に未入力がありました');
return false;
}else{
return confirm('よろしいですか？');
return true;
}

とりあえずコンソール開いてエラーが出たのか確認まではしろや

特になしって書いてね?

webページの印刷について質問です。ジャバスクリプトで画像などに
onclick="window.open('abc.html', '_blank', 'width=600,height=300')"と記述してポップアップウィンドウを表示させたとします。
こちらのポップアップウィンドウをonclick="window.print();"として印刷したいのですがグーグルクロームの場合、別のウィンドウに印刷設定ウィンドウが開いて、「印刷するページが閉じられたため印刷できません」と表示され、印刷できません。
何か解決策はありますでしょうか。もしくは何か代替案があれば教えていただければ嬉しいです。
よろしくお願いします。

>>470
お前さんの言ってる事の半分くらいしか理解できないんだが、手動ではちゃんとできるの？
つうか手動でプリントアウトさせればいいんじゃね？

以前このスレで「2012年上旬、HTML5の運命が決まる」とかって聞いたんですがどういう事だったんでしょうか？
もう決まったのでしょうか？
荒らし質問ではないのですが、よく意味がわからずその場で流してしまったのでちょっと気になって

そのときのスレとレスコピペして

確か去年の9月〜11月頃だったと思います
ログはちょっと見つかりませんでした

6月から検索したがそんなレスねーぞ
お前みたいなのがデマを拡散させる害虫なんだよ

>>471
いや>>470の言っていることはおかしくない
というか俺も「ほんとにー？」と思って試してみたらホントだった
解決策がわからなかったから何も書かずにいたけど

470です。
いろいろ試してみてわかったんですがグーグルクロームを最新版にして試してみたら
うまく印刷画面がでてきました。
どこかのバージョンを境にうまく印刷されるみたいです。

余談だけど、グーグルクロームってバージョン17まであるんすねー・・。
そんなにバージョンアップされてもなーって感じだけど・・。

chromeは最新版だけでテストすればいいらしい

普通そうだろ

2014年までの正式勧告を目指して策定が行われてたけど
HTML5は2012年に勧告予定
http://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/128px-HTML5-logo.svg.png

まーHTML5元年って感じかな？

その画像リンクは何の意味があるんだ

>>477
ほんとだーｗ

な、なんてダサイロゴなんだ・・・。

それを早く言え

>>480
ロゴがダサすぎ。
HTML5+Javascriptはweb標準になるらしいが、普及するのは10〜15年
くらいかかるだろうな。

HTML5+ECMAScript6+DOM4

90年代のwebバブルからやってるが
今回でPS3で今までグラを求めてたのが頂点極めたみたいにとりあえずの「完成」になると思う
プログラミングに完成なんてもの存在しないけどね

もうhtml5ってだいぶ普及してるだろ
createElementすれば古いIEでも未知の要素使えるし
canvas関連はライブラリでどうにかなる
IE8以下のシェアなんてもうたぶん10%ぐらいだろ

ざんねんうちの会社では100％だ

情弱企業乙

川崎麻世っぺ

IE6まで視野に入れてサポートするのが日本のweb製作会社
あれじゃFacebookなんて生まれんわ

乞食だな

一般企業のHP制作なんかはそれで当たり前
Facebook作るのはWeb制作会社の仕事じゃないだろ

うちの大学は今年からie7に対応する。
学校の予定とか取得した単位とか確認できるキャンバスアベニューがie6
対応だったから、ie6のまんまだった。
日本のダメなとこだなie6をバッサリ切っちまえばいいのに。

windowsxp次第だがie8以下はもういらんよな
早いとこie9以上にしてほしいわ
ていうかno more ie

function callback(){
　//ここで自分自身を取得するにはどうしたらよいのでしょうか
};

・・・もっとわかりやすく言いますと
http://code.google.com/chrome/extensions/events.html
chrome.webRequest.onHeadersReceived.addListener(function callback(...))という、引数にfunctionを取る関数があります。
同じく、
chrome.webRequest.onHeadersReceived.removeListener(function callback(...))という引数にfunctionを取る関数があります。

動的に複数の関数を作っているので
for(i=0;i<2;i++){
　callback=(function(a){return function(){alert(a);};})(i);//iをalertする匿名関数を作っていると思って下さい。
　chrome.webRequest.onHeadersReceived.addListener(callback);
}
という処理をしているのですが、callbackから自分自身をremoveListenerしたいです。
上記のコードは
function(){alert(0);};とfunction(){alert(1);};の匿名関数を作ってaddListenerしているのですが
function(){alert(0);};の中でremoveListener(function(){alert(0);};)を呼び出して
function(){alert(1);};の中でremoveListener(function(){alert(1);};)を呼び出したいです。


関数の中で自分自身を取得する方法が知りたいです。

>>497
arguments.callee使え

これが非推奨とされかけてるのは
arguments.callee.caller.arguments
みたいな場合であって単純再起に使うのなら問題ない

strict mode で動かなくなるけどな

strictmodeをわざわざ使う必要がない

>>497
ループ内一行目を、例えば、

callback=(function(a){return function kawasaki(){alert(a);};})(i);

にすればよいだけ。
関数内からは kawasaki で参照できる。

>>500
Strict Modeをわざわざ使わない理由がない

名前付いた関数は関数内から呼べますよとかJS入門一日目に覚えることだろう。
そういう問題じゃないんじゃないの？

>>502
arguments.calleeが使えない
そもそもこれは対応環境的にまだデバッグにしか使えないから

>>500
アスペか？

質問者自身が「匿名関数」と言ってるからな。
名前を付けて呼べばいいと言っている。

>>500 でなくて >>503 宛。

ああ、うん。
分かったよ。

匿名関数を使うなら、arguments.callee
strict modeなら匿名関数を使わないで名前をつける

>>495,496
それはお前らのダメなところと自覚しろ
最先端のWebサービスと一般向けのHPは対象が違うだろ

皆には初歩的なことなのかもしれないけどちょっと教えて下さい。

（例）
<div class="box">
<article>
<div class="hogehoge">aaaa</div>
</article>

<article>
<div class="hogehoge2">aaaa</div>
</article>
</div>

この<article>で囲まれてるhogehoge2の要素を全て、boxの先頭に移動したいです。
が、どうやってもうまく上の<article>だけ丸ごと移動する事が出来ません。

$(function(){
$(".hogehoge2").prependTo(".box");
});

これだけだと、勿論hogehoge2しか持っていけません。
どうやったら下の<article>丸ごと移動する事ができるのでしょうか？
教えていただきたいです。よろしくお願いします。

>>510
.parentNode
まずはその$使うライブラリーやめてDOMを勉強しろ
それかそれくらいの事は検索で分かるようになるまではライブラリーを使う資格はない

超初歩な質問して申し訳ないけど

var node={
name: "xxx"
cost: y
};

とか宣言しといて、後で

node.cost = z;

って代入することってできる？

試してから質問してくれる？

それはおかしい
試してからだと質問しないだろ？

質問する前に試してくれる？

これならおｋ

javascriptのdocument.writeの内容が、
音声読み上げブラウザでどう扱われるか知ってる人いますか？

読み上げブラウザも色々だろうけど、
javascript対応のものでそこそこメジャーならどれでもいいです。

noscriptには、document.writeで表示される内容が画像で置かれているので、
javascript非対応のものなら大丈夫（altがあるから）なのですが、
javascript対応の読み上げブラウザで読まれないということはありますか？

試してから質問してくれる？

>>515
スクリーンリーダーじゃなくて？
音声読み上げブラウザは持ってないからわからん
メジャーどころだとホームページリーダーあたりかな

>>516
だいたい有料だから尋ねてるんだと思うよ

検索してから書き込んでくれる？

>>510
セレクタでやるんなら
$("article:has(.hogehoge2)").prependTo(".box");

DOMでやるときみたいに下からたどっていくんなら
$(".hogehoge2").parent().prependTo(".box");

サムネをクリックするとメイン画像が切り替わるようにしたのですが、ページ全体がずれてしまいます。
ページがずれるのはプログラムより下（プログラムの真下から</html>までどこでも）にimgで画像をいれた場合と、サムネとメイン画像の間にスペースをいれた場合の２つの条件が重なった場合です。
サムネとメイン画像のスペースは、テーブル、ボックスで囲ってCSS指定、<br />タグどれを使ってもずれます。

htmlに問題があるのかと１から作ってみましたが、それでもずれました。
何かずれなくする方法はないでしょうか？

<img src="aaa1" name="area1" />

<span onclick="showimg1()"><img src="aaa1" /></span>　
<span onclick="showimg2()"><img src="aaa2" /></span>
<span onclick="showimg3()"><img src="aaa3" /></span>



<script type="text/javascript">
<!--
function showimg1(){
document.area1.src = "aaa2";
}
function showimg2(){
document.area1.src = "bbb2";
}
function showimg3(){
document.area1.src = "ccc2";
}
-->
</script>

jsって
re = /http:\/\/wwwww/i;
の代わりに
re = |http://wwww/|i;
とかってできませんでした?エラーになってしまいます

>>521
re = RegExp('http://wwww', 'i')

>>511
確かに勉強不足ですね、申し訳ないです。

>>519
バッチリ親のボックスごと移動できました。
ありがとう御座います！
どうしてもこのやり方でやりたかった事なので
色々調べてみたのですが、知識不足で目的の内容にたどり着けず終いでした。。
本当にありがとう御座います。

>>522
それは知ってましたが、phpと混同してました
ありがとう

>>523
この程度のことを検索するくらい日本語の知識があればできるだろう。
そんなんじゃあ生きていけないぞ。
出来ないのなら出来るまでやらないといつまでたっても出来ないままだぞ。

>>524
どこかのスレで「/をエスケープせずに使えないの？」っと質問しなかった？
質問してたら自己解決した内容を追記しておいて

>>525 そうやって初心者を見下してストレス発散してるの？
勉強不足を認め、申し訳ないと言ってる人に対して追い討ちするのはやり過ぎだと思う

2chは尻馬に乗る奴が多い。

あまりにも質問のレベルが低いからしょうがない
自分で調べる気は無いので教えろってやつは死ね

女の子がそんな言葉使うなよ。

簡単な質問でも
()? : ;みたいな三項演算子はググりようがないから仕方が無いとは思う

>>526
人違いよ><

プログラミングはじめたばかりの初心者で、初めての言語JavaScriptの初心者です。
ボールを画面の端で跳ね返らせるゲームを作ろうとしているのですが。どうしてもわからないので質問します。
<html> <head> <script type="text/javascript"> <head>
var ballx; var bally; var speedx; var speedy;
speedx = 5; speedy = 5;
if (128 < ballx ) { speedx = -speedx; } if (128 < bally ) { speedy = -speedy; }
function lyrSetPos( lyr , x , y ) {
if ( NN6 ) {
document.getElementById( lyr ).style.left = x;
document.getElementById( lyr ).style.top = y; }
if ( IE5 ) { document.getElementById( lyr ).style.pixelLeft = x;
document.getElementById( lyr ).style.pixelTop = y;
function lyrGetLeft( lyr ) }
if ( NN6 ) { return( parseInt( document.getElementById( lyr ).style.left ) ); }
if ( IE5 ) { return( parseInt( document.getElementById( lyr ).style.pixelLeft ) ); }
return( 0 ); }
function lyrGetTop( lyr ){ if ( NN6 ) {
return( parseInt( document.getElementById( lyr ).style.top ) ); }
if ( IE5 ) { return( parseInt( document.getElementById( lyr ).style.pixelTop ) ); }
return( 0 ); }
</script> </head>
<div id="lyrball" style="position:absolute; left:128px; top:128px;">
<img src="bb01.gif"> </div>
<pre><script type="text/javascript"> //<![CDATA[
ballx = lyrGetLeft( "lyrball" ); bally = lyrGetTop( "lyrball" );
function gameBody() { var x = 0; while(x > 100){
ballx = ballx + speedx; bally = bally + speedy;
lyrSetPos( "lyrball" , ballx , bally ); x++; }
//]]>
</script></pre></body></html>
こんな長い文を怒らずに見てくれて有難うございました。

ネタならもう少しまともなネタを頼む

質問がなくて吹いてしまった

//(1)
document.all.rdiv.innerHTML='<pre id=abc>'
+'[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>1</b>'+'</pre>';

//(2)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.appendChild(
document.createTextNode('[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>2</b>'));

//(3)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.innerHTML = '[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>3</b>';

//(4)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.textContent = '[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>4</b>';

//(5)
document.all.rdiv.innerHTML = '<pre id=abc></pre>';
document.all.abc.innerText = '[R]\r[N]\n[NR]\n\r[RN]\r\n[END]<b>5</b>';


<div id=rdiv></div>というタグ作ってやってみたんだけど
(1)〜(5)で表示結果が違うのなんで？

改行コードを(1)のように出力したいんだけど
(1)だと<b>がHTMLタグとして描写されちゃってそれを阻止したいんだけど
(2)〜(5)だと(1)と改行のされ方や<b>の扱いが違って困る

(1)だけはどのブラウザでも同じ描写になるのに
(2)〜(5)はブラウザで違ってて
(1)で&gt;や&lt;で置き換えるにはちょっとテキストサイズが大きくて

IEは<pre>の中身いじるとき
やり方によって改行の扱いが変わる仕様



だった気がする

001.htmlで001a.phpをjQuery使ってloadするるとき、
001.phpに書いたonClick="red()"のredは001.htmlか
001a.phpのどっちに書いたらいいのでしょうか？

>>533
垂直な壁にしか反射できないやんけ

すみません innerHTML使わずに"あああ"と"いいい"の並び順を揃えたいのですがどうしたらよろしいですか？
addは非同期で行われるのでどちらが先に実行されるかは分かりません。。

var p = document.createElement('div');
add("<p>いいい</p>", true);
add("<p>あああ</p>");

function add(str, after = false) {
　if (after) {
　　p.appendChild(html_to_dom(str));
　} else {
　　// ここで前方に追加するにはどうしたらいいでしょうか
　　p.appendChild(html_to_dom(str));
　}
}

<div>
　<p>あああ</p>
　<p>いいい</p>
</div>

以前は
if (after) {
　p.innerHTML += str;
} else {
　p.innerHTML = str + p.innerHTML;
}
こう書いてました。

関数のデフォルト引数は間違いでした。

誰が誰だかわからない
レス番を名前にするぐらいしてくれ

いつからかレスアンカーなし、名無しが当然な風潮になってるからなあ
回答者としてはやりにくいことこの上ない

うるせえ、はげ。

>いつからか
->昔からどっちでもOK

>>547
趣旨を嫁

うるせえ、はげ。

まぁ回答しづらいってのも解らなくはないけど。

>(3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
↓
(3) (?:長い間)?連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
また回答してくれる人も多少増えるかもしれません。

こんな感じに変えればいいんでね？

質問者は上げろ

>>540
001.phpはどっから出てきた

>>542
p.insertBefore(html_to_dom(str), p.firstChild)

Dreamweaverｃｓ5のビヘイビアーの効果のブラインドで
ブラインドダウンを設定したんですが、
最初の表示を閉じた状態にしたいんですが、
どうすればいいですか？

なにそのマルチ

>>552
ありがとうこざいましたたm(__)m

function f1(){ f2(); }
function f2(){ /* 何か動作 */ }
の場合、f2からf1の名前を取得することは可能でしょうか。

http://webhosting.example.com/~userID/page1.html
http://webhosting.example.com/~userID/page2.html
page1.htmlとpage2.htmlとでデータを共有して、さらに変更があればすぐに通知させたいのですが
どうすればいいですか？
変更を教えてくれるイベントのあるWeb Storageを使えばいいのかなと思ったのですが
Cookieとは違ってパスの範囲を指定できないみたいで、
上記のような他のサーバ利用者とドメイン部分が同じになるレンタルサーバの場合は
キーがバッティングして書き換えられたり読まれたりして安全じゃないらしくて。
postMessageが使えるかなとも思ったのですがこれは相手のwindowオブジェクトが必要らしくて
page1.htmlとpage2.htmlはお互いにframe内だとかwindow.open()で開かれたとかではないので無理みたいで。
IEでは動かなくても構いません。サーバサイドを使わずにやりたいです。

>>556
arguments.caller

>>557
Cookieを定期的に監視すりゃあいいだろ

サイトの中に時計を埋め込みたいと思ってます。
firefoxとgoogleでは正常に時計が動くのですがＩＥでは最初読み込んだ時間から時間が動かずうまくいきません。
教えていただけると助かります。
-------------
index.phpの<head>内が

<script language="JavaScript">
$(document).ready(function(){
function displayTweet()
{
$("#testdisplay").load("getDate.php").fadeIn(2000);
}
$.get("getDate.php",{},displayTweet);
function autoRefresh(interval){
autoloader = setInterval(displayTweet,interval);
}
autoRefresh(1000);
});
</script>

となっております。

>>558
どうもありがとう
結局昔ながらのCookieの定期監視になってしまうんですね。

>>557
SharedWorker

rの値が返ってこないんだけどどうしたらsuccessしたときのdataの値をreturnできますか？
教えてくださいエロい人

r = aaa();
console.log(r);

function aaa(){
$.ajax({
url:"hogehoge.php",
dataType:"jsonp",
success:function(data,status,xhr){
return data;
}
})
}

>>562
successの関数内でconsole.log

>>563
レスありがとう
でもreturnでdataの値を取り出したいのね

非同期関数完了後実行ってなんて言うんだっけ？hoge().huga().hage()みたいな書き方でいいんだっけ？

>>564
returnがなんなのかよく考えれ

>>565
deferredの事?

まぁjQueryっぽいしdeferredでやるのが順当だろうなぁ

質問させていただきたいです。htmlに記述するスクリプトで

<!--
function chgColor()
{
if(document.getElementById)
{
document.getElementById("box").style.color = "#575757";
}
}
// -->

として、"box"が複数あり、

<div id = "box">
<form><input type="button" value="1" onclick="chgColor()"></form>
<p>AAAAAAAA</p>
</div>
<div id = "box">
<form><input type="button" value="2" onclick="chgColor()"></form>
<p>BBBBBBBBB</p>
</div>
・
・
文字色は同じなのですが、1をクリックした時はAAAAの文字色を変更、
2をクリックした時はBBBの文字色を変更するやり方がわかりません。
引数を渡してやればいいのだと思いますが、どうやって渡してやればよいのでしょうか。
初歩的な質問で申し訳ありません。

>・スクリプトを組むための最低限のHTML・CSSを理解する者
ってフレーズもなくなったのね
今更気付いたけど

>>568
同じIDは二個あっちゃ駄目だよ

>>570
そうなんですね・・・すいませんでした。基礎からやり直します

>>561
IEはいいとして、Firefoxも対応してた？Shered

>>567
ありがとう。それだった。けどjQueryだったのか。

【環境】OS:windows7 professional ブラウザ:Firefox11.0/IE8.0.7610.17514/Google Chrome17.0.963.56m
【期待する結果】どのブラウザでもiframe内のHTMLにあるタグの内容を読み取りたい。
【サンプルコード】
[a.html]
<html><head>
<!-- saved from url=(0013)about:internet -->
<meta heep-equiv="Content-Script-Type" content="text/javascript">
</head><body>
<iframe id="a" src="b.html"></iframe>
<script src="c.js"></script>
</body></html>

[b.html]
<body><p id="p">hoge</p></body>

[c.js]
(function(){
document.getElementById("a").onload = function(){
alert(document.getElementById("a").contentWindow.document);
alert(document.getElementById("a").contentWindow.document.getElementById("p"));
alert(document.getElementById("a").contentWindow.document.getElementById("p").innerHTML);
};
})();

[結果]
Firefox:[object HTMLDocument]→[object HTMLParagraphElement]→hoge
IE:[object]→null
GoogleChrome:undefined
と表示されました。
IEでiframe内の要素の内容を取るにはどうすれば良いのでしょうか？
また、GoogleChromeでiframeのdocumentを取得するにはどうすれば良いのでしょうか？
これらのブラウザ共通でうまくいく書き方はありますか？

ラジオボタンの現在選択中の値はどのように取れば良いのでしょうか。
以前はrefType.selectedIndexで選択中のラジオボタンの番号が取れたのですが
html5的にgetElement〜やquerySelector〜を使う場合がわかりません。

ループで回してseleted=trueの時の値を調べる方法も思いつきましたが、ループ無しで取る事は出来ますでしょうか

<input type="radio" name="refType" value="1" checked>スルー</label>
<input type="radio" name="refType" value="2" >スルー</label>
<input type="radio" name="refType" value="3" >スルー</label>
<input type="radio" name="refType" value="4" >スルー</label>

グローバルに変数を用意
その変数を変えるfunctionを用意
radioのイベントから変数を変えるfunctionを呼ぶ
その際引数をvalueと同じにする
値を調べる時はその変数を見る

>>574
URIがhttpで始まらない場所でやってんじゃね？

>>575
HTML5の仕様上は 〜.refType.value で値を取れるけど、まだ対応してるブラウザが無い
querySelector使うなら、querySelector('[name="refType"]:checked');

>>577
横から失礼します。

> HTML5の仕様上は 〜.refType.value で値を取れるけど、まだ対応してるブラウザが無い
探し方が悪いのかもしれませんが見つからなかったので、URLと該当記述箇所を教えてもらえないでしょうか？
http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#radio-button-state-(type=radio)

>>578
http://www.w3.org/TR/html5/forms.html#dom-form-nameditem

>>579
document.forms[0].elements['refType'] まではわかります。
document.forms[0].elements['refType'].value でチェックされた input[type=radio] のvalue値を取得できるといわれている部分を知りたいのですが、そのURLに書かれているでしょうか？

>>580
http://www.w3.org/TR/html5/common-dom-interfaces.html#htmlformcontrolscollection

これじゃない? RdioNodeList::value

>>581
radioNodeList.value ですね。ありがとうございました。

あ、>>582は>>581に対する訂正の意味ではなく、説明のあった箇所をコピペしました。
もし、誤解させたようでしたら失礼しました…。

removeChildについて質問です
delTargetが消したいノードで、その場合
delTarget.parentNode.removeChild(delTarget);でdelTargetが消えますよね。

「delTarget.parentNode」の意味がよくわかりません。
最初はdocumentでもいいのかと思ったらそうでもありませんし
何故、function removeChild(delTarget){delTarget.parentNode.removeChild(delTarget);};ではなく
delTargetとdelTarget.parentNodeを指定させるのでしょうか？
「delTarget.parentNode」以外の場合というのはあるのでしょうか

>>584
英語を読めばわかると思いますが、removeChild は子要素を削除するメソッドですので親要素から指定しなければなりません。
http://www.y-adagio.com/public/standards/tr_dom2_core/core.html#ID-1734834066

一時期勢いが５００超えたスレってここでしたっけ？

JPRS て汎用ドメインも扱い始めて単価

間違えた、汎用でなく gTLD

>>577

おっしゃるとおり、ローカルでやってました。ネットにアップして試したところ、IEではうまくいきましたが、googlechromeでは変化なしでした。
IEではローカルではできないのでしょうか？　また、googlechromeのほうの原因は何でしょうか？

--allow-access-localfiles

prototype.jsって最近使われませんか？
サーバー側言語のフレームワークなんかが次々jQueryになってったりして
話題にならなくなった印象あるのと、DLしてみたら最新版が一昨年の暮れでした。
今、機会があって使ってるのですが、jQuery等よく話題になるライブラリと
やや趣きが違う感じだし(既存オブジェクトの拡張が主眼？)
トレンドというか流れを知っておきたいと思ってるんですが・・

残念ながらjQueryに完敗しました
jQueryがいかに糞文法でイライラする書き方であっても
我慢して対応しないといけないほどに流行ってます

CSSみたいでいいじゃない

まとめサイトとかにあるRT数を画像と一緒に表示させるScriptはどうやって作るのですか？

例：ttp://49.212.122.75/js/kinisoku_tweet_rank1.js
    ttp://59.106.181.147/hatima/php/esuteru_tweet_rank1.js
    ttp://blacknews.sakura.ne.jp/htdocs/js/twitter/blacknews23_tweet_rank1.js

>>594
あのさぁ…
どうやって作るのか、それは正に自分で考えなくちゃいけない事だから

ただ構文覚えるだけならサルでもできる
それをどう使って実現させたい物を作るのかが何より大切なわけよ

それが分かったらそんな質問しようと思わないはずだよ
まずは基礎を身につける、それでもわかんなけりゃあ自分のIQが低いって事で諦めるしかない

横からすいません。　
僕はjQueryしか使ったことないので技術的なことはほとんどわからないのですが、

http://www.scoop.it/

ここみたいな記事の表示方法ってどうやったらできますか？
このサイトのデザインがすごく好きでマネしてみたいです。
板違いだったらすいません。

そんな話なのか？

>>594
TwitterがAPI用意していろいろ返してくれるから
それをJSで受け取って、文字列にして、表示したい要素に入れて
ドキュメントに貼りつければいいよ

>>596
とりあえずサインアップしてみたけど
どのへんのことを言っているのかよくわからなかった
何を真似したいの？

【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/

>>598
トップページです。　
調べてみたらjQuery Variable Grid Layout Pluginとかいうので実現できそうです。
>>599
ありがとうございます。

スレ汚し失礼しました

ある小さい４つの画像の上にマウスを載せると、その左の大きな画像が切り替わるっという仕組みを作りたいのですが
IEやfirefoxでは成功するのに、googleでは成功しません。
どうしたらいいでしょうか？
ソースは下となります。
なお関係ないと思いますが、このソースは自分で作ったものではなく、このようなソースを打ち出すようにmovabletypeを設定して作られたソースです。


〜
<ul id="topic_m">
<li id="p1">
<a href="./profile/" title="○○">
<img src="http://○○.jpg" alt="○○" width="300" height="80" border="0" id="topic1"
onmouseover="topic.src='http://○○.jpg';topic1.src='http:○○.jpg'"
onmouseout="topic.src='http:○○.jpg';topic1.src='http:○○.jpg'" />
</a></li>
〜

文字コードの質問
javascriptが書かれたhtmlや〜.jsは文字コードは何がいいのでしょうか？
また、utf8はphpスレで、bomなしを使うのが一般的と言ってましたが、
javascriptではどうなのでしょうか？

PHPはhtmlやjsに埋め込んだりするだろ？

文字コードの混在は脆弱性と文字化けと予期しないバグの元だからUTF-8以外使わない

>>601
ソース貼れ

bomって鯖次第なんじゃないの？

>>594
ステマうぜえ

>>606
ファイル次第

文字コードはFTP”クライアント”の設定による

FTPクライアントでファイル書き替えるなよ

JavaScriptめっちゃ極めたら生きていけますか？
特にHTML5とnode.jsとか。

ちなみにCSS３もある程度いじれる前提。
あとTitanium, Unityも。

1年は生きていけるんじゃね
毎年流れが変わるのがこの世界

jqueryのbackstretchを読み込ませて背景画像をウィンドウサイズに合わせて最大表示させたいと思っています。
firefox、chromeのそれぞれ最新版ではきちんと表示されたのですがIE9だと正規の表示ができません。
画像は表示されるのですが、最大化されずbackgroundから浮いた状態で表示されてしまいます。

ローカル環境のみで使用する予定です。
私のコードが悪いのか、そもそもこのjsがIEに対応していないのでしょうか？
html内のコードは以下のものです

<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.backstretch.js"></script>

</head>
<body>
<script　type="text/javascript" >
$.backstretch("3.png");
</script>
</body>

基礎を勉強しませう

リンクの際に動きのあるページが作りたいと思っています。
通常クリックした際に何かを反応させるためには
<a>の中にonclickなどを入れなくてはならないと思っていたのですが
http://www.wyz-design.com/#/home
こちらのサイト様では通常のリンクの記述しかしていないようです。
htmlとしてもすっきりしているので出来たら参考にしたいのですが、
ソースを見ながら作ってみてもただのリンクにしかなりません。(windows7　64bit firefox10.0.1)
どのような仕組みになっているのかご教授願います

>>611
node.jsでライブチャット作れれば評価してやるよ

target.onclick=function(){
処理
};

もしくは

IE以外
target.addEventListener("click", function(){
処理
}, false);

IE
target.attachEvent("onclick", function(){
処理
});

>>615
普通にソースを見ても JavaScript で書かれた要素は出ないから。

>>617
IE9でもattachEvent使うん？

当たり前だろ。
Opera でも基本は attachEvent。

>>620
attachEventを使う理由は？

後方互換

>>622
IE9でattachEnventを使う理由になってない

そもそも>>919のツッコミがおかしいだろ
どのみち両方記述しないといけないのに

>>619ね

OperaでattachEventを使えてaddEventListenerを使えないバージョンがあるとしてバージョンいくつまででしょうか？
また、attachEventとaddEventListenerを使えるバージョンのOperaでattachEventを採用する理由はあるでしょうか？

>>624
どこがおかしい？
IE9はaddEventListenerを使うべきだと思うけど

>>624-625
両方記述してもUA検出したり、attachEventを先に機能検出すればIE9でattachEventを使うことになる

IE9になぜこだわる必要があるのかってこと
IE9で使おうが使うまいがattachEventを記述すべき話

>>629
論点を理解してないでしょ？
両方記述する事を前提に問題になってる

>>620と>>622は意味不明なので補足してください

逆にattachEventを使わない理由は？

>>631
IE9はそれまでのIEと標準準拠した全く違うものになっていて
過去のIE向けに開発されたサイトが動かないおそれがある
そのためにIE9には後方互換モードをつけている
この時使用される描画エンジンはIE9のものではないはずだ
となるとaddEventListenerは使えないかもしれない

かもしれないのは俺がXPユーザだからだ
あとはIE9持ってる人たちで確認してくれ

>>632
- attachEvent は標準化されていません。
- attachEvent は useCapture を使えません。
- attachEvent は listener にオブジェクトを渡せません。(addEventListener は DOM 4 で渡せるようになりました)
- IE8 における attachEvent のイベントハンドラ関数実行順はランダムです。
- attachEvent は DHTML 時代の産物であり、DOM Level 2 Events と多くの点で挙動が異なります。例えば、IE8 の "submit" はイベントバブリングしません。
- Opera 11.01 の attachEvent は addEventListener のエイリアスであり、IE8 と実装が異なります。
　 Opera 11.01 では useCapture を使えますし、オブジェクトも渡せますし、イベントハンドラ関数の実行順も保証されます。
　 つまり、厳密には IE8 と Opera 11.01 で処理を分岐させる必要があります。
　 http://d.hatena.ne.jp/think49/20110325/1301071684

IE9 では DOM L2 Events, DOM L3 Events が取り込まれています。
http://msdn.microsoft.com/ja-jp/ie/ff468705.aspx#_DOM_Events
イベント周りの仕様は IE8 と異なるため、attachEvent を使用したとしても IE8 と IE9 で処理を分岐させる必要性はあるかもしれませんし、ないかもしれません。(後方互換性のために attachEvent だけ古い仕様にする可能性はあります)
IE9 の addEventListener と attachEvent でイベント周りの仕様差がどこまであるか、を逐一チェックする手間を考えると、addEventListener を使用する方が安全で無駄がないと思います。

>>633
"Feature detection" ならその手の問題は回避できるかと。
DOCTYPE宣言を JavaScript で読み取るのではなく、if (element.addEventListener) で。
後方互換モードにスイッチして attachEvent を使用するか、標準準拠モードで addEventListener を使用するか、ってところでしょうか。
後方互換モードにすると CSS 周りで大変なので個人的には標準準拠モードをお勧めしておきます。

>>633
ｘｐからバージョンアップもできないWINDOWSＥＲはさっさと引退するかリナックスに乗り換えるかしてください

実装主義と仕様主義の違いを垣間見た気がした。
・実装主義の人は古き実装と同じように書くことで後方互換性を保とうとする。仕様書は読まず、実際に動かした結果だけを信用する。
・仕様主義の人は仕様書を読んで仕様通りに書こうとする。次に実装の挙動を確かめてバグがあれば回避する。
どちらが現実的かはいうまでもない。

>>618
すみません。いままで自分が素人ながらやってきたものはソースに a href="javascript:void(0)" onclick="~~と書いてきていたのでわかりませんでした。
>>617
ありがとうございます。
先ほどのサイト様ではuserAgentを取得してる関数があったので、おそらく後者なのだとおもいます。clickやonclickを見つけることができなかったのですが、まとめて書けるとわかったのでもう少し調べてみます。ありがとうございました。

RPGのマップチップみたいなのを配置するのって、１つ配置するたびに要素を生成していくのでしょうか？
たとえば縦横30マスのマップなら３０個の要素を作れって事ですか？

>>637
該当ソースは http://www.wyz-design.com/nmdata/js/NMain/Mainmenu/mainmenu.js です。
http://api.jquery.com/click/ で定義しており、UA分岐処理はありません。
click の処理は http://code.jquery.com/jquery-1.7.1.js にあります。

>>639
ありがとうございます！
うまく動かせるようがんばります！

>>638
table要素を作ってもいいですし、canvasで描画してもいいと思います。
JavaScriptを利用するなら30個の要素生成はそれほど手間ではないと思いますが。
とりあえず、enchant.js のソースを参考にしてみてはどうですか？
http://enchantjs.com/ja/

>>635
いやいや
開発ってのは一昔前の環境でやるもんだよ
一昔前の環境で動けば最新の環境でも動く確率が高いけど
その逆はそうではないからね

>>628
検出順番おかしいだろ。addEventListenerあればaddEventListener使えよ
あと判別にUA使うなよ

>>643
addEventListenerを先に機能検出すべき、はその通りだ
問題は>>617の時点で質問者に>>628の誤解が発生しうる事
後から正論を付け足しても当時の質問者に伝わるはずがない

いや、UAを判別に使ってほしい
タブレットでネットサーフィンしててよくスマートフォン向けの画面が出てきてうざいからUAを変えてるけど
たまにontouchstartがあるからスマートフォンだ！と決めつけてくるサイトがあって死ねって思う

>>645
それは間違った機能検出の使い方だし、UA検出云々ではないと思うな
スマートフォンサイトに強制リダイレクトすることが問題の本質だろう

UA文字列による判定は、TPOにあわせて使いわける・・・のがいいよね
基本的にはプロパティ判定を使うべき（というかその方が楽で無難）
ただし、

使いたい機能が、実装されているもののバグってる
→ プロパティ判定を応用したレンダリングエンジンの判定ができないか試す
→ できなければUA文字列使うしかない

みたいに「最後の手段」として捉えたほうがいいと思う

>>646
Googleも問題に思ってるようでちゃんと見分ける方法を公開してたりする。
ttp://googlewebmastercentral-ja.blogspot.com/2011/05/android.html
スレチなんでこれ以上は触れない。

>>648
目的によって最適解が異なるはず
画面サイズの違いなら "Media Queries" を使うべきだし、JavaScript なら解像度を検出すべきだろう
Android 固有の機能ならUA検出する意義はあるかもしれないが、出来る限り in 演算子や typeof 演算子でプロパティの有無をチェックすべきだと思う
(JavaScript に関する問題ならスレ違いではないと思うが…)

if(confirm("モバイル向け表示に切り替えますか？")){
…………
}else{
…………
}

またconfirm厨が出てきたか

>>649
UAで分けるのが一番無難で問題がないと思うが。
JavaScriptの挙動で判別するのは判別が不完全だと最悪閲覧出来なくなってユーザーが唯一取れる手段であるUA偽装もつかえない
そしてブラウザのバージョンアップでjsの挙動が変われば当然動かなくなる、ユーザーは何もできない。
UAは”そのブラウザとみなして動かしてほしい”という意思表示

んなことやってるからIE10問題が出て来るんだよ

>>652
UA偽装しなければならない状況を説明してくれ
機能検出はある機能をユーザに提供するためにUAが使用できる機能を検出する為に使用する
>>617でいえばイベント定義するために addEventListener を使用できるかテストする

if (node.addEventListener) {
　node.addEventListener('click', listener, false);
} else if (node.attachEvent) {
　node.attachEvent('onclick', handler);
}

UA検出だろうが機能検出だろうが提供するものは同じはずだ

> そしてブラウザのバージョンアップでjsの挙動が変われば当然動かなくなる、ユーザーは何もできない。
そのための機能検出であるはずだ
UA検出は既知のUAに対してのみ有効な手法、制作者がテストしていないUAでの動作は保証されていない
機能検出ならその機能があることは保証されるのだから、正しく検出していれば問題は発生しない

http://jsbin.com/afakut/edit#javascript,html
html側のonclick属性よりもjavascript側のほうが先にイベントを受け取るにはどうすればいいですか？
html側は変更できません

>>655
http://jsbin.com/afakut/2/edit

>>656
どうもありがとう

>>654
話題がずれてきてることに気付こうや
>>645から先は機能の話じゃないでしょ
だから>>648もスレチと言ってるんで

×ずれてきてる
○発展してきてる

わかったわかった

で？ごめんなさいは？

お前らは計画性がないから今のうちにテンプレ議論しとけや

>>662
横から口出すだけでおまえは参加しないのか？

質問の方は「テンプレ議論」をNG登録してください

ってテンプレに入れて、テンプレ議論するときは
名前かメ欄か本文にテンプレ議論て書くのはどうだろう

あほか

>>544-551
ここらへんが一応議論する余地がある部分か

微塵もねえ

質問する奴はID出させろ

PHPerは居ても荒れる原因になるだけだから巣に帰っとけよ

【JavaScript】下らねぇ質問はID出して書きやがれ vol.98

じゃあちょっと早めだけどテンプレ論議で。ID出せとか書くの？本当に？

書かないよ
ID出さなくていいし

IDはいらんがレス番くらいは欲しい

DOMContentLoadedのクロスブラウザ対応のライブラリやサンプルソースのあるサイトご存知の方いらしたら教えて頂けないでしょうか？
jQueryから切り出したはいいものの、これで大丈夫か確認したいのでお願いします。

IDやレス番は結局何をしたいんだ？質問者の特定？質問者なりすましの防止？

IDは日付を跨いだら意味なし
レス番はいくらでも騙れる

質問者をどうしても特定したいならトリップしかないんじゃないの？

別に特定しなくていいし
PHPスレのアレルギー体質を一部のやつが持ち込みたがってるだけ

バッドノウハウの固まりであるjQueryが信用出来ないならやめとけ

>>674
それ草案段階で捨てられたんじゃないっけ？

これはちょっとjavascriptじゃなくてプログラミング的な質問かもしれないのですが
test['a'][0] = 123
test['a'][1] = 12
test['a'][2] = 311

test['b'][0] = 0
test['b'][1] = 1
test['b'][2] = 2
↓test['a']についてソート
test['a'][0] = 311
test['a'][1] = 123
test['a'][2] = 12

test['b'][0] = 2
test['b'][1] = 0
test['b'][2] = 1

で、test[a]についてソートしたとき、そのソート順に対してtest[b]も同じ順番にしたいのですがどうしたらいいのでしょうか？

・aとbをペアにした配列の配列を作って
・a[0]とb[0]を比較する比較関数でソートしたあと
・それぞれの配列に書き戻す

比較関数でちょっと考えれば出来そうな気がするけど

◯ ああ、一応補足しておくと ◯
◯ 二行目のa[0]とb[0]は ◯
◯ 比較関数の変数名であって ◯
◯ testのハッシュ名のことじゃないからな ◯

入力された文字列をinputやtextareaのvalueとして設定する場合
エスケープするべき（したほうがいい）文字はありますか？

その入力された文字列の使い方による

使い方というと？

submitしたりするわけではありません
ということでいいのでしょうか？見当違いでしたらすみません

使い方によってエスケープするべき場合とそうでない場合があるようでしたら
例をいただけると嬉しいです

エスケープって何？　文字を除去するって意味で言ってる？

文字列のエスケープ処理のことです
escape()というわけではありません

JavaScriptならinnerHTMLとかでHTMLとして出さない限りエスケープは不要
今話題のPHPならmb_check_encodingした後htmlspecialchars、両方文字コードは絶対に指定すること

なんでPHPの話してんだよ

>>683
変数に設定するだけならない

>>689>>691
innerHTMLやdocument.writeでHTMLとして書き出したりしなければ問題ないのですね
ありがとうございます

いや、書き出す書き出さないに限らずエスケープした方がいいかは場合によるでしょ
eval使う場合もあるし、それらがむしろ好まれる場合もある

おっとevalの話はそこまでだ

nodeValueがさぁ…

>>688>>693
なんのエスケープだよ
なんの話してんの？
JavaScript関係ないんじゃね？

JSlint初めて使ってみた
unexpected spaceが大量に出た
俺が見やすいようにしてるんだからいいんだよ、うぜえなあこれオフにできないのかよ糞

そんなの使ってるのは好奇心旺盛な厨房までだろ
コンソールのデバッガでいいじゃん

>>680-682
助言ありがとうございます！

>>694
JSONがさあ・・・

if(JSON && JSON.parse){
　return JSON.parse(json);
} else {
　while(1){
　　alert("(・∀・)ｶｴﾚ!!");
　}
}

JScriptで、「今シフトキーが押されているか」っていうのは
どう調べたらいいのでしょうか？

このスレとうとう素のJSの質問より亜種の質問が多くなったな

まあ考えて見れば当たり前か
流行りのライブラリーを使ってる奴らは
技術も未熟なままいろんな事したがるし、
そうかと言って別にJSを究めたいと思ってるわけじゃないからな

まあ時代の流れか…

onkeydown

ブラウザで新窓を開く際に窓のサイズを「元に戻す（縮小）」で
開くよう指定する方法ってありますか？
サイズを指定するのではなくそれぞれの環境での縮小された状態で開くようにしたいです
検索しても上手く見つけられなかったので参考になるURLなどあれば
教えてくださると助かります

>>705
>それぞれの環境での縮小された状態

これがようわからんが
スクリーンの大きさに合わせたいのなら
window.screen.widthとheightで

>>706
分かりにくくてすみませんでした
スクリプトでサイズを指定するのではなく
単純に最大化でも最小化でもなく縮小状態で新窓を出したいという意味でした

>>707
じゃあ、>>706でよろしいな

>>707
<a href="uri" target="_blank">

>>708
すみません>>706で大丈夫だったんですね
まだ上手く行かないのですが粘ってみます
>>709
すみませんそれだと親窓が最大化されていると新窓も最大化で出てきてしまうので
今回は使えませんでした

お二人ともどうもありがとうございました

>>701
1行目
エラー: 'JSON' は定義されていません。

>>711
JSON読み込んでおけば？

>>712
それなら else が要らない

質問しようと思って整理して書き込もうと思ったら自己解決した。ありがとう

うるせえ、はげ。

>>710
タブブラウザが普及した現在では、ウィンドウサイズを強制するのは無意味

タブブラウザでもユーザーが設定してない限り
新しいタブで開かせるかウィンドウで開かせるか選べるよ

自分はウィンドウサイズの変更なんて（設定で）許してないｗ

どちらにしても迷惑スクリプト

そうとは限らん
Googleのデモでウィンドウが走り回るのとかあったが面白いぞ

そんなスクリプト面白いのは最初の一回だけで次からは殺意を覚える

そんなの場合によるって
それこそevalとかと同じ
元々そんなに強く反対意見持ってた訳でもないのに
意見自分と違う意見が出たからといってキレなくていいよ
そういうのを必死って言って荒れる元、格好悪い事だって気が付かなきゃ

Canvasに描いた絵の何か書いてある部分にマウスが乗ったときだけアクション起こしたいんだけどどうしたらいいかな？

>>723
マウスの座標で

座標でどうしたら描いてある部分だってわかるかな？

そういえばCanvasってAAかけるために実際は表示より0.5ズレてるんだよね？
その辺りもどうしたらいいかな？

何その教えて君。Canvas APIを見て少しは自分で考えなよ。

Canvasで1pxの線を引くとなんだかどー見ても1pxじゃないんだよなぁ

>>725
アンチエイリアスまったく関係ねぇよ
原点がピクセルの左上か、ピクセルの中心か、考えろ

>>725
>座標でどうしたら描いてある部分だってわかるかな？

そりゃ自分で描いてるんだから
描いた時に描いた位置と範囲は覚えておきなさいな

>>728,729
ピクセルの中心が描画の左端だから例えば1dotの垂線引いても2pxになるって事だよね？

曲線とか斜線だと複雑になると思うんだけどどう記録したらいいんだろう？

あと毎回配列に記録するって事だと思うけどかなり重たくなるからできれば避けたいんだけど

任意の座標が塗り潰された事あるかどうか調べる方法ないかな？

>>730
>曲線とか斜線だと複雑になると思うんだけどどう記録したらいいんだろう？

そこで中学と高校で習った数学の出番ですよ

pixelの色で判断する。

>>731
そんなことしてたらパフォーマンスが落ちるしベジェ曲線とかいろいろ無理っぽい
お願いだから現実的な策を教えて
>>732
それも考えたんだけどそこが絵の一部なのか、つまり塗り潰された事があるのかを調べる事にはならなさそう
最終的にそれしかなかったら妥協してそれを使うつもりだけど

そんな都合いいものはあるわけない。自分でCanvasと同じサイズの
True/Falseの配列を用意して、塗ったのと同じ位置をTrueにしていき、
判定時にはそれを参照するんだろうね。ベジエとか自分で塗れないもの
は描く時も使わないようにする(もっともベジエ曲線のアルゴリズムも
勉強すれば分かると思うけどね)。

それはもちろん内部的に同じ事してるわけだから不可能じゃないけど
fill図形もある中それするのは現実的じゃないと思う

SVGで透明な同じ図形描いて上に重ねておく

>>736
ちょっとそれでやってみる
サンクス

ピクセル調べるのが一番現実的だろ
最初にclearRectしておけば透明(RGBA=0,0,0,0)になるんだから、描いた部分との比較は簡単だろ

>>738
だいたいはそれでいいんだけど淵や中身が白い図形を描く事もあるから

え、isPointInPath()じゃだめなん？

>>739
わざわざRGBAと書いた意味分かってないな

よくわからん
背景と同じ色を使わなかったら判別できるって事だと思うけど
背景が透明黒とは限らないし、画像かもしれない

canvasの話しの続きはこっちでどうぞ

Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/

このスレでいいよ

こうする事に決めた↓

基本はドッドだけどそれが使えない場合（背景が画像等）は
fillは透明SVGを重ねてイベントリスナー､
nofillは多角形等基本は線分に分解してSVGにする
それが使えない場合（ドッドパターンの貼付等？）は最後の手段として描画位置を割り出して配列に保存する

これがベストっぽい
やっぱり三人寄れば文殊の知恵だね
みんなどうもありがとう

そもそもSVGでアニメするのは駄目なん

>>742
アルファを見ろと言ってるんだよ
白色だろうが描画した時点でA != 0になる

C言語やphpのincludeの相当するのがJSでは
<script type="text/javascript" src="〜.js" charset="UTF-8">
</script>
なのでしょうか？

text/javascriptは廃止されました

はい

え、うそん！
俺いっつも
<script type="text/javascript">
funciton(){}
</script>

ってやってるんだけど

なんで廃止されてんのにデフォルト値になってんのかね
HTML5のバグ？

英語サイトに結構いいJSの解説とかサンプルプログラムあるが、
なんか日本語だと、超初心者向けしかないからな。
英語の勉強にもなるしな。

その2006年のRFC（RFC 4329）は、いつ実効性を持つんだろうねえ。
誰も何も気にしてないみたいだし。

text/*は人が読むためのテキストを示してて、プログラムが解釈するものはapplication/*が用意されてるからapplication/javascriptだよねうんぬん

そうなんだけど、その話題が出るのって単にケチつけたいとか蘊蓄たれたいとかいう奴が
突っ込む時だけなんじゃないだろうか。

嘘言え〜wwwwwwwwwwwwwwwwwwwwwwwwwwwww

聞いたことないわwww

>>748の
>　<script type="text/javascript" src="〜.js" charset="UTF-8">
>　</script>

はJSじゃなくてHTML。JSには#includeの相当するものはないよ。

一応テクニックとしてはcreateElement('script')をdocument.body.appendChildして
オブジェクトを拡張する手もあるけどな。JSの仕様ではないけど#includeには近い
そして同様の手法で有名なのがJSONP

>>753
js sampleだと糞みたいな日本語のやつしか見つからないし、
thickboxとかlightboxみたいなやつはそのプログラムの名前を知らないと検索できない。
なんかいい検索ワードない？

HTML5のロゴがダサい・・・。
http://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/512px-HTML5-logo.svg.png

トランスフォーマーみたいでカッコいいだろ！いい加減にしろ

HTML５はタグの種類が多すぎ＆用途の不統一で日本では死ぬ予感しかない

>>761
>>480

あるページでボタンを押したら、ajaxでサーバーと通信してポイントをGET、
JavaScriptでボタンを無効化して一度しか押せないようにしています
ところが別のページに進んでブラウザの戻るボタンで戻ると、ボタンがまた押せるようになっています
一度しか押せないようにする方法はないでしょうか？キャッシュを無効にするヘッダなどを出しても
ブラウザによっては反映されないようです

今更すぎるぞそれ。
文句あるならロゴデザインしてみろ！

>>765
>JavaScriptでボタンを無効化して一度しか押せないようにしています

このときクッキー食わすとかすればある程度は出来るが
JSだけでは完全には無理な気がするよ

まじで？皆どうしてるんだろうと思ったらできないのか…
せめてサーバー側で二度処理しないようにするしかないか

セッション的なことをすればいいじゃない

ボタン押したらフラグをクッキーに書き込み
別ページに移動
戻る
onloadがまた実行されて、クッキー見てフラグが立っていたらボタンをあらためて無効化

こう？
ユーザーにクッキーを消されたらダメじゃね？

jsで出来るのはそれくらいだわな
あとはサーバ側でやるしかない
厳密にしたければOpenIDなりログインIDなりの、一意となるIDに結びつければいい

JSでまあ簡単な対策にはなるけど、確実に止めるにはサーバー側しかないってことね
了解
ワンタイムトークンの出番か、面倒臭い

ボタンは最初に無効化しておいて、通信後に有効化、押したらまた無効、でいいんでない
一度しか押せないようにしてるのはサーバー側の処理なんでそ

>>763
section厨が沸くってこと？

jQuery Mobileであるような、画面が横にスライドしてページ遷移するようなものを、
PCサイトで作成したいんですが、そのようなライブラリや紹介してるサイトないでしょうか？
ページ遷移と書いたけど、ページ内リンクのようなものでもよいです。

迷惑スクリプトだとは思わないのかい

【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/

ページの幅と高さを10000pxくらいとってスクロールバーなくしてスクロール禁止にして
スムーススクロールでおｋ

ライブラリなんぞ使わなくても
animeteで移動すると同時に横幅変えたりすりゃいいんじゃない？

animeteで横移動は出来るんですが、、、
例えば高さの異なる左右のコンテンツの横移動の際にも、
縦のスクロールをせずに常に横スクロールで移動したいんですよね。。
そうすると1枚のページでは難しいのかなと。

【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/

>>781
やってる事は荒らしと変わらんぞ

同じページ内じゃなくて違うページに横移動したいのか。
ネットが重い環境を考えない糞jsだな

やっぱりページ遷移は無しですよね。ページ読み込みに時間かかったら意味ないもんな。

【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/

jQuery Mobileのスライドも、スマホで動かすとすごい重いんだよな
Mobileと言いつつMobileでは使いもんにならんと言う

ページを裏で読み込んでレンダリングもしてからスライドみたいな感じかな
HTML５ではまさにそういうことができるようになってるのでは？

>>786
HTML5もクッソ重くて同じ動作でもFlashの方がスイスイ動くんだよなぁ
スマホは本当にどーすればいいんだろ。
定期的に見るようなサイトなら専用アプリでも作ってweb見させるしかないのかね

FlashほどじゃないけどCanvasも結構速いぞ
思ったよりはってレベルだけど

正直Canvas(2d)もFlashも力技での特殊効果はまだまだ使えない
オーラとかエフェクト系は力技なら超超簡単に表現できるのにいちいち難解な工夫が必要になる
デファスタでαが0.01刻みでしか設定できないのとか細かいところもほんとダメ

そんなにダメダメ言われると
何とかしてやりたくてやる気はわく

GREEやモバゲーがFlashをHTML5に変換ツール作っててそれ使ってるゲームやったら
ミッションクリアとかの演出が1フレーム/秒ぐらいかかってて笑ってしまった

まあその辺りは調整不足なのが一つと
透過みたいな思い処理をFlashだと上手くGPUとCPU使い分けてくれるからな
そこらへんは仕様外のブラウザ依存だな
やっぱりWEBでは今までCPU命だったからWEBブラウザの対応が鈍くても仕方がない

時間が解決してくれるさ

WebGLは多分来ないよ

var f = "こんにちはyou、今日も元気ですねyouはとっても元気だyou&you"

この文字列fのyouがマッチしたらその数だけheyって付けたいのですが
"こんにちはyou、今日も元気ですねyouはとっても元気だyou&youheyheyheyhey"
こんな感じです。どうすればいいのでしょうか？正規表現とかは一通りやったのですがドレをどう使えばいいのかわからず

f.replace(/you/g, function(x) {
f += "hey";
return x;
});

or

var match = f.match(/you/g);
if (match) {
f += new Array(match.length + 1).join("hey");
}

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

>>798は自分じゃないです・・・。

>>796-799
その文字列に現れないと確実に分かる文字があれば(たとえば「X」とする)、
f + (f.replace(/you/g, "X").replace(/[^X]/g, "").replace(/X/g, "hey"))
なんてのはどうかな。

>>800
var f = "こんにちはyou、今日も元気ですねyouはとっても元気だyou&you";
f=f+f.replace(/[^(you)]*/g,"").replace(/you/g,"hey");
alert(f);

>>801
var f = "こんにちはyou、今日も元気ですねyouはとっても元気だyooooooo&you";

とかでやってみな

>>800>>801
こっちもよさそうですね。本当に助かります

おまえら有名な質問スレ用コピペ改変に相手するなよ・・・

ここまでテンプレ

>>802
var f = "こんにちはyou、今日も元気ですねyouはとっても元気だyouoooooo&you";
f=f+f.replace(/[^you]*/g,"").replace(/you/g,"x").replace(/[you]/g,"").replace(/x/g,"hey");
alert(f);

さっきから気になってたんだけど
f=f+じゃなくてf+=の方がよくね？

生データ配列からコントローラーを介してビューを表示、データ編集後生データ配列内の元の位置に仕舞ったりする処理を考えています。

ただ、今回はランダムなビューに表示し、生データの順番から判断しただけではビューにアクセスできず、
ビューからも自分の情報が生データ配列のどこに格納されていたかは分からない様な条件なのです。

そこでコントローラーに、作ったビューを生データの順通りストックするリストを用意し、
それを介してお互いアクセスし合おうと思うのですが、もっとシンプルな方法がJavaScriptで行えるなら教えてください。

f = f +
f +=
内部処理的にはどういう違いがある？
後者のほうが文字数少ないから処理速度が向上？

>>809
馬鹿正直な処理系だと、例えば
　配列[複雑なインデクス計算] = 配列[複雑なインデクス計算] + なんとか
の時にインデクス計算を２回するかもしれないけど、
　配列[複雑なインデクス計算] += なんとか
なら１回で済む。
でも、今時の処理系ならどちらも差はない。

>>806
おしい
var f = "y_o_u";
だとまちがう。

ここは .*? の最短一致を使うのがいいんじゃないかな。
youが全く現れないケースに気をつけて。

って、正規表現スレむけのネタのような

なかなか難しいもんだな

>>797で終わってるし

>>806
[] の意味理解してる？
[you] は、"y" または "o" または "u" のいずれか一文字に match。
[^you] は、"y" でも "o" でも "u" でもない任意の一文字に match。
どうしても消してから置換したいなら単語単位は諦めて、

f += f.replace(/y(?!ou)|[^y]/g, "").replace(/y/g, "hey");

>>807
子供の頃にBASICを覚えたとき、本の著者が
f=f+hoge で書く派の人だったので、自分も以前はそっち派だったな

BASIC系で代入演算使えるようになったの最近じゃね？

最短一致つかうんなら

f += f.replace(/.*?(you|$)/g,"$1").replace(/you/g,"hey");

こんな感じかな。

replace2回使う方法が一番負荷少ないのかね
俺の中での優先順位が
負荷軽減＞コードの見栄え＞コードの長さ

こんな感じだからだろうけど

replace の回数より match のさせ方を気にした方が良いよ。
とくに、バックトラックを多発する様なパターンは極端に速度が落ちる。

>>816
BASICなんてもう20年以上触ってないからワカラナス
小学生だったから、そう書くもんだとしかｗ

たぶんもう質問したやつは置いてけぼりの状態

最初のほうで納得してたみたいだからいいんじゃね?

おれなら正規表現使わずに、indexOfを繰り返して回数数えて、
その回数分足すだけにするけどな。

複雑な正規表現って一発じゃ思いつかないからなあ

コミュニティから抜粋

////////////////////////////////////////////////////////////////////////////////

336　名前：あげあげ坊主　投稿日：2012/02/24(金) 10:08:32　HOST: FLH1Aj137.hkd.mesh.ad.jp

自動ネット収入システム AUTO-WEBMONEY２の裏技みっけた

スリープモードOFF、自動検索ネットワークON、リトライ復元モードOFF、自動カスタマイズシステムON、
セキュリティモードOFF、サーバートランスモードON、自動構築モードOFFにしてから作動させて、
15分くらい放置したあとに自動構築モードONにすると面白い事になる！
（画像）あっという間に・・ｗｗｗ


425　名前：アゲハ蝶　投稿日：2012/02/24(金) 10:45:50　HOST:pl39.nas811.p-wakayama.nttpc.ne.jp
>>336
うぎゃあああああああああああああああああすげえええええええええええええ
あっいう馬に金貯まるんだがｗｗｗ


477　名前：ネコ　投稿日：2012/02/24(金) 11:35:22　HOST:p8146-ibfp504yamaguchi.yamaguchi.ocn.ne.jp
>>336
　　　　ネ申 ｗｗｗｗｗｗ２８万ｗｗｗ


488　名前：はるき　投稿日：2012/02/24(金) 12:01:35　HOST: KD1140178234.ppp-bb.dion.ne.jp
>>336
キタ━━━(*´･ω･)＾ω＾)´∀`)´Д｀)´ー｀)ﾟ∀ﾟ)'A`)ﾟДﾟ)━すげー32マソ━━ !!!


600　名前：425　投稿日：2012/02/24(金) 13:20:02　HOST: pl39.nas811.p-wakayama.nttpc.ne.jp
一時間で56万！！ｗｗｗ最高記録か！？ｗ バグ？いいのかこれ？いうなよｗｗｗ

>>823
自分が考えた後、自分より上手い書き方のレス見ると凹む

そいや正規表現で思い出したが
compile使うと同じマッチング処理繰り返すより早いって聞いたけど本当？

var f = "こんにちはyou、今日も元気ですねyouはとっても元気だyou&you"
for(1000回){
　　 f.match(/you/g);
}

より

var f = "こんにちはyou、今日も元気ですねyouはとっても元気だyou&you"
re = new RegExp("");
re.compile("you","g");
for(1000回){
　　　f.match(re);
}
の方が早いらしいが

実測しろ

それ俺前試したけど差が無かった

>>826
上は毎回正規表現オブジェクトを生成してる
下は生成されたオブジェクトを再利用してる
まぁでも実際のところchromeでは上の方が早い

var m = 1000000, i, test = "aaaaabbccc",reg = /bb/g,re = new RegExp("");re.compile("bb","g");
i = m;console.time("1");
while(--i) { test.match(/bb/g);};
console.timeEnd("1");
i = m;console.time("2");
while(--i) {test.match(reg);};
console.timeEnd("2");
i = m;console.time("3");
while(--i) {test.match(re);};
console.timeEnd("3");

1: 1571ms
2: 1952ms
3: 1952ms

IE (IE9 は知らないが) は、String の match メソッドでも
lastIndex をセットするから、それで嵌ったのは苦い思い出。

> まぁでも実際のところchromeでは上の方が早い
本末転倒やん

>>829

うちだと 3回やって

1: 342ms 1: 348ms 1: 350ms
2: 303ms 2: 304ms 2: 303ms
3: 299ms 3: 309ms 3: 303ms

1を最後に持ってくると
2: 354ms
3: 315ms
1: 322ms
こうなったから、キャッシュが効いてる?

差がないというか何回か使うと勝手に最適化されるからな

質問。
セレクトボックスで選択中（イベント的にはonfocusしか来てない感じ）に、
カーソルの下にある値に応じて、その値の説明を表示したいと思ってます。
そういう事って可能でしょうか。

>>834
onchange

>>835
すませんまだ試してないんだけど
onchangeって選択後（マウスを離した確定時）ではなかったでしたっけ

>>836
その通り。選択が確定しなければ選択項目を取得できない。

>>837
ですよね。
やっぱり選択中は無理ですかねぇ

mouseoverでも付けとけば

そういうときはselectを自作するもんだ

Firefoxでしか動かんな

>>840
なるほどその手があったか…めんどくさすぎるorz
でもそれくらいしかなさそうですねｗ
それ込みで仕様を考えなおしてみます。ありがとうございました。

ライブラリが結構あるからそっちを探して改造するほうが早いかもしれんよ

(function () {
var a1;
var self;

function ClassA() {
self = this;
};

ClassA.prototype.f1 = function() {
this.a2;
this.a3;
element.addEventListener("click", this.f2, false);
};

ClassA.prototype.f2 = function() {
self.a2;
self.a3;
};

})();

prototypeについて勉強しているのですが、prototypeに設定している関数、上のf1・f2のような間で共通で使う変数a2・a3は
thisやselfで定義や呼び出しを行っているのですが
なんだか書いていて全体がthis・self地獄のようになってしまって・・・
a1を定義しているvarの箇所でa2・a3も定義すればその地獄も解消するような気がするのですが、a1のグローバルな定義？は
a2・a3のthis・selfの方法と大きな違いや問題が起こったりはあるのでしょうか？寧ろa1もthis・selfで定義すべきですか？

最近の流行りで言えばクロージャでprivate化しつつって感じかなー

>>844
a1はDOMオブジェクトを参照させ続けた場合メモリリークする環境もあるってことだけど、そこは実装者の判断で決めること。
addEventListenerにthisを持ちこみたい場合は、function.prototype.bindを使うと楽ができる(self使わんでもいい)が、環境によってはない。
prototyoe.jsかMDN（https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind)あたりで調べて頑張れ。

>>845-846
レスありがとうございます
とりあえずは、a1のように定義してf1・f2で共通で扱うような手法はミスというか間違いなんですかね
a1もきちんとa2a3同様、ｔｈｉｓ・selfで扱うべしと
private化など具体的に理解できていないl言葉も多いですが、これから調べてみます

>>844
変数 self は不要。
ClassA.prototype.handleEvent にして element.addEventListener("click", this, false); でいい。

配列がありまして
array[0] ="hoge123";
array[1] ="fu123";
array[2] ="fugefuge123";
をarray.joint()でつなげるとき全部の最後についた123の部分を取り除きたいのですが
forを使って全部毎回slice(0,-3)って取り除くしかないのでしょうか？

map

初心者の横レスだが、
array.map(function(a){return a.slice(0,-3)}).join()
こんな感じ？

http://jsfiddle.net/Zr2bL/

document.getElementsByTagName('select')[0].addEventListener('mousedown', function(evt){
evt.preventDefault();
}, false);

IE、Opera、Google Chromeではプルダウンがキャンセルされるのですが、Firefoxではキャンセルされません
Firefoxでもプルダウンが表示されないようにするには、どうすれば良いのでしょうか

sel.parentNode.replaceChild(sel, sel);

>>853
ありがとうございます
実現できました

CSSで記述する内容を全部jQueryで書くことは可能なのでしょうか？
つまし、〜.cssは必要なく〜.jsだけあれば事足りるのでしょうか？

ロードした時CSSでデザインしてるのを全部(#hoge).css
ってやんの？
出来るけど超非効率でクソ重いサイテーなページの出来上がりだぞ

Webアプリ開発は Linux + Mono + ASP.NET MVC が最強だと悟った
http://engawa.2ch.net/test/read.cgi/poverty/1330244837/

やっぱCSSをjsで書くと重くなるっていうデメリットがあるのですか。
Flashてんこ盛りのサイトとjs多用のサイトでも
どちらが重いのでしょうか？

cssとjs混同するなよ

>>855
style要素を挿入するなり、document.styleSheets[i].insertRule するなりすれば良かろう。

>>855,858
どうしてCSSをJSで書きたいのでしょうか？

ちょっとCSSとjavascriptについて勉強してこい。もう初心者とかそういうレベルじゃない
javascriptでやってんのはCSSの操作

js多用とかしらねーよ。マグネシウムとパンではどっちが重いですか？ってのと同レベル

やってみればいいんだよ。

できるかできないかって言われれば、出来るんじゃないの。
おすすめできないけど。

静的なCSSなら普通に書いた方がいいだろ
わざわざ動的な書き方しなくても。

まぁよっぽど大きなHTML書いてるのじゃなかったら体感的に何も変わらないだろうけど、
でも変な癖を付けないようにする意味でも、ちゃんと分離して管理するべきと考える。

jQueryでXML表示ですが
var $aaa = $(this).find('sampl').text();
samplの孫ノードに含まれている”zzz”を抽出したい場合、どういう風に書けばいいのでしょうか？

>>866
どうして、そのXMLのサンプルを書かない
そのサンプルコードと質問の内容に一致していない無駄な一行にワラタｗ

>>867
これでどうでしょう
<entry>
<number>001</number>
<published>2010-12-31</published>
<Description></Description>
<details>dsa<details/>
<sampl>zzz</sampl>
</entry>
function xmlLoad(){
$.ajax({
url:'fda.xml',
type:'get',
dataType:'xml',
timeout:1000,
success:parse_xml
});}
function parse_xml(xml,status){
if(status!='success')return;
$(xml).find('entry').each(tee);}

function tee(){
var $cate = $(this).find('sampl').text();
$('<tr>'+
'<th><img src="'+$cate+'"/></th>'+
'</tr>').appendTo('table.tbl tbody');}

$(function(){
xmlLoad();
});

専用スレにいってくれないかな？

>>868
そのXMLで、zzzを取り出したいの？
なぜeachを呼び出してるのかがわからないけど・・・

$.ajax({
　　url : 'fda.xml',
　　type : 'get',
　　dataType : 'xml',
　　timeout : 1000,
　　success: function(xml, status) {
　　　　if(status != 'success') return;
　　　　alert($('sampl', xml).text());
　　}
});

こんなんじゃダメなのか

>>869
巣に帰ったらどうだ

＼　　　/　.::::::::::::::::::::::::;;:;;::,ｯ､::::::　　 )　　く 　 ホ 　す
　 ＼　l　 ,ｯｨrj,rｆ'"'"'"　　　 lﾐ:::::::　く　　 れ　 モ　 ま
　　　　 Y　　　　　　　　　　 ,!ﾐ:::::::　ヽ　　な　 以　 な
｀ヽ､　　|　　　　　　　　　　 くミ::::::::　ﾉ 　 い　 外　 い
　　　　 |､__　 ｬー--＿ニゞ　｀i::::,rく　　　か　 は
｀`''ｰ-　ゝ､'ｌ　 ￣ﾞ´彑,ヾ　　　}::;! ,ﾍ.）　　！　 帰
　　　　　 ﾞｿ　　　""""´｀　　　　　〉 L_　 　 　 っ
　　　　　 /　　　　　　　　　　i　　,　　/|　　　　て　　　　r
≡＝-　〈´　,,.._　　　　　　　 i　　't-'ﾞ　|　,へ　　　　　,r┘
,､yx=''"　｀ｰ{ﾞ　＿, -､　　　　;　　l　　　ﾚ'　　ヽr､⌒ヽ'
　　　　　　　 ﾞ､`--─ﾞ　　　　　 /!　　　　　　　　 `､
　　_,,､-　　 　 ﾞ､ ー''　　　　／　;　　　　　　　　　　 `､
-''"_,,､-''"　　　 ﾞ､　　　　／;;'　,'　　/　　　　　　　　 、＼
-''"　　　 ／　　　`ｰ─''ぐ;;;;' ,'　　ノ
　　 ／／　　　 /　　　　　ヾ_､=ﾆﾞ

>>868
<details>dsa<details/>
↓
<details>dsa</details>

いきなりajaxで試すんじゃなくて、

var xml = $.parseXML('<entry><number>001</number><published>2010-12-31</published><Description></Description><details>dsa</details><sampl>zzz</sampl></entry>');
console.log($(xml).find('sampl').text());

などとしてテストすることをすすめる。

>>870
たぶん、実際のxmlには entryが複数あるんだと思われる。>なぜeach


その場合でも、findは一回の方がいいと思うけどね。

>>871
何お前喧嘩売ってんの？
そういう事して楽しい？

document.write(str.link(url));
このメソッドで　リンクの文字仕様を変更して
新ウインドウでリンクさせることはできますか？
Styleで指定しても反映されなかったのですが

var w = window.open();
w.document.write(str.link(url));
w.close();

ウインドウ閉じちゃったｗ訂正
var w = window.open(); 
w.document.write(str.link(url)); 
w.document.close();

ありがとうございます。

$(document).ready(function(){
　　　$('#mm').click(function (){

　　　});
});
読み込み時にID mmをクリックで実行されるというものですが
これを「停止」させる方法はあるのでしょうか？
#mmをクリックしたときに呼び出される事自体を停止させたいのですが

$("#mm").unbind()

unbindってbind指定じゃなくても出来るとは知らなかったです
ありがとうございます

更に言うとliveも無効にするから気をつけろよ

以下のコードでコンソールにログが出力されないのですが、何故でしょうか？
script要素を動的に追加してもonloadイベントは出ないのかな。。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<script type="text/javascript">
function test() {
console.log("console");
}

function load() {
var newjs = document.createElement('script'),
div = document.getElementById('data');

newjs.onload = test;

div.appendChild(newjs);
}
</script>
<title>Agriculture</title>
</head>
<body onload="load()">
<div id="data"></div>
</body>
</html>

【環境】ＶＩＳＴＡ　 IE8
【何をしたのか】画像が自動的に入れ替わるようにしました
【期待する結果】画像を2秒ごとに自動的に切り替えたいです
【サンプルコード】
http://jsfiddle.net/mHA5K/1/

>>884
ちょっと何がしたいのかがイミフだけど・・・

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
function load() {
var newjs = document.createElement('script');
newjs.setAttribute("type", 'text/javascript');
div = document.getElementById('data');
newjs.appendChild(document.createTextNode('console.log("console")'));
div.appendChild(newjs);
}
</script>
<title>Agriculture</title>
</head>
<body onload="load()">
<h1>テストページ</h1>
<div id="data"></div>
</body>
</html>

これで動くんじゃない？

>>886

動的に追加したscriptタグのonloadイベントを拾えるか、console.log()で出力させて確認したいのです。。

>>886理解できるようになってから答えたらどうだ
新しいJSをロード時にコンソールにconsoleと出力したいんだろ

>>887
srcつけても出ないの?

>>888

src付けたら出ました。ありがとうございます！

>>888
理解できるようになってからって・・・・
質問者がきちんと質問するのが筋だろ。
まぁどーでもいいけど。

885です。

>>890
>script要素を動的に追加してもonloadイベント
ってあるのだから
>newjs.onload = test;
これが何を意図した物かは読み取れるはずだよ

>>892
めんどくせーｗｗ
はいはいｗ

あれ？ごめんなさいは？

>>894

J( 'ｰ`)し　ごめんね。おかあさん>>884何言ってるかわからなかったから、ごめんね

>>886　はマジレスだったのか…

↓以下ゴミへのレス禁止スルーで

>>885
var img = document.getElementById("vege");

var images = [
"image/anime1.jpg",
"image/anime2.jpg",
"image/anime3.jpg",
　　　　：
];

(function(n){
var F = arguments.callee;
img.src = images[n];
setTimeout(function(){
F((n + 1) % images.length);
},2000);
})(0);

こんな感じでどすか

あれインデントが

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

底辺大学生で今年4年なんだが、趣味プログラムで
Javascript勉強してきたアピールしようと思っとんじゃが、
ばってん、どないすればよかとですかい？

家に友人が来たときソースコード読んで「何してんの？」って聞かれたら
「俺はブラウザで表示されたwebページ見るよりソースコードをそのまま見た方がわかり易い」って答える

書き忘れました、今年就活なんで、面接でjavascriptアピール
したいです。
教授にコネとかないので、自力で就活しないといけないですたい。

>>901
完全オリジナルの作品みせてくれて
オープンソースへのコミット歴・内容を教えてくれれば
まともな会社ならちゃんと評価すると思うよ
ソースにはわかりやすいコメントがあると嬉しい

>>902
ミサワかｗ

>>901
完全オリジナルってのはライブラリ使用してokなのでしょうか？
jQueryともう一つフリーのプラグイン使ったAjax
アップローダー作りました。

>>876ですが
リンクの仕様の変更はできないでしょうか？
それとjsで生成した文字列に新ウインドウリンクはできないのでしょうか？

イベントで作るしかないのでしょうか

String.prototype.link を上書きして target="_blank" 追加される様にすれば？

>>901
そんなものではアピールにならないのでは？
烏合の衆だね
canvasスレの人みたいなものが作れたら感心するけど
http://toro.2ch.net/test/read.cgi/hp/1305093769/

>>907
有難うございます　試してみます

>>908
canvasですね。わかりました、開発してみます。

PHPlotみたいにcanvasにグラフ描けるjsライブラリありませんかね？

HTML5.jp

Javascript ライブラリー - HTML5.JP
http://www.html5.jp/library/index.html

描画したいグラフの種類ごとに必要

http://www.humblesoftware.com/flotr2/index

>>905
個人的にはゼロベースで書いたものを見たい
ライブラリ使うのがイカンとは思わんが、そっちがメインになっちゃったら意味ないし

jQueryプラグインを組み合わせただけのものでドヤ顔されても
プラグイン作った人がすごいなーってなっちゃう

>>910
Canvasスレのぜ〜の人は、あんまり他の人がやらんことをやるから良いのであって
ただCanvasでサンプル作りましたー、ではあんまりアピールにはならん気がする

あれれ、もう９００超えてる。次スレのテンプレはどうするんだっけ？

次スレは>>9で。
懸案事項はもう少しまとめてもいい気がするけど。

windowとかdocumentとかオブジェクトの名前が全部載ってるページを教えてください

>>4

初心者が最初疑問に思うのは
「backgroundColorとかの指定方法わかんねーよ！どこにもCSS操作の一覧のってねーよ！」だけど
"-"を削除してその右側の最初の文字を大文字にするだけだからな
min-width→minWidth

linearGradientでいいのか

それCSS3やん
javascriptってCSS3の対応状況どなってんの？

CSS3のプロパティは大半がjqueryで賄ってくれるって西畑がいってた

ブラウザ側からしたらjQueryっつー外部の方が楽だからいいかもしれんが
CSS3に力入れてんのがgoogleぐらいだからあんま使う気にもなれないんだよね

先駆者としてはいいかもしれんが、IE8とかがこの世から消滅するのは一体いつになる事やら

IE6が今年の最後あたりでサポート延長しまーすｗｗとか言いそうで困るよ

IE6とかはぜーんぶIE8に強制なんちゃらって言ってなかったけか
まぁ、それでもIE8なんだけど

IE6の最終版アップデートでIE8にしないとセキュリティが危険な状態になります
とかで起動時に出してあげりゃ嫌でもIE6のシェアは下がると思うんだがなぁ

IEのシェアを下げてくれ

無理だろ
みんなwindowsなんだから

Windowsが死なない限りシェアは上がり続ける

上がらないけど、最低ラインの40%は切らないだろうよ
グーグルがどんなにがんばってもな
いまだにIE6使ってるやつが1割もいるんだし

>>926
今年からIEも自動アップデートになるってあれだね
MS謹製のカウントダウンサイトはなんの冗談かと思ったｗ

ま、とりあえず「デフォルトではIE6-7はなくなる」だけでも
良しとしようではないか