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/

■主要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 中でやるとか。

ライブラリスレが見当たらないんですが
ここでjQueryの質問してもよろしいでしょうか？

ゆとり乙

すいません、基本的な機能についてわからないことがあるんですが

文字列の中の数字だけを抽出して足し算というようなことはできますか？
たとえば
Ａくんはりんごを　5　こもらい、Ｂくんは　3　こもらい、Ｃくんは　6　こもらいました

この合計を計算して表示するという事は可能ですか？

もちろん可能です

7ですすいません
7はリンク先などのhtmlファイルといういみです

すみませんいみがわかりません

何言ってんのかわからん
a.htmlでjavascript実行して遷移先のb.htmlに計算結果を表示したいのか？
パラメータとして結果を送れば可能だけど

すいませんわかりづらくて、みなさんありがとうございます
どう説明したらいいかわからないんですが

他人のhtml（たとえばウェブサイトなどの）を（自分の表示してるhtmlの見た目を）かえるってことなんですが
あの、もうちょっと勉強してからまたきます

jQueryの質問ダメなんですか？

>>12
javascript使わなくてもブラウザの機能で出来るが

>>13
はよせえや

>>14
ありがとうございます！！
ちょっと文字数が足りないので
オンラインエディタ上にソース掲載しています

http://jsbin.com/okuxel/1/edit

jQueryを利用してプログレスバーのような物を作っているのですが
上記のソースだとHTML側一番上の10がそれ以降の4つにも反映されてしまい
5つ全て10%のプログレスバーになってしまっています。

classをbar1 bar2 bar3等にすれば簡単だとは思うんですが
それは無しでHTMLはこのままで各data-valueの値を各プログレスバーに反映したいと思っています。

どうすればいいでしょうか？ご教授お願いします。

あと補足で実際の使用ではプログレスバーの数が5個ではなく不確定です。
よろしくお願いします。

何度も連投すいません
ソース部分もっと具体的に書きました

http://jsbin.com/okuxel/6/watch

>>17
それぞれの要素ごとに処理しないから、percentに一番上のdata-valueが代入されて
それが全部の要素に反映されちゃってる。
だから、↓こんな感じにすればおｋ

$(function(){
progressBar($('.bar'));
});

function progressBar($elements) {
$elements.each(function(){
var element = $(this);
var percent = element.data('value');
var progressBarWidth = percent * element.width() / 100;

element.find('div')
.animate({ width: progressBarWidth }, 500)
.html(percent + " % ");
});
}

あと、linear-gradient使うんだったらプレフィックスなしのも書いとけよ

>>18
本当に本当にありがとうございます
涙が止まりません。

cssの部分のアドバイスまで
本当にありがとうございました！

これでもいけそう

$(function(){
$('.bar').each(function() {
var percent = $(this).data('value');
var progressBarWidth = percent * $(this).width() / 100;
$(this).find('div').animate({ width: progressBarWidth }, 500).html(percent + " % ");
});
});

>>20
こちらでも行けました
ありがとうございます！

まあ気にするな
俺が教えたわけじゃないけどｗ

どういたしまして

いいってことよ

　　　　　　　　,,＿＿,,
　　　　　　 ／ 　　　 ｀､
　　 　　　/　　　　　　　ヽ
　　　　　/　●　　　 ●　|
　　　 ／l　 '''''　し　 ''''''　|
　　 /　　l　　　＿＿.　　 | 　　
　　 l　　/ヽ＿ ` --' ＿ノ
　　 ＼　　　　　 ￣　　ヽ∩
　　　　⌒l 　　　　　　　l三 |
　　　　　 |　　　　　　　 ヽ.__|

JavaScript って、ウンコですね。

そのウンコに用がある君はハエみたいなもんか。

うんこ

that's good

マヨネーズ食べたい

jQueryでtr>td>a.classのa.classをクリックした時にtrに対して.after()をしたいのですが
a.classの属しているtrを取得する・・・というのは可能ですか

もちのろん

>>32
どうすればよいか教えて下さい

心の目で見よ

>>31
こんなかんじちゃう？
$("tr td a.class").click( function() {
$(this).closest("tr").after("hoge");
});

>>35
closestなんてものがあったんですね！ありがとうございます！

>>37
submitのidを"send"にしてFormのidを消す

2つのクラスのラジオボタンがあってそれぞれ1番目のラジオボタン以外が選択された時
もう片方のクラスのラジオボタンをvalue="1"にしてdisabledにしたいんですけどjavascriptの方はどう書けばいいですか？


htmlサンプル
<input type="radio" class="q1" value="1" checked>なし
<input type="radio" class="q1" value="2">あり

<input type="radio" class="q2" value="1" checked>なし
<input type="radio" class="q2" value="2">あり1
<input type="radio" class="q2" value="3">あり2

>>39
DOM操作になるからライブラリ使ったほうが楽だぞ

まずclass属性じゃなくてname属性使えば

特定のタグを囲むタグを作る方法って分かりますか？

<p></p>

↓

<div>
<p></p>
</div>

のように

外側にしたいエレメントAを作るだろ
内側にしたいエレメントBとAのノードを入れ替えるだろ
AにBを挿入すれば完成よ

>>42
DOM Rangeつかうとか。
http://members.jcom.home.ne.jp/jintrick/Personal/DOM_Range.html#GROUPING

ありがとうございます!!

>>38
ありがとうございます。
それではいけなかったんですけど、解決へのヒントになりました。

そのpやらppやら説明せえよ

JavaScriptの学習ってどういう風にしていけばいいの？

マイナビ社の『よくわかるJavaScriptの教科書』買っていま勉強してるんだけど、
イマイチ説明不足なままjQueryの解説に流れててよく分からん。


JavaScriptが簡単って言った奴出てこいよ、初学者にはかなり難しいわ。

サイについて学ぶ