プログラミング javascript

11

JavaScriptに渡すHTMLフォームの値を取得するにはどうすればよいですか？これは正しいです？私のスクリプトは、テキストボックスから1つとドロップダウンボックスから1つの2つの引数を取ります。 <body> <form name="valform" action="" method="POST"> Credit Card Validation: <input type="text" id="cctextboxid" name="cctextbox"><br/> Card Type: <select name="cardtype" id="cardtypeid"> <option value="visa">Visa</option> <option value="mastercard">MasterCard</option> <option value="discover">Discover</option> <option value="amex">Amex</option> <option value="diners">Diners Club</option> </select><br/> <input type="button" name="submit" value="Verify Credit Card" onclick="isValidCreditCard(document.getElementById('cctextboxid').value,document.getElementById('cardtypeid').value)" /> </body>

112 javascript html

17

JavaScriptを使用してページのメタタグを変更することは可能ですか？

divをheadとdisplay：noneに入れた場合、JavaScriptを使用して表示した場合、これは機能しますか？編集： AJAXに読み込まれたものがあります。また、私のAJAXがサイトの「メイン」の部分を変更するので、メタタグも変更したいと考えています。

112 javascript jquery meta-tags

9

正規表現：文字または数字以外の任意の文字

私は、文字でも数字でもない文字に一致する正規表現を見つけようとしています。（,, @、£、（）などの文字... 見つかったら、空白スペースに置き換えたいです。何かアドバイス。

112 javascript regex

5

image.onloadイベントとブラウザキャッシュ

画像が読み込まれた後に警告ボックスを作成したいのですが、画像がブラウザのキャッシュに保存されていると、.onloadイベントが発生しません。画像がキャッシュされているかどうかに関係なく、画像が読み込まれたときにアラートをトリガーするにはどうすればよいですか？ var img = new Image(); img.src = "img.jpg"; img.onload = function () { alert("image is loaded"); }

112 javascript image-loading

5

Array.prototype.includesとArray.prototype.indexOf

読みやすさが向上しただけでなく、それincludes以上の利点はありますindexOfか？彼らは私と同じように見えます。これの違いは何ですか var x = [1,2,3].indexOf(1) > -1; //true この？ var y = [1,2,3].includes(1); //true

112 javascript ecmascript-7

8

Typescript d.tsファイルで定義されたインターフェースプロパティタイプのオーバーライド

*.d.tstypescriptで定義されているインターフェイスプロパティのタイプを変更する方法はありますか？例：のインターフェースx.d.tsは次のように定義されます interface A { property: number; } 書き込み先のtypescriptファイルで変更したい interface A { property: Object; } またはこれでもうまくいく interface B extends A { property: Object; } このアプローチは機能しますか？私のシステムで試したところ、うまくいきませんでした。それが可能かどうかを確認したいだけですか？

112 javascript typescript typescript-typings

13

jQueryを使用してSafariを検出する

どちらもWebkitベースのブラウザーですが、SafariはURLの引用符をURLエンコードしますが、Chromeはそうしません。したがって、JSでこれら2つを区別する必要があります。 jQueryのブラウザー検出ドキュメントは、「safari」を非推奨としてマークします。より良い方法はありますか、または今のところ廃止された値をそのまま使用しますか？

111 javascript jquery browser-detection

17

AngularJSのオブジェクトの配列からIDで特定のオブジェクトを取得します

AngularJSウェブサイトでアクセスしたいデータを含むJSONファイルがあります。次に、配列からオブジェクトを1つだけ取得します。たとえば、IDが1のアイテムが好きです。データは次のようになります。 { "results": [ { "id": 1, "name": "Test" }, { "id": 2, "name": "Beispiel" }, { "id": 3, "name": "Sample" } ] } 次のようなAngularJS $ http機能でデータをロードしたいと思います。 $http.get("data/SampleData.json"); 機能しています。しかし、どのようにして、取得した配列から特定のデータオブジェクト（IDによる）を取得でき$http.getますか？よろしくお願いします。挨拶マーク

111 javascript arrays angularjs json object

4

コンテンツ編集可能、テキストの最後にキャレットを設定（クロスブラウザ）

