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

（これはマルチパートの質問です。シナリオをまとめるために最善を尽くします。） 現在、ユーザーがタブ付きコンテンツ間をスワイプしたり、各タブ付きコンテンツ内を垂直にスクロールしたりできるレスポンシブWebアプリ（ニュースリーダー）を構築しています。 この問題に対する一般的なアプローチdivは、ブラウザーのビューポートを埋めるラッパーを使用overflowするhiddenかauto、またはに設定してから、その内部を水平または垂直にスクロールすることです。 このアプローチはすばらしいですが、主な欠点が1つあります。ドキュメントの高さがブラウザーのビューポートとまったく同じであるため、モバイルブラウザーはアドレスバーやナビゲーションメニューを非表示にしません。 画面領域を拡大するためのハッキングとビューポートプロパティは数多くありますが、minimal-ui（iOS 7.1で導入された）ほど効果的なものはありません。 iOS 8 beta4がminimal-uiMobile Safariから削除されたというニュースが昨日届きました（iOS 8リリースノートの Webkitセクションを参照）。 Q1。Mobile Safariのアドレスバーを非表示にすることはまだ可能ですか？ 私たちの知る限りでは、iOS 7 はハッキングに応答しなくなりましたwindow.scrollTo。これは、垂直レイアウトを採用するか、を使用しない限り、より小さな画面スペースで生活する必要があることを示唆していますmobile-web-app-capable。 Q2。同様のソフトフルスクリーンエクスペリエンスを引き続き使用できますか？ ソフトフルスクリーン私は実際に使用しなくても意味mobile-web-app-capableメタタグを。 私たちのウェブアプリはアクセスしやすいように構築されており、ネイティブのブラウザーメニューを使用して、どのページにもブックマークを付けたり共有したりできます。追加するmobile-web-app-capableことで、ユーザーがそのようなメニューを（ホーム画面に保存されたときに）呼び出すことができなくなり、ユーザーを混乱させたり、敵に反対したりします。 minimal-ui以前は中立で、メニューはデフォルトで非表示になっていますが、タップでアクセスできるようになっています。ただし、他のアクセシビリティの問題（ユーザーがタップしてメニューをアクティブにする場所がわからないなど）のためにAppleがメニューを削除した可能性があります。 Q3。フルスクリーンエクスペリエンスは問題の価値がありますか？ フルスクリーンAPIはまもなくiOSに搭載されなくなるようですが、iOSに搭載されている場合でも、メニューにアクセスできるようになる方法はわかりません（AndroidのChromeでも同じです）。 この場合、モバイルサファリをそのままにして、ビューポートの高さを考慮に入れる必要があります（iPhone 5以降の場合は460 = 568-108で、108にはOSバー、アドレスバー、ナビゲーションメニューが含まれます。iPhone4または古い、それは372です）。 （ネイティブアプリの構築以外に）いくつかの代替案を聞きたいです。

191 javascript  ios  css  responsive-design  mobile-safari 

