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

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

8
jQuery Ajax-Ajax呼び出しを行うときにネットワーク接続エラーを検出する方法
5分ごとにサーバーへのAjax呼び出しを行うJavascript JQueryコードがいくつかあります。これは、サーバーセッションを存続させ、ユーザーをログイン状態に保つためです。私は$.ajax()JQueryでメソッドを使用しています。この関数には、ユーザーのインターネット接続がダウンしてKeepAliveスクリプトが引き続き実行される場合に使用しようとしている「エラー」プロパティがあるようです。次のコードを使用しています。 var keepAliveTimeout = 1000 * 10; function keepSessionAlive() { $.ajax( { type: 'GET', url: 'http://www.mywebapp.com/keepAlive', success: function(data) { alert('Success'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('Failure'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); } }); } 実行すると、10秒ごとに警告ボックスの画面に「成功」​​ポップアップが表示されますが、これは問題ありません。ただし、ネットワークケーブルを抜くとすぐに何も表示されず、エラー関数が呼び出されて「失敗」警告ボックスが表示されると予期していましたが、何も起こりません。 「エラー」関数はサーバーから返された「200」以外のステータスコードに対してのみであると想定して正しいですか?Ajax呼び出しを行うときにネットワーク接続の問題を検出する方法はありますか?

2
setTimeoutから約束をする方法
これは現実の問題ではなく、約束がどのように作成されるかを理解しようとしているだけです。 setTimeoutのように何も返さない関数を約束する方法を理解する必要があります。 私が持っていると仮定します: function async(callback){ setTimeout(function(){ callback(); }, 5000); } async(function(){ console.log('async called back'); }); の準備ができたasync後に戻ることができるプロミスをどのように作成setTimeoutしcallback()ますか? 私はそれをラップするとどこかに連れて行くと思っていました: function setTimeoutReturnPromise(){ function promise(){} promise.prototype.then = function() { console.log('timed out'); }; setTimeout(function(){ return ??? },2000); return promise; } しかし、これ以上は考えられません。

6
JavaScriptアラートがAndroid WebViewで機能しない
私のアプリケーションで使用WebViewしてJavaScript alert( )いて、メソッドを使用していますが、機能しない場合、ポップアップが表示されません。 追加したマニフェストファイル <uses-permission android:name="android.permission.INTERNET"></uses-permission> 追加したアクティビティファイル mWebView = (WebView) findViewById(R.id.webview); mWebView.getSettings().setJavaScriptEnabled(true); mWebView.loadUrl("file:///android_asset/demo.html"); 追加したレイアウトxmlファイル <WebView android:id="@+id/webview" android:layout_width="fill_parent" android:layout_height="fill_parent" /> フルを有効にする方法の手がかりJavaScriptはありWebViewますか? 更新 ファイル内 のalert()メソッドが機能していることを感謝しhtmlます:)。 今、2つの問題がありますWebView: 1:<textarea>ロードしているhtmlファイルでを使用していて、WebViewそこにヒンディー語のフォントを書き込もうとしていますが、ヒンディー語のテキストを書き込もうとすると、記号(長方形の記号のような[])。 デスクトップのFirefoxブラウザで同じことをすると、うまくいきます。で複数言語のサポートを提供する手がかりtextareaはありWebViewますか? 2:[送信]をクリックalert()して別のJavaスクリプトのメソッドでテキストの値を開こうとすると、機能しません。WebChromeClient 現在読み込まれているHTMLページにのみ適用さjavascriptsれ、そのページから呼び出されない場合でも、それは意味がありますか?

