>>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.102 +
http://toro.2ch.net/test/read.cgi/hp/1342480228/
■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
http://wing2.jp/~mirrorhenkan/2ch/javascript/ (閲覧のみ)
■テンプレ案
http://jsfiddle.net/fH4cC/10/show/
■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
【jQuery】JavaScript ライブラリ総合質問所 vol.1
http://toro.2ch.net/test/read.cgi/hp/1327814124/
WSH(・∀・)ｽﾚｯﾄﾞ! Part 4
http://toro.2ch.net/test/read.cgi/tech/1243095768/ →消失中
【WHATWG】HTML5 Part4【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1295872957/
Webサイト制作初心者用質問スレ part231
http://toro.2ch.net/test/read.cgi/hp/1344497837/
CSS初心者スレッド＝11th＝
http://toro.2ch.net/test/read.cgi/hp/1327663847/ →消失中
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/
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 中でやるとか。
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
トイレに行きたくなったのでサービスエリアに立ち寄りました。
手前の個室はふさがっていたので、その隣に入りました。
便器に腰を下ろそうとしたその時、隣から 「やあ、元気？」と声がしたのです。
男は皆そうですが、トイレで見知らぬ人と話をすることはありません。
どうしていいかわからなかったので、ためらいがちに「まあまあだよ」と答えました。
すると隣人は「そうか……それで、今何してるの？」と言うのです。
妙だなと思いましたが、私はバカみたいにこう答えました。「君と同じだよ。Rしてるんだ！」
やがて隣の男は、声をひそめてこう言ったのです。
「おい、あとでかけ直すよ。隣の個室に、俺の声にいちいち答えるアホがいるんだ！」
消失中って…CSSは次スレあるよ？
次スレぐらい探そうよ
素直に http://jsfiddle.net/fH4cC/11/show/ を使っておけばこんな間違いは起きなかっただろうに
「テンプレは結局軽微な変更で」といってるから多分この人がURLミスってる
1日で取得できるぜwwwwwwwww」
そんなふうに考えていた時期がオレのもありました
これが目安。
もらえると検討できるんじゃないかと。
2で何回割れるかをカウントする
64ビット整数であることを前提にするなら表を作ってもたった64エントリで済むという
http://jsfiddle.net/qZc3d/3/show/
候補としてはいいと思うけど、テンプレURLが違う。
元URLを変更する形で提案してほしいな。
リビジョンで区別はつくから。
n.toString(2).length - 1?
とかどうよ。でかい数字だとダメそうだけど。
すR
派手に変えたのでフォークしてた
http://jsfiddle.net/fH4cC/13/show/
a = 256;
b = Math.log(a)/Math.log(2); // 8
暗黙裡にUTF-8とするんだったと思う。
気にしたことがないなあ
Ajaxで読み込んだXMLをパースしてHTMLに書き込む
ということをする際に、HTMLとJSが書いてあるファイルをSJISとしたとき
読み込むXMLファイルはUTF-8でもSJISでもEUC-JPでも問題なかった
つー話しです
「解説して ○年○日 経過」
というカウントアップなのですが、うるう年対策の方法がわかりません。
どうかアドバイスをお願い致します。
var now = new Date();
var xxday = new Date(2012, 9-1, 12);
var count2 = Math.ceil( (now.getTime() - xxday.getTime()) / (24*60*60*1000) );
var y = Math.floor(count2 / 365);
var d = count2 % 365;
document.write("開設して");
if (y > 0) {
document.write(y);
document.write("年");
}
if (d > 0) {
document.write(d);
document.write("日");
}
document.write("経過");
var xxday = new Date(2012, 9-1, 12);
var xxday2 = new Date(now.getFullYear(), xxday.getMonth(), xxday.getDate()); // 今年のXデー
var y = now.getFullYear() - xxday.getFullYear();
if (now.getTime() - xxday2.getTime() < 0) { // 今年まだXデーを迎えていないなら、改めてxxday2を去年のXデーに設定
xxday2 = new Date(now.getFullYear() - 1, xxday.getMonth(), xxday.getDate());
y--;
}
var d = Math.floor((now.getTime() - xxday2.getTime()) / (24*60*60*1000));
document.write("開設して");
if (y > 0) {
document.write(y);
document.write("年");
}
if (d > 0) {
document.write(d);
document.write("日");
}
document.write("経過");
}
utf8nで保存できないって記事あったんだが、
jQuery〜.jsってTerapadで開いたらマルチバイト文字ないみたいなのに、
utf8nだったんだけど？
他にも自分で作ったjsとかもutf8nで保存できる時とできないときがあって
さっぱり規則性がわからん。みなさんどう思いますか？
hoge[0] ="123";
hoge[1] ="153";
hoge[2] ="321";
var fuge = hoge;
hoge.length =0;
function test(){
alert(fuge);
}
ってやるとなぜかfugeまで空になってしまいます
fugeにhogeを継承した後hogeを空にしてもfugeだけは残す方法とかないんでしょうか？
ディープコピーしたけりゃ自分で関数作るかJquery.extend使え
継承したいならそういうもんだから諦めろ
わからなければググレ
ありがとうございます
知識不足の人間が誤った記事を読んで、駄目なエディタを使っているだけでしょうね！
コメントに 0xE2 0x80 0x93 っていうコード列が混じってるようだね。
–
→A.HTML上のフレーム内にB.HTMLを実行
B.HTML上のボタンをクリック
→新規ウィンドウでC.HTMLを実行
このとき、C.HTMLから親ウィンドウA.HTMLを閉じることは可能ですか？
何かよい方法はないでしょうか
parentなどの並び順に不備がありました…
何で空になるのか。大事なところなのでこの際ちゃんと理解しといた方がいいよ
その際に、送信されてしまうクッキーを送信しないようにする方法はありますか？
↓
ajax
↓
クッキー元に戻す
て意味じゃないよな…
親ウィンドウ→子ウィンドウならわかりますが、フレームを介する場合の方法がわかりません。
IE9を使用しています。
『配列を参照している変数』を初期化するなら[]
『変数が参照している配列』を初期化するならlength=0
一辺100pxの画像（リンク入り）にマウスを乗せると、
その画像自体の真上に重なる形で下の画像を表示させたまま
一辺30pxの画像（別のリンク入り）を表示させることは可能でしょうか？
もし可能ならば方法を教えていただきたいです。
ちなにみ下記のCSSで実行しようとしたところ、
動作はしますがそれぞれの画像に別のリンクを指定することはできませんでした。
HTML
<div id="imgHover"><ul><li><a href="リンク１">
<span class="thumbnail"><img src="大きい画像.jpg" alt="sample image" /></span>
<span class="mainImage"><img src="小さい画像.gif" alt="sample image" /></span>
</a></li></ul></div>
CSS
#imgHover ul li { float: left; margin-right: 5px; }
#imgHover ul li img { border: none; }
#imgHover ul li a { display: block; }
#imgHover ul li a:hover { position: relative; }
#imgHover ul li a .mainImage { display: none; }
#imgHover ul li a:hover .mainImage { display: block; position: absolute; top: 0; left: 0; }
左上合わせるのか中央合わせるのか
可能かどうかならスレチ
お礼が遅くなり申し訳ございません。
早々にアドバイス下さり有難うございました！
CSSのhover使えばなんとかなっちゃうんじゃないか？
<a>
<span class="default">大画像</span>
<span class="hover">大画像の上に小画像</span>
</a>
a { display: block; position: relative; overflow: hidden; }
span { display: block; position: absolute; }
/* 標準時 */
span.default { left: 0; top: 0; }
span.hover { left: -5000px; top: -5000px; }
/* hover時 */
a:hover span.default { left: -5000px; top: -5000px; }
a:hover span.hover { left: 0; top: 0; }
こんなかんじで
ご丁寧にありがとうございます。
さっそく試してみたところなぜか画像が何も表示されませんでした。
ちなみにHTMLは下記のように修正してから実行してみました。
<a href="リンク１">
<span class="default"><img src="大きい画像.jpg"></span>
<span class="hover"><img src="小さい画像.gif"></span>
</a>
ごめんなさい、質問の条件を間違えていた
a要素の入れ子はできないから、CSSだけだとIEが駄目だった
ちょいまち
ごめんねごめんね
HTML
<li>
<span class="link1"><a href="リンク１"><img src="_img/img_1.png" alt=""></a></span>
<span class="link2"><a href="リンク２"><img src="_img/img_2.png" alt=""></a></span>
</li>
CSS
li{ width: 100px; height: 100px; position: relative; overflow: hidden; }
li span{ display: block; width: 100px; height: 100px; position: absolute; left: 0; top: 0; }
li span.link2{ width: 30px; height: 30px; left: -5000px; top: -5000px; }
li.hover span.link2{ left: 35px; top: 35px; }
JS
$(function(){
$('li').hover(function(){
$(this).addClass('hover');
},function(){
$(this).removeClass('hover');
});
});
CSSでli:hoverが使えればCSSだけで出来るんだけど
IEがa要素以外のhoverを受け付けてくれないので、それをJSで代替しました
面倒だったのでjQueryを使いましたが
要はliのマウスオーバ／アウトでliのクラス属性を書き換えればOKです
できましたー！！
まさかここまで親切に教えていただけるとは思っていなかったのでびっくりしました。
本当にありがとうございました！
これを機会に自分なりにアレンジを加えたりいろいろしてみたいと思います。
それだと別のタブにも影響が出ちゃうので・・・
なんとか実現できたので質問取り下げます
お世話様でした
【何をしたのか】IEで期待した動作をしない
【エラーメッセージ】なし
【期待する結果】
複数セレクトボックスの<option>は全て同じ値。
選択した<option>を他のセレクトボックスから選択できないようにしたい。
一度選択不可にした選択肢も、選択が解除された場合は戻したい。
IE6で動きません。
変数のせいな気がするのですが、お手上げ状態。。。
>$('[name!="'+ nm +'"] option:selected').each(function () {
を$('select[name!="'+ nm +'"] option:selected')とすると
$(this).val()が取得できなくなります。
>$('select[name!="' + nm + '"]').children('[value="' + vl + '"]').hide();
を$('[name!="' + nm + '"]').children('[value="' + vl + '"]').hide();
とすると、他のHTML要素まで影響が及んでしまい。。。
function test(nm,vl){
var another1 = "";
$('[name!="'+ nm +'"] option:selected').each(function () {
another1 += '[value="' + $(this).val() + '"],';
});
$('select[name!="' + nm + '"]').children('[value!="' + vl + '"]').show();
alert('select[name!="' + nm + '"]')
$('select[name!="' + nm + '"]').children('[value="' + vl + '"]').hide();
$('select[name!="' + nm + '"]').children(another1).hide();
$("select").children("[value='']").show();
}
<option value=""></option>
<option value="a">あ</option>
<option value="b">い</option>
<option value="c">う</option>
<option value="d">え</option>
</select>
<select id="test2" name="test2" onChange="test(this.name,this.value)">
<option value=""></option>
<option value="a">あ</option>
<option value="b">い</option>
<option value="c">う</option>
<option value="d">え</option>
</select>
<select id="test3" name="test3" onChange="test(this.name,this.value)">
<option value=""></option>
<option value="a">あ</option>
<option value="b">い</option>
<option value="c">う</option>
<option value="d">え</option>
</select>
また、衝突が起こるのであれば、どのように回避すればよろしいでしょうか？
気にするな
同じキーで値を格納すれば、前の値は上書きされる。
それを回避するのはプログラマの責任。
レスありがとうございます
生成されたキー（ハッシュ値）の衝突が発生した場合に登録済みかどうかの判定をいれようと思います
発生した場合に→発生しないように
a["hoge"] = "ほげ";
a["test"] = "てすと";
このように書いた時に、
仮に"hoge"と"test"で同じハッシュ値が生成されてしまってa["hoge"]が"てすと"に上書きされる現象が起きるか
発生し得る場合どのように回避するか、という話
誰か遭遇した人いる？
掛けられるって話しか聞いたことねーや。
上書きなんか起きたら、言語自体のバグなんじゃねーかな。
原理上は重複する可能性があっても、
数値や短い文字列等の一般的な用途なら
まず起こらない様に調整してるんじゃないかな。
っつーかそもそもハッシュ値のみで操作してるのかどうか。
上書きがあったとしても実装バグてあって言語仕様には問題ない
ESにそんな規定はないから
正規表現でマッチした部分の位置を調べようと思ってるのですが
マッチしたのが一か所の場合index()などを使って取得すると最初にマッチ下部分や最後にマッチした部分の位置しか取得できません
var hoge = "123abc789abc34abc";
の文字列で"/abc/g"でマッチしたら4と10と15を得られるような方法とか無いのでしょうか？
RegExp.exec()を繰り返し呼んで、lastIndexが更新されてくのを利用する。
ecma5.1の仕様読んでみたけど、
内部実装についてハッシュテーブル使うとは書いてないようなので、
ブラウザ（あるいは他アプリ）の実装依存であり、ユーザプログラマの努力で回避することは難しい。
ヘイヘイ♪息してるー？
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
創価R
ありがとうございます！
このスレの人天才じゃないかと思えるほど助かりました
なんかプログラマーって変な奴多いのか？って思えてしまう
attrをアタタァ！とか言って打ってたんだが静かにしろっていう
http://hiro.asks.jp/87400.html
多少頭イッちゃってるような奴でも最高の仕事をしてくれるなら全然構わない
プログラマーならコードで語れ、そしてプログラマーはコードを見ろ
新卒だけどやとってください
今ソーシャルゲーム関係のAjaxとかの需要高いよ
HTML5使ったWebsocket辺り使えたらハーレム漫画みたいにモテモテ
つまり、今一番アツイのはJavascript
その頃にはソーシャルブーム終わってそうだが
まぁ、web標準化なんて無理だろうし、こんなことだと思ってたが、
ブラウザなんか現存する全種類に対応するwebアプリケーションなんて
動作確認無理なレベルになってきてるしな。
javascriptとHTML5の組み合わせはこの先発展するかな？
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲
.htaccess質問コーナー Part8 (743)
【ゆとり】画像掲示板が狙われています【教育】２ (651)
＿＿＿Dreamweaver VS ホームページビルダー＿＿ (249)
■□アクセス数増やしたいんだけど□■ｐａｒｔ ,１ (537)
Firefoxを推薦する管理者用のスレ part2 (345)
DQNが使いそうなタグ。 (240)
--log9.info------------------
Mozilla Firefox 非公式ビルド（MOD）スレッド13 (474)
Everything Part3 (465)
[TEST] 書きこみテスト 専用スレッド 46 [確認] (598)
SoundEngine その04 (891)
お手軽mp3プレーヤー1by1 Part3 (517)
秀丸メールスレッド その15 (779)
PotPlayer 2 (471)
動画プレイヤーMediaunite、Qonoha part11 (637)
【ゴム】GOM Player Part35【プレーヤー】 (210)
QTTabBar 7th (310)
2ちゃんねる用ﾌﾞﾗｳｻﾞ「twintail」Part29 (432)
Firefox userChrome.js greasemonkeyスクリプトｽﾚ21 (863)
軽量タブブラウザ「Ancia」 Part.5 (378)
違法コピーソフト屋を晒すスレ14 (975)
AviUtl総合スレッド73 (928)
Adobeｿﾌﾄのｼﾘｱﾙｷｰと試用期限ｸﾗｯｸ法 +6+ (225)
--log55.com------------------
【MBS】上泉雄一のええなぁ！3【1179/90.7】
【新潟の伊藤、かじかは禁止継続】コミュニティFMって -41-【そしてM・O・ロテムも禁止】
月曜JUNK 伊集院光 深夜の馬鹿力 Part.376
【ABC】サクサク土曜日 中邨雄二です【AM1008 FM93.3】 【1】
【RNB】南海放送１４・1116kHz / 91.7MHz 91.2MHz【JOAF】
MBS★アッパレ!ゴチャ・まぜ!イマドキヒット★59
ナインティナイン岡村隆史のオールナイトニッポン43
ロンドンブーツ1号2号田村淳のNewsCLUB - 文化放送 part01