私は単純なAJAX呼び出しを行っており、サーバーは有用なデータを含むJSON文字列か、PHP関数によって生成されたエラーメッセージ文字列を返しますmysql_error()。このデータがJSON文字列かエラーメッセージかをテストするにはどうすればよいですか。 何かが配列であるかどうかをテストisJSONするために関数instanceofを使用できるのと同じように呼び出される関数を使用するとよいでしょう。 これが私が欲しいものです： if (isJSON(data)){ //do some data stuff }else{ //report the error alert(data); }

191 javascript  mysql  json 

Node.jsまたはExpress.js内からHTTPリクエストを行うにはどうすればよいですか？別のサービスに接続する必要があります。呼び出しが非同期で、コールバックにリモートサーバーの応答が含まれていることを願っています。

191 javascript  node.js  express  httprequest 

私はこの単純なHTMLを例として持っています： <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> 簡単なことをしたい-ボタンをクリックしたときに、キャレット（カーソル）を編集可能なdivの特定の場所に配置したい。Webで検索すると、ボタンクリックにこのJSがアタッチされていますが、機能しません（FF、Chrome）。 var range = document.createRange(); var myDiv = document.getElementById("editable"); range.setStart(myDiv, 5); range.setEnd(myDiv, 5); このように手動でキャレット位置を設定することは可能ですか？

191 javascript  jquery  contenteditable  caret  cursor-position 

以下を実行できる方法はありますか？ var data = $("#dataTable").data('timer'); var diffs = []; for(var i = 0; i + 1 < data.length; i++) { diffs[i] = data[i + 1] - data[i]; } alert(diffs.join(', ')); #dataTableのIDを持つ要素にdata-timerという属性がある場合のみ？

190 javascript  jquery 

css3トランジションが開始または終了したかどうかを確認するために要素によって起動されるイベントはありますか？

190 javascript  events  css  transition  css-transitions 

ブラウザ（IEおよびFirefox）は、ページが更新されるたびにリンクされたJavaScriptファイルを解析しますか？ 彼らはファイルをキャッシュできるので、毎回それらをダウンロードしようとはしないと思いますが、各ページは本質的に別々であるため、古いコードを分解して再解析すると期待しています。 これは非効率ですが、完全に理解できますが、最近のブラウザーはサイト内の解析手順を回避するのに十分なほど賢いのでしょうか。サイトがExtJSやjQueryなどのJavaScriptライブラリを使用している場合を考えています。

190 javascript  browser-cache  javascript-engine 

theForm次のdivに送信ボタンが含まれるidのフォームがあります。 <div id="placeOrder" style="text-align: right; width: 100%; background-color: white;"> <button type="submit" class='input_submit' style="margin-right: 15px;" onClick="placeOrder()">Place Order </button> </div> クリックすると、関数placeOrder()が呼び出されます。この関数は、上記のdivのinnerHTMLを "処理中..."に変更します（送信ボタンはなくなりました）。 上記のコードは機能しますが、問題はフォームを送信できないことです！これをplaceOrder()関数に入れてみました： document.theForm.submit(); しかし、それはうまくいきません。 フォームを送信するにはどうすればよいですか？

190 javascript 

戻るボタン付きのサイトヘッダーであるディレクティブがあり、クリックすると前のページに戻ります。どうすれば角度のある方法でそれを行うのですか？ 私が試してみました： <header class="title"> <a class="back" ng-class="icons"><img src="../media/icons/right_circular.png" ng-click="history.back()" /></a> <h1>{{title}}</h1> <a href="/home" class="home" ng-class="icons"><img src="../media/icons/53-house.png" /></a> </header> そしてこれはjsのディレクティブです： myApp.directive('siteHeader', function () { return { restrict: 'E', templateUrl: 'partials/siteHeader.html', scope: { title: '@title', icons: '@icons' } }; }); しかし、何も起こりません。$ locationについてangular.js APIを調べましたが、戻るボタンやについては何も見つかりませんでしたhistory.back()。

190 javascript  angularjs 

このJavaScriptメソッド呼び出しに相当するjQueryを見つけようとしています。 document.addEventListener('click', select_element, true); 私は限り得ました： $(document).click(select_element); ただし、JavaScriptメソッドの最後のパラメーターと同じ結果は得られません-イベントハンドラーをキャプチャ段階またはバブリング段階で実行する必要があるかどうかを示すブール値（http://www.quirksmode.orgからの私の理解によると）/js/events_advanced.html）-省略されています。 jQueryを使用してそのパラメーターを指定する方法、または同じ機能を実現するにはどうすればよいですか？

190 javascript  jquery  events  event-handling  dom-events 

3行目のこのエラーの原因は何ですか？ var products = [{ "name": "Pizza", "price": "10", "quantity": "7" }, { "name": "Cerveja", "price": "12", "quantity": "5" }, { "name": "Hamburguer", "price": "10", "quantity": "2" }, { "name": "Fraldas", "price": "6", "quantity": "2" }]; console.log(products); var b = JSON.parse(products); //unexpected token o コードスニペットを実行する結果を非表示スニペットを展開 コンソールを開いてエラーを表示

190 javascript  jquery  json 

HTMLテーブルがある場合... <div id="myTabDiv"> <table name="mytab" id="mytab1"> <tr> <td>col1 Val1</td> <td>col2 Val2</td> </tr> <tr> <td>col1 Val3</td> <td>col2 Val4</td> </tr> </table> </div> すべてのテーブル行を反復処理し（チェックするたびに行数が変化すると想定）、JavaScript内から各行の各セルから値を取得するにはどうすればよいですか？

190 javascript 

私は文字列を持っています string = "firstName:name1, lastName:last1"; 今私はそのような1つのオブジェクトobjが必要です obj = {firstName:name1, lastName:last1} JSでこれを行うにはどうすればよいですか？

190 javascript  string  object 

JavaScriptを使用して既存のファイルにデータを書き込みたい。コンソールに印刷したくない。実際にデータを書き込みたいabc.txt。私は答えられた多くの質問を読みましたが、彼らがコンソールで印刷しているすべての場所です。どこかで彼らはコードを与えましたが、それは機能していません。ですから、実際にデータをファイルに書き込む方法を教えてください。 コードを参照しましたが、機能しません。エラーが発生しました： Uncaught TypeError：不正なコンストラクタ クロムと SecurityError：操作は安全ではありません。 Mozilla var f = "sometextfile.txt"; writeTextFile(f, "Spoon") writeTextFile(f, "Cheese monkey") writeTextFile(f, "Onion") function writeTextFile(afilename, output) { var txtFile =new File(afilename); txtFile.writeln(output); txtFile.close(); } それでは、Javascriptのみを使用してファイルにデータを実際に書き込むことができますか？

190 javascript  html 

これに対する一般的な解決策を探しています。 同じ名前の2つの無線タイプ入力があるとします。送信されると、チェックされるものがフォームで送信される値を決定します。 <input type="radio" name="myRadios" onchange="handleChange1();" value="1" /> <input type="radio" name="myRadios" onchange="handleChange2();" value="2" /> ラジオボタンの選択が解除されている場合、変更イベントは発生しません。したがって、value = "1"のラジオがすでに選択されていて、ユーザーが2番目を選択した場合、handleChange1（）は実行されません。これは、（とにかく私にとって）この選択解除をキャッチできるイベントがないという問題を提起します。 私が欲しいのは、チェックボックスグループ値のonchangeイベント、またはラジオがチェックされているときだけでなくチェックされていないときも検出するoncheckイベントの回避策です。 あなた方の何人かは以前にこの問題に遭遇したと思います。いくつかの回避策はありますか（理想的にはこれを処理する正しい方法は何ですか）？変更イベントをキャッチし、以前にチェックしたラジオと新しくチェックしたラジオにアクセスしたいだけです。 PS onclickは、ラジオがチェックされたときを示すための（クロスブラウザーの）より良いイベントのように見えますが、チェックされていない問題を解決しません。 このような場合、チェックボックスタイプのonchangeが機能する理由は、チェックしたりチェックを外したりするときに送信される値を変更するため、理にかなっていると思います。ラジオボタンがSELECT要素のonchangeのように動作することを望みますが、何ができますか...

190 javascript  html  cross-browser