タグ付けされた質問 「javascript」

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

5
特定のクラスを持つ最も近い祖先要素を見つける
純粋なJavaScriptで、特定のクラスを持つツリーに最も近い要素の祖先を見つけるにはどうすればよいですか?たとえば、次のようなツリーでは: <div class="far ancestor"> <div class="near ancestor"> <p>Where am I?</p> </div> </div> そして、私が欲しいdiv.near.ancestor、私が上でこれをしようpとするために検索しますancestor。
225 javascript  html  dom 

12
d3.js視覚化レイアウトをレスポンシブにする最良の方法は何ですか?
960 500 svgグラフィックを作成するヒストグラムスクリプトがあるとします。これをレスポンシブにするにはどうすればグラフィックの幅と高さのサイズを動的に変更できますか? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. for (var i = 0; i < n; i++) { for (var s = 0, j = 0; j < m; j++) …

15
jQueryで画像が読み込まれているかどうか(エラーがないかどうか)を確認
JavaScriptとjQueryライブラリを使用して、順序付けられていないリストに含まれている画像のサムネイルを操作しています。画像が読み込まれると1つの処理が実行され、エラーが発生すると別の処理が実行されます。イベントとしてjQuery load()とerror()メソッドを使用しています。これらのイベントの後、私は.completeの画像DOM要素をチェックして、jQueryがイベントを登録する前に画像がまだロードされていないことを確認します。 jQueryがイベントを登録する前にエラーが発生した場合を除いて、正しく動作します。私が考えることができる唯一の解決策は、img onerror属性を使用してグローバルに(またはそれ自体のノードで)どこかに「フラグ」を格納して、jQueryが.completeをチェックするときにその「ストア/ノード」をチェックできるようにすることです。 誰かがより良い解決策を持っていますか? 編集:太字の主なポイントと以下の追加の詳細を追加しました: 画像にロードイベントとエラーイベントを追加した後、画像が完全(別名:ロード)であるかどうかを確認しています。そうすれば、イベントが登録される前にイメージがロードされた場合でも、私はそれを知ることができます。イベントの後に画像がロードされない場合は、イベントがイベントを処理します。これの問題は、画像が既にロードされているかどうかを簡単に確認できることですが、代わりにエラーが発生したかどうかはわかりません。

14
リクエストヘッダーフィールドAccess-Control-Allow-HeadersはAccess-Control-Allow-Headersでは許可されていません
postリクエストでサーバーにファイルを送信しようとしていますが、送信するとエラーが発生します。 リクエストヘッダーフィールドContent-Typeは、Access-Control-Allow-Headersでは許可されていません。 だから私はエラーをググってヘッダーを追加しました: $http.post($rootScope.URL, {params: arguments}, {headers: { "Access-Control-Allow-Origin" : "*", "Access-Control-Allow-Methods" : "GET,POST,PUT,DELETE,OPTIONS", "Access-Control-Allow-Headers": "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With" } 次に、エラーが発生します: リクエストヘッダーフィールドAccess-Control-Allow-OriginはAccess-Control-Allow-Headersでは許可されていません それで私はそれをググりました、そして私が見つけることができた唯一の同様の質問は半分の答えを提供され、そしてトピック外として閉じられました。追加/削除するヘッダーは何ですか?


9
ループでオブジェクトリテラルの配列を作成する方法
次のようなオブジェクトリテラルの配列を作成する必要があります。 var myColumnDefs = [ {key:"label", sortable:true, resizeable:true}, {key:"notes", sortable:true,resizeable:true},...... このようなループでは: for (var i = 0; i < oFullResponse.results.length; i++) { console.log(oFullResponse.results[i].label); } の値は、配列の各要素にあるkey必要がありますresults[i].label。


7
文字列から英数字ではない文字を削除します
次の文字列を提供された出力に変換したい。 Input: "\\test\red\bob\fred\new" Output: "testredbobfrednew" 私のような特殊文字が処理する任意の解決策が見つからないてきました\r、\n、\b、など 基本的に、英数字以外のものはすべて削除したいだけです。これが私が試したものです... Attempt 1: "\\test\red\bob\fred\new".replace(/[_\W]+/g, ""); Output 1: "testedobredew" Attempt 2: "\\test\red\bob\fred\new".replace(/['`~!@#$%^&*()_|+-=?;:'",.<>\{\}\[\]\\\/]/gi, ""); Output 2: "testedobred [newline] ew" Attempt 3: "\\test\red\bob\fred\new".replace(/[^a-zA-Z0-9]/, ""); Output 3: "testedobred [newline] ew" Attempt 4: "\\test\red\bob\fred\new".replace(/[^a-z0-9\s]/gi, ''); Output 4: "testedobred [newline] ew" 複数のステップでのもう1つの試み function cleanID(id) { id = id.toUpperCase(); id = …
224 javascript  regex 


29
JavaScriptチャートライブラリ
ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 特定のJavaScriptチャートライブラリ、特にフラッシュをまったく使用しないものを誰かが推奨しますか?
223 javascript  charts 

10
ハッシュ「#」なしのAngularJSルーティング
私はAngularJSを学習していますが、本当に私を困らせることが1つあります。 $routeProviderアプリケーションのルーティングルールを宣言するために使用します。 $routeProvider.when('/test', { controller: TestCtrl, templateUrl: 'views/test.html' }) .otherwise({ redirectTo: '/test' }); しかし、ブラウザで自分のアプリに移動すると、app/#/testではなくが表示されapp/testます。 だから私の質問は、AngularJSがこのハッシュ#をURLに追加する理由ですか?それを回避する可能性はありますか?



19
スクリプトをinnerHTMLで挿入できますか?
でを使用innerHTMLして、いくつかのスクリプトをページにロードしようとしました<div>。スクリプトはDOMに読み込まれるようですが、実行されません(少なくともFirefoxとChromeでは)。でスクリプトを挿入するときにスクリプトを実行する方法はありinnerHTMLますか? サンプルコード: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> コードスニペットを実行するHide resultsスニペットを展開

7
event.returnValueは非推奨です。代わりに標準のevent.preventDefault()を使用してください
私はこのスクリプトを持っています: <script> $(document).ready(function () { $("#changeResumeStatus").click(function () { $.get("{% url 'main:changeResumeStatus' %}", function (data) { if (data['message'] == 'hidden') { $("#resumeStatus").text("скрыто"); } else { $("#resumeStatus").text("опубликовано"); } }, "json"); }); }); </script> Google Chromeコンソールに次のエラーが表示されます。 event.returnValueは非推奨です。代わりに、標準のevent.preventDefault()を使用してください。 私はjQuery v1.10.2を使用し#changeResumeStatusてい<span>ます。 スクリプトの何が問題になっていますか?
222 javascript  jquery  ajax 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.