2ちゃんねる スマホ用 ■掲示板に戻る■ 全部 1- 最新50    

【DOM】ブラウザ上で動くJavaScriptスレ【jQuery】

1 :Name_Not_Found:2014/06/21(土) 02:55:18.74 ID:???.net
IE、Firefox、Chromeなど、ブラウザ上で動くJavaScriptスレです。

NodeなどサーバーサイドJavaScriptの話題はスレ違いです。
主にDOM関連のJavaScriptが対象です。jQuery等のDOM用ライブラリも含めます。

動的にタグ(要素)を追加したいのですが? イベントがうまく発生しません。
特定のブラウザでうまく動きません。こういった話題が対象です。

>>2-5のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
  (ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。
  回答者はなりすましを判断できませんので、なりすましが現れても自己責任となります。
(4) 常に自発的に調べる心構えを持ってください。
  具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
  わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
  ※必ず「問題の事象が再現されること」を確認してください。
   必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。>>2の質問テンプレートを活用してみてください。
(9) ライブラリ関連の質問は禁止ではありませんが、ライブラリスレで聞くとより回答を得やすいかもしれません。
(10) 時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。

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

3 :Name_Not_Found:2014/06/21(土) 02:56:59.82 ID:???.net
■各種仕様 ( http://fiddle.jshell.net/vSqKr/33/show/#Link も参照 )
◆ Standard ECMA-262
http://www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ (ECMAScript 3 和訳)
http://www.ecma-international.org/ecma-262/5.1/ (ECMAScript 5.1 HTML版)
http://people.mozilla.org/~jorendorff/es6-draft.html (ECMAScript 6 有志HTML版)
http://kangax.github.io/es5-compat-table/ (ECMAScript 5 compatibility table)
http://kangax.github.io/es5-compat-table/es6/ (ECMAScript 6 compatibility table)
◆ HTML Standard (HTML5)
http://www.whatwg.org/specs/web-apps/current-work/multipage/
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html (HTML5.1 部分訳)
http://www.hcn.zaq.ne.jp/___/WEB/WebStorage-ja.html (Web Storage 和訳)
◆ Document Object Model (DOM) / CSS Object Model (CSSOM)
http://www.hcn.zaq.ne.jp/___/WEB/DOM4-ja.html (DOM Standard (DOM4) 和訳)
http://www.w3.org/TR/DOM-Level-3-Events/ (DOM3 Events)
http://www.w3.org/TR/uievents/ (UI Events)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-ja.html (CSSOM 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/cssom-view-ja.html (CSSOM View Module 和訳)
◆ その他のWeb関連仕様
http://domparsing.spec.whatwg.org/ (DOM Parsing and Serialization - innerHTML等)
http://www.hcn.zaq.ne.jp/___/WEB/XHR-ja.html (XMLHttpRequest 和訳)
http://www.hcn.zaq.ne.jp/___/WEB/File_API-ja.html (File API 和訳)
http://www.whatwg.org/specs/ (WHATWGの仕様一覧)
◆ MDN (Netscape/Mozilla)
https://developer.mozilla.org/ja/docs
◆ JavaScript Garden (ja)
http://bonsaiden.github.com/JavaScript-Garden/ja/
◆ JSON (JavaScript Object Notation)
http://www.json.org/json-ja.html
◆ MSDN Library
http://msdn.microsoft.com/ja-jp/library/yek4tbz0.aspx (JavaScript)
http://msdn.microsoft.com/ja-jp/library/cc427807.aspx (JScript)
http://msdn.microsoft.com/ja-jp/library/cc409712.aspx (DHTML)

4 :Name_Not_Found:2014/06/21(土) 02:57:50.08 ID:???.net
荒らしが立てたスレなのでスルー推奨

5 :Name_Not_Found:2014/06/21(土) 02:58:03.03 ID:???.net
■各種ライブラリ
jQuery API Documentation
http://api.jquery.com/
jQuery Mobile API Documentation
http://api.jquerymobile.com/
prototype.js
http://prototypejs.org/
API Docs - YUI Library
http://yuilibrary.com/yui/docs/api/
Underscore.js
http://underscorejs.org/
Bootstrap
http://getbootstrap.com/

6 :Name_Not_Found:2014/06/21(土) 02:59:51.03 ID:???.net
※内容が古いです。参考程度に。

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

7 :Name_Not_Found:2014/07/16(水) 23:20:01.19 ID:FUwzo4rc.net
Last.fm Web API, YouTube API, amazon Product Advertising API, jQuery, AngularJS, Twitter Bootstrap and GitHubを使って、
好きな音楽聴き放題なWebサイト作成しました。

githubも公開してます。
http://startapp.jp/2014/07/11/lamusica.html

8 :Name_Not_Found:2014/08/20(水) 11:37:46.53 ID:???.net


9 :Name_Not_Found:2014/09/18(木) 14:58:47.70 ID:???.net
9

10 :Name_Not_Found:2015/01/22(木) 20:58:23.12 ID:???.net
lodash 3.0 リリース間近!

https://github.com/lodash/lodash
3.0-preから-preが外れました!


スレが多すぎてどこに書けばいいかわからないので
関連スレすべてにマルチポストしています。m(__)m

11 :Name_Not_Found:2016/01/03(日) 01:11:06.20 ID:8Ro0h0EL.net
質問ですがお願いします。
ページ末付近のボタンをクリックして、あるライブラリを実行させます。

<button id="syori">処理1</button>
$('#syori').click(function(){ ライブラリなど });

正常動作後ページ頭に一瞬で移動してしまいます。
ライブラリなしでしたら飛ばずにその画面位置を保ちます。
いくつかのブラウザでも同じ挙動をします。

ボタンではなくaタグである場所に移動させると
一瞬#anへ飛んで一瞬でページ頭に戻ってしまいます。

<p id="syori"><a href="#an">処理1</a></p>

そこでfunction内だけ、ページ頭へ移動せず、または#anに留まるような
処置はどうしたらいいでしょうか?IE9以上が対象です。

12 :Name_Not_Found:2016/01/03(日) 11:25:39.98 ID:???.net
本スレ

+ JavaScript の質問用スレッド vol.127 + [転載禁止]©2ch.net
http://peace.2ch.net/test/read.cgi/hp/1448293871/

13 :Name_Not_Found:2016/01/04(月) 10:46:12.89 ID:???.net
>>12
ここ雑談スレじゃん
ゴキブリがどうとか

14 :Name_Not_Found:2016/01/04(月) 10:56:20.84 ID:???.net
>>13
荒らしが立てて放置されているこのスレよりは遙かにマシ

15 :Name_Not_Found:2017/01/01(日) 13:27:01.94 ID:2Lyg/xM9.net
http://video.fc2.com/content/20170101TpDRg1qA

16 :Name_Not_Found:2017/01/02(月) 01:29:51.33 ID:???.net
>>11
たぶん、そのライブラリに、ページ先頭へ移動する、命令が書いてあるんだろう

そのライブラリを使わないようにするか、
ライブラリを実行後に、改めてページ内移動するとか

17 :Name_Not_Found:2017/01/24(火) 20:26:23.97 ID:???.net
age

18 :Name_Not_Found:2017/01/25(水) 14:41:09.42 ID:???.net
現行スレはこちら。

■jQueryスレ
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/

■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/

■JavaScriptスレ
JavaScript の質問用スレッド vol.132
http://echo.2ch.net/test/read.cgi/hp/1485265364/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/

19 :Name_Not_Found:2017/12/12(火) 05:35:30.26 ID:MrUcGD8N.net
ホームページで友達が稼げるようになった情報とか

⇒ http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

ZSTC62T2U5

20 :Name_Not_Found:2018/05/01(火) 20:47:02.80 ID:l1wYHpV1.net
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

9UL2U

21 :Name_Not_Found:2021/11/06(土) 00:45:29.52 ID:???.net
どこで質問して良いものか?迷ったんですがここに書きます。

chromeの開発車ツールでjsonpで非同期通信したデータ見たときにjsonの構造をパースした状態で見る方法って無いですかね?
いちいち別のツールにコピペして整形しないと肉眼だと確認しにくくて。

22 :Name_Not_Found:2023/08/27(日) 11:29:17.00 ID:NAS0xWtFp
最近地球破壊テ囗リスト税金泥棒自閉隊か゛都心付近までクソへリやらC-130やらクソ爆音航空機飛ばしまくって低周波騷音引き起こしてるな
自閉隊とは、国民の生命と財産を守る存在ではなく、税金泥棒しながら,エネ価格に物価にと暴騰させて、住民の権利を強奪して破壊して
気候変動させて災害連発させて国土まで破壊しながら私腹を肥やすテ□リストの典型だと理解しよう!
ウクライナの軍事予算はGDP比4%以上あったわけだし、軍のクーデターによって政権掌握されたミャンマーはGDρ比2%台、
徴兵して拒否すれば犬コロ公務員に制圧させて殺害可能な社会にしようとしてるのが防衛予算のために増税まで計画している岸田増税文雄
ちなみに、2014年にマレーシア地球破壊テロリス├機MH17を地対空ミサイル9K37ブークで見事に撃墜したのは.戦闘民族ウクライナ人な
真の防衛として、利権を貪って税金泥棒して地球破壊して私権侵害して私腹を肥やすだけの人類に湧いた害虫クソ公務員を全滅させて、
新≡種の神器、拳銃、スティンガー、手榴弾を一刻も早く全家庭に普及させないとお前ら間違いなくロシア逃亡民みたいな目に合うぞ
(羽田)tTРs://www.Сall4.jp/info.phP?type=items&id=I0000062 , tтps://haneda-project.jimdofree.com/
(成田)ttps://n-souonhigaisosyoudan.amebaownd.com/
(テ口組織]ttps://i.imgur.com/hnli1ga.jPeg

13 KB
新着レスの表示

掲示板に戻る 全部 前100 次100 最新50
名前: E-mail (省略可) :

read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★