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

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

8
JavaScript / JQueryでHTML要素オブジェクトを複製することは可能ですか?
問題を解決するためのヒントを探しています。 テーブルにhtml要素(選択ボックスの入力フィールドなど)があります。次に、オブジェクトをコピーして、そのコピーから新しいオブジェクトを生成し、それをJavaScriptまたはjQueryで生成します。これは何とかうまくいくと思いますが、現時点では少し無知です。 このようなもの(疑似コード): oldDdl = $("#ddl_1").get(); newDdl = oldDdl; oldDdl.attr('id', newId); oldDdl.html();

16
配列から重複を削除する
次のようなオブジェクトの配列があります。 var array = [ {id:123, value:"value1", name:"Name1"}, {id:124, value:"value2", name:"Name1"}, {id:125, value:"value3", name:"Name2"}, {id:126, value:"value4", name:"Name2"} ... ]; ご覧のとおり、一部の名前は繰り返されています。名前のみの新しい配列を取得したいのですが、名前が重複する場合は、再度追加したくありません。この配列が欲しい: var newArray = ["Name1", "Name2"]; 私はこれをやってみようとしていますmap: var newArray = array.map((a) => { return a.name; }); しかし問題はこれが戻ることです: newArray = ["Name1", "Name1", "Name2", "Name2"]; 内mapに何らかの条件を設定して、既存の要素を返さないようにするにはどうすればよいですか?これをmap、他のECMAScript 5またはECMAScript 6の機能で実行したいと考えています。
100 javascript  arrays 

30
ブートストラップモーダルは閉じた後も本体にパディング権を追加し続ける
ブートストラップとParseフレームワークを使用して、小さなWebアプリケーションを構築しています。しかし、これらのBootstrapモーダルは、閉じた後、本体にパディング権を追加し続けます。これを解決するには? 私はこのコードを私のJavaScriptに入れようとしました: $('.modal').on('hide.bs.modal', function (e) { $("element.style").css("padding-right","0"); }); しかし、それは機能しません。誰かがこれを修正する方法を知っていますか? 私のコード: <button type="button" class="btn btn-lg btn-default" data-toggle="modal" data-target="#loginModal">Admin panel</button> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-sm"> <!-- Modal content --> <div class="modal-content"> <!-- header --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Login</h4> </div> <!-- body --> <div class="modal-body text-center" …


8
JavaScript / jQuery:複数選択で値(選択)を設定する
複数選択があります: <select name='strings' id="strings" multiple style="width:100px;"> <option value="Test">Test</option> <option value="Prof">Prof</option> <option value="Live">Live</option> <option value="Off">Off</option> <option value="On">On</option> </select> データベースからデータをロードします。それから私はこのような文字列を持っています: var values="Test,Prof,Off"; 複数選択でこの値を設定するにはどうすればよいですか?すでに配列内の文字列を変更して複数の値として配置しようとしましたが、機能しません...!誰かがこれを手伝ってくれますか?ありがとう!!!

2
babelがインポートされた関数呼び出しを(0、fn)(…)に書き換えるのはなぜですか?
次のような入力ファイルがあるとします import { a } from 'b'; function x () { a() } バベルはそれをコンパイルします 'use strict'; var _b = require('b'); function x() { (0, _b.a)(); } ただし、ルーズモードでコンパイルすると、関数呼び出しは次のように出力されます。 _b.a(); コンマ演算子がどこに追加されているかについて、いくつかの調査を行って、それを説明するコメントがあったことを期待しています。これを追加するコードはここにあります。

6
テキストボックスでのTABキーのキャプチャ[終了]
この質問が今後の訪問者を助けることはほとんどありません。それは、地理的に狭い地域、特定の瞬間、またはインターネットの世界中のオーディエンスには一般に適用できない非常に狭い状況にのみ関連しています。この質問をより広く適用できるようにするには、ヘルプセンターにアクセスしてください。 9年前休業。 Tabテキストボックス内のキーを使用して、4つのスペースをタブで移動できるようにしたいと思います。現在の状態では、Tabキーを押すとカーソルが次の入力にジャンプします。 UIに表示される前にテキストボックスのTabキーをキャプチャするJavaScriptはありますか? 一部のブラウザ(FireFoxなど)ではこれが許可されない場合があることを理解しています。Shift+ TabやCtrl+ などのカスタムキーコンボはどうQですか?


10
NodeJSのMongoデータベースに挿入されたドキュメントの_idを取得する
NodeJSを使用して、MongoDBにドキュメントを挿入します。使用してcollection.insert、私はこのコードのようにデータベースに文書を挿入することができます。 // ... collection.insert(objectToInsert, function(err){ if (err) return; // Object inserted successfully. var objectId; // = ??? }); // ... _id挿入されたオブジェクトの取得方法を教えてください。 _id最新のオブジェクトを挿入せずにを取得する方法はあります_idか? 多くの人が同時にデータベースにアクセスすると仮定すると、最新のIDが挿入されたオブジェクトのIDであるかどうか確信が持てません。