Chromeでの出力： <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> 私は信じているFFそれはこのようになります。 hey <br /> what's up? そしてIEでは： hey <p>what's up?</p> 残念ながら、すべてのブラウザが<br />divタグまたはpタグの代わりにを挿入するように作成する良い方法はありません。または、少なくともオンラインで何も見つけることができませんでした。とにかく、私が今やろうとしているのは、ボタンを押したときに、キャレットをテキストの最後に設定したいので、次のようになります。 hey what's up?| これを行う方法はすべてのブラウザで機能しますか？例： $(document).ready(function() { $('#insert_caret').click(function() { var ele = $('#content'); var length = ele.html().length; ele.focus(); //set caret -> end pos } …

111 javascript html cross-browser contenteditable caret

5

ロードコールバック後にjQuery UIダイアログのタイトルを変更

このUIダイアログでフォームを送信した後、UIダイアログからタイトルを変更したい。だからload私は提案した後のコールバック関数で、私は結果なしで試しグーグルしました。誰かアイデアはありますか？

111 javascript jquery jquery-ui jquery-dialog

14

オンライン/オフラインイベントのクロスブラウザを検出するにはどうすればよいですか？

HTML5のオンラインイベントとオフラインイベントを使用して、ブラウザーがオフラインになったことを正確に検出しようとしています。これが私のコードです： <script> // FIREFOX $(window).bind("online", applicationBackOnline); $(window).bind("offline", applicationOffline); //IE window.onload = function() { document.body.ononline = IeConnectionEvent; document.body.onoffline = IeConnectionEvent; } </script> FirefoxまたはIEで「オフラインで作業」を押すだけで問題なく動作しますが、実際にケーブルを抜くとランダムに動作します。この変化を検出する最良の方法は何ですか？タイムアウトでajax呼び出しを繰り返さないようにしたいと思います。

111 javascript jquery offline jquery-events network-connection

23

ディレクティブを使用したAngularJSブラウザーの自動入力回避策

AngularJSでフォームを送信し、ブラウザーにパスワードを記憶する機能を使用し、その後のログイン試行で、ブラウザーにログインフォームにユーザー名とパスワードを入力$scopeさせる場合、自動入力に基づいてモデルは変更されません。私が見つけた唯一の汚いハックは、次のディレクティブを使用することです： app.directive("xsInputSync", ["$timeout" , function($timeout) { return { restrict : "A", require: "?ngModel", link : function(scope, element, attrs, ngModel) { $timeout(function() { if (ngModel.$viewValue && ngModel.$viewValue !== element.val()) { scope.apply(function() { ngModel.$setViewValue(element.val()); }); } console.log(scope); console.log(ngModel.$name); console.log(scope[ngModel.$name]); }, 3000); } }; }]); 問題はngModel.$setViewValue(element.val());、がelement.val()戻り値に基づいてモデルもビューも変更しないことです。どうすればそれを達成できますか？

111 javascript mvvm angularjs

6

他のすべてがロードされるまでjqueryスクリプトを遅らせる

他のすべてのJavaScript（制御できない）を含めて、ページ上の他のすべてのものを1回だけ実行する必要があるjqueryスクリプトがあります。 $（document）.readyに代わるものがあるかもしれませんが、それを見つけることができませんでした。

111 javascript jquery dom

16

JavaScriptで2つの日付の違いを取得するにはどうすればよいですか？

時間枠でイベントを定義できるアプリケーションを作成しています。ユーザーが開始日を選択または変更したときに、自動的に終了日を入力したい。ただし、2つの時間の差を取得する方法、およびその差を使用して新しい終了日を作成する方法を完全に理解することはできません。

111 javascript date

7

WebpackでjQueryを実際のWindowオブジェクトに公開する

jQueryオブジェクトを、ブラウザーの開発者コンソール内からアクセスできるグローバルウィンドウオブジェクトに公開したい。今、私のwebpack設定には次の行があります： plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] これらの行は、私のwebpackモジュールの各ファイルにjQuery定義を追加します。しかし、プロジェクトをビルドして、次のように開発者コンソールでjQueryにアクセスしようとすると、 window.$; window.jQuery; これらのプロパティは未定義であると言っています... これを修正する方法はありますか？

111 javascript jquery webpack

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

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