6
クリックで特定のdivにスムーズにスクロール
私がやろうとしているのは、ボタンをクリックすると、ページ上の特定のdivまで(スムーズに)スクロールするようにすることです。 ボタンをクリックすると、div 'second'までスムーズにスクロールします。 .first { width: 100%; height: 1000px; background: #ccc; } .second { width: 100%; height: 1000px; background: #999; } <div class="first"><button type="button">Click Me!</button></div> <div class="second">Hi</div> コードスニペットを実行する結果を非表示スニペットを展開

5
Google Maps API複数のマーカーとInfowindows
クリックすると表示される独自の情報ウィンドウを持つ複数のマーカーを追加しようとしています。情報ウィンドウを表示するのに問題があります。試してみると、情報ウィンドウのないマーカーが1つしか表示されません。 ありがとうございます。さらに情報が必要な場合はお知らせください <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB1tbIAqN0XqcgTR1-FxYoVTVq6Is6lD98&sensor=false"> </script> <script type="text/javascript"> var locations = [ ['loan 1', 33.890542, 151.274856, 'address 1'], ['loan 2', 33.923036, 151.259052, 'address 2'], …

6
浅い比較はどのように反応しますか?
で、このドキュメントリアクトの、次のことが言われています shallowCompareは、現在のpropsオブジェクトとnextPropsオブジェクト、および現在の状態オブジェクトとnextStateオブジェクトの浅い等価チェックを実行します。 私が理解できないことは、オブジェクトを浅く比較すると、shouldComponentUpdateメソッドは常にtrueを返すことです。 国家を変異させてはならない。 状態を変更しない場合、比較は常にfalseを返すため、shouldComponentの更新は常にtrueを返します。私はそれがどのように機能しているか、そしてこれをどのようにオーバーライドしてパフォーマンスを向上させるかについて混乱しています。

23
文字列内の単語を数える
私はこの方法でテキスト内の単語を数えようとしていました: function WordCount(str) { var totalSoFar = 0; for (var i = 0; i < WordCount.length; i++) if (str(i) === " ") { // if a space is found in str totalSoFar = +1; // add 1 to total so far } totalsoFar += 1; // add 1 to totalsoFar …
91 javascript 

5
svgグラフィックにツールチップを追加するにはどうすればよいですか?
(D3.jsを使用して)一連のsvg長方形があり、マウスオーバーでメッセージを表示したいのですが、メッセージは背景として機能するボックスで囲まれている必要があります。それらは両方とも、互いに完全に位置合わせされ、長方形(上部と中央)に完全に位置合わせされている必要があります。これを行うための最良の方法は何ですか? 「x」、「y」、「width」、「height」属性を使用してsvgテキストを追加してから、svgrectを付加してみました。問題は、テキストの参照点が中央にあることです(中央に揃えたいので、使用しましたtext-anchor: middle)が、長方形の場合は左上の座標であり、テキストの周りに少しマージンが必要でした。痛み。 もう1つのオプションは、html divを使用することでした。これは、テキストとパディングを直接追加できますが、各長方形の絶対座標を取得する方法がわからないためです。これを行う方法はありますか?


4
jqueryを使用して各入力値で動的にJSONを作成する
PHPを介してJSON形式からデータを読み取りたいという状況が発生しましたが、JSON形式を動的に作成するためにJavascriptオブジェクトを構築する方法を理解するのに問題があります。 私のシナリオは次のとおりです。 <input title="QA" type="text" class="email"> <input title="PROD" type="text" class="email"> <input title="DEV" type="text" class="email"> これまでのJavascriptコードは、各入力でデータを取得しますが、これからの処理方法を理解できません。 var taskArray = {}; $("input[class=email]").each(function() { var id = $(this).attr("title"); var email = $(this).val(); //how to create JSON? }); 可能であれば、次の出力を取得したいと思います。 [{title: QA, email: 'a@a.com'}, {title: PROD, email: 'b@b.com'},{title: DEV, email: 'c@c.com'}] 電子メールが入力フィールド値によって取得される場所。
91 javascript  jquery  html  json 

6
ロード時に特定の位置でHTML5ビデオを開始しますか?
ある時点で開始するにはHTML5ビデオが必要です。50秒以降の時間としましょう。 試しましたが、期待どおりに動作しませんでした。私が間違っていることはありますか? コードは次のとおりです。 <video id="vid1" width="640" height="360"> <source src="file.webm" type="video/webm" /> Your browser does not support the video tag. </video> <script> document.getElementById('vid1').currentTime = 50; </script> ページが読み込まれると、最初から再生が始まります。しかし、しばらくしてからのように再生中にこれを呼び出すと、正常に動作します。足りないものはありますか?

4
Chunk.entrypoints:Chunks.groupsIterableを使用し、代わりにEntrypointのインスタンスでフィルタリングします
アプリを起動しようとすると、次のエラーが表示されます... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 at Array.forEach (<anonymous>) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:171:18 at AsyncSeriesHook.eval [as callAsync] (eval …

12
Javascript、setTimeoutループ?
そのため、複数のJavaScript要素を別の要素と同期させる必要がある音楽プログラムに取り組んでいます。私は最初は本当にうまく機能するsetIntervalを使用してきましたが、時間の経過とともに要素が徐々に同期しなくなり、音楽プログラムとの同期が悪くなります。 私はsetTimeoutがより正確であることをオンラインで読みました、そしてあなたはどういうわけかsetTimeoutループを持つことができます、しかし私はこれがどのように可能であるかを説明する一般的なバージョンを見つけませんでした。誰かがsetTimeoutを使用して何かを無期限にループする基本的な例を見せてくれませんか。 ありがとうございました。または、setIntervalまたは別の関数を使用してより同期した結果を実現する方法がある場合は、お知らせください。 編集: 基本的に私はそのようないくつかの機能を持っています: //drums setInterval(function { //code for the drums playing goes here },8000); //chords setInterval(function { //code for the chords playing goes here },1000); //bass setInterval(function { //code for the bass playing goes here },500); 最初は非常にうまく機能しますが、約1分のうちに、setIntervalで発生することを読んだため、サウンドの同期が著しくずれます。setTimeoutの方が一貫して正確である可能性があることを読みました。

2
replaceState()とpushState()
私はreplaceState()&の間の長所/短所を読んで探してきましたpushState()。Mozillaの記事も読んでください。この興味深いテストですが、違いはまだわかりません。 それらが何が違うのか説明したい人はいますか?
91 javascript  html 


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