5
現在のURLを変更するにはどうすればよいですか?
JavaScript内からページを変更する次のコードがあります。 var newUrl = [some code to build up URL string]; window.location.replace(newUrl); ただし、トップURLは変更されないため、誰かが[戻る]ボタンをクリックしても、前のページには戻りません。 JavaScriptでトップURLも変更して、ブラウザの戻るボタンが機能するようにするにはどうすればよいですか。
100 javascript 

2
jQuery clone()は、on()を使用しても、イベントバインディングを複製しない
モバイルWebアプリケーションで使用する一連のカスタムjQueryイベントを作成しました。それらは素晴らしい働きをし、テストされています。しかし、私は理解できない問題がある小さな問題に遭遇しました。 .clone()ボタンを含むDOM内のいくつかの要素を使用しています。ボタンにはいくつかのカスタムイベントがバインドされています(イベントはを使用してバインドされます.on())。残念ながら、jQueryを使用する.clone()と、バインディングが保持されないため、再度追加する必要があります。 誰かが以前にこれに遭遇したことがありますが、誰かが回避策の可能性を知っていますか?使用する.on()ことで、現在または将来存在する要素のバインディングが保持されるはずだと思いましたか?
100 javascript  jquery 

9
JavaScriptのifステートメントに複数の条件が含まれている場合、それらすべてがテストされますか?
javascriptで、複数の条件をテストするifステートメントを使用する場合、javascriptはそれらすべてに関係なくテストしますか、それとも既にfalseの場合、すべてをテストする前に保釈しますか? 例えば: a = 1 b = 2 c = 1 if (a==1 && b==1 && c==1) javascriptはこれらの3つの条件すべてをテストしますか、またはbが1と等しくないためにfalseであることを確認した後、ステートメントを終了しますか? パフォーマンスの観点からお願いします。たとえば、3つの複雑なjQueryセレクターをテストしている場合、最初の1つを介してFALSEを返すことが明らかな場合、jQueryがDOMを3回トラバースしないようにします。(その場合、3つのifステートメントをネストする方が理にかなっています)。 補遺:好奇心よりも、これの適切な用語は何ですか?多くの人が「短絡」という用語を使用していることに気づきました。また、一部の言語はこれを行い、他の言語は行いませんか?
100 javascript 

4
約束、追加のパラメーターをチェーンに渡します
たとえば、約束: var P = new Promise(function (resolve, reject) { var a = 5; if (a) { setTimeout(function(){ resolve(a); }, 3000); } else { reject(a); } }); 呼び出した後、promiseのメソッド: P.then(doWork('text')); doWork関数は次のようになります。 function doWork(data) { return function(text) { // sample function to console log consoleToLog(data); consoleToLog(b); } } doWorkで内部関数を返さないようにして、promiseおよびtextパラメーターからデータにアクセスするにはどうすればよいですか?内部機能を回避するためのトリックはありますか?

5
jQueryはDIVを別のDIVに複製します
DIVを別のDIVにコピーし、これが可能であることを期待して、jqueryの助けが必要です。次のHTMLがあります。 <div class="container"> <div class="button"></div> </div> 次に、ページの別の場所に別のDIVがあり、 'button' divを次の 'package' divにコピーしたいと思います。 <div class="package"> Place 'button' div in here </div>
100 javascript  jquery  html 

6
入力フォームからBase64エンコードファイルデータを取得する
Firebugで調べている情報を取得できる基本的なHTMLフォームがあります。 私の唯一の問題は、サーバーに送信される前にファイルデータをbase64でエンコードしようとしていることです。データベースに保存するには、その形式である必要があります。 <input type="file" id="fileupload" /> そしてJavascript + jQueryで: var file = $('#fileupload').attr("files")[0]; 利用可能なjavascriptに基づいたいくつかの操作があります:.getAsBinary()、. getAsText()、. getAsTextURL ただし、これらはいずれも、使用できない「文字」が含まれているため挿入できる使用可能なテキストを返しません。アップロードしたファイルで「ポストバック」が発生したくないので、特定のオブジェクトをターゲットとする複数のフォームを用意する必要があるため、重要です。この方法でファイルを取得し、JavaScriptを使用します。 広く入手可能なJavascript base64エンコーダの1つを使用できるようにファイルを取得するにはどうすればよいですか? ありがとう 更新-ここから報奨金を開始します。クロスブラウザのサポートが必要です!!! ここに私がいるところがあります: <input type="file" id="fileuploadform" /> <script type="text/javascript"> var uploadformid = 'fileuploadform'; var uploadform = document.getElementById(uploadformid); /* method to fetch and encode specific file here based on different browsers */ …

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