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

私は投票システムを持っており、この投票の回答に色を付けたいと思っています。例：10％の場合は赤、40％の場合は黄色、80％の場合は緑になるため、JavaScriptコードでrgbの色を使用して、指定されたパーセンテージに従って色を作成します。 function hexFromRGB(r, g, b) { var hex = [ r.toString( 16 ), g.toString( 16 ), b.toString( 16 ) ]; $.each( hex, function( nr, val ) { if ( val.length === 1 ) { hex[ nr ] = "0" + val; } }); return hex.join( "" ).toUpperCase(); } 今、私はパーセントから16進数が欲しいです。

89 javascript 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 2年前休業。 ロックされています。この質問とトピックへの回答はロックされています。質問はトピックから外れていますが、歴史的に重要です。現在、新しい回答や相互作用を受け入れていません。 私はこの用語に何度も遭遇しましたが、グーグルの後でさえ、それが正確に何を意味するのかまだ理解できません。誰かが提供できる非同期イベントとは何かについて理解しやすい（理想的には例を示す）定義がありますか？ ありがとう！

88 javascript  events  asynchronous  terminology  definition 

javascript / jQuery / etcを使用して、Flashがインストールされているかどうかを検出し、インストールされていない場合は、Flashをインストールする必要があることをユーザーに通知する情報を含むdivを表示するにはどうすればよいですか？

88 javascript  jquery  asp.net-mvc  flash  detection 

私はJSライブラリUnderscoreを使用して_.eachおり、特にandおよび_.sortbyライブラリ呼び出しを使用しています。イテレータデリゲート内の値のインデックスを取得するための可能な方法があるかどうか疑問に思っています _.sortBy([1, 4, 2, 66, 444, 9], function(num){ /*It'd be great to have access to the index in here */ return Math.sin(num); });

88 javascript  underscore.js 

まあ言ってみれば： <div> pre text <div class="remove-just-this"> <p>child foo</p> <p>child bar</p> nested text </div> post text </div> これに： <div> pre text <p>child foo</p> <p>child bar</p> nested text post text </div> 私はMootools、jQuery、さらには（生の）JavaScriptを使用して考えていましたが、これを行う方法を理解できませんでした。

88 javascript  dom 

リンクから起動するBootstrapモーダルがあります。AJAXクエリがデータベースからデータをフェッチする間、約3秒間は空白のままです。ある種のローディングインジケーターを実装するにはどうすればよいですか？Twitterブートストラップはデフォルトでこの機能を提供しますか？ 編集：モーダルのJSコード <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "_MENU_ records per page" }, "aaSorting":[[0, "desc"]], "iDisplayLength": 10, "oTableTools": { "sSwfPath": "swf/copy_csv_xls_pdf.swf", "aButtons": …

88 javascript  jquery  html  ajax 

AngularJsでルート変更イベントをキャンセルするにはどうすればよいですか？ 私の現在のコードは $rootScope.$on("$routeChangeStart", function (event, next, current) { // do some validation checks if(validation checks fails){ console.log("validation failed"); window.history.back(); // Cancel Route Change and stay on current page } }); これにより、検証が失敗した場合でも、Angularは次のテンプレートと関連データをプルし、すぐに前のビュー/ルートに戻ります。検証が失敗した場合、angularが次のテンプレートとデータをプルしたくありません。理想的には、window.history.back（）がないはずです。私もevent.preventDefault（）を試しましたが、役に立たなかった。

88 javascript  angularjs 

私は$location.path()コントローラーで使用しようとしているだけでなく、カスタム変数をパラメーターとして渡しています。だからそれは私が推測するこのようなものになるでしょう： $scope.parameter = 'Foo'; $location.path('/myURL/' + $scope.parameter); しかし、それはうまくいきません。これがAngularでどのように行われるべきか知っている人はいますか？

88 javascript  angularjs 

HTMLの仕様は言います IDトークンとNAMEトークンは、文字（[A-Za-z]）で始まり、その後に任意の数の文字、数字（[0-9]）、ハイフン（ "-"）、アンダースコア（ "_"）を続けることができます、コロン（ "："）、およびピリオド（ "。"）。 また、HTML 4のSGML宣言ではNAMELENに値65536を使用していますが、「固定制限を回避する」と記載されています。 ただし、ブラウザ、CSS実装、JavaScriptツールキットは、サポートする長さにいくつかの制限があるはずです。HTML / CSS / JSアプリケーションで安全に使用できる最小の制限は何ですか？

88 javascript  html  css 

Webページにリンクがあります。ユーザーがクリックすると、ページ上のウィジェットが更新されます。ただし、デフォルトの機能（別のページに移動する）がイベントが発生する前に発生するため、私は何かをしています。 リンクは次のようになります。 <a href="store/cart/" class="update-cart">Update Cart</a> jQueryは次のようになります。 $('.update-cart').click(function(e) { e.stopPropagation(); updateCartWidget(); }); 何が問題ですか？

88 javascript  jquery  events  click  jquery-events 

私は現在、ルーティングが組み込まれたAngularJSアプリケーションを持っています。これは機能し、すべて問題ありません。 私のapp.jsファイルは次のようになります。 angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/pages/home.html', controller: HomeController }); $routeProvider.when('/about', { templateUrl: '/pages/about.html', controller: AboutController }); $routeProvider.when('/privacy', { templateUrl: '/pages/privacy.html', controller: AboutController }); $routeProvider.when('/terms', { templateUrl: '/pages/terms.html', controller: AboutController }); $routeProvider.otherwise({ redirectTo: '/' }); }]); 私のアプリにはCMSが組み込まれており、新しいHTMLファイルを/ pagesディレクトリにコピーして追加できます。 新しい動的に追加されたファイルでも、ルーティングプロバイダーを通過したいと思います。 理想的な世界では、ルーティングパターンは次のようになります。 $ routeProvider.when（ '/ …

88 javascript  angularjs  content-management-system  url-routing 

一部のJavaScriptファイルがCDNでホストされるシナリオに取り組んでいます。これらのファイルがユーザー側でダウンロードされるときに、ファイルが改ざんされておらず、実際に指定されたCDNからのものであることを確認できるように、何らかのメカニズムが必要です。 SSLを使用している場合、タスクは非常に簡単であることを理解していますが、SSLなしのHTTPでも適切なファイルが提供されるようにしたいと思います。 私が検索できる限り、プラットフォーム間でサポートされているJavaScriptファイルのデジタル署名のような既存のメカニズムはありません。おそらくそれは必要ないのでしょうか？ JavaScriptファイルの作成者を確認するためにブラウザに組み込まれている方法はありますか？安全にこれを行うために私ができることはありますか？

88 javascript  code-signing 

requirejs + jqueryを使用していて、jQueryプラグインをrequireでうまく機能させるスマートな方法があるかどうか疑問に思っていました。 たとえば、jQuery-cookieを使用しています。私が正しく理解していれば、jquery-cookie.jsというファイルを作成できます。 define(["jquery"], // Require jquery function($){ // Put here the plugin code. // No need to return anything as we are augmenting the jQuery object }); requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); 次のようなjQueryのようなことができるかどうか疑問に思いました： if ( typeof define === "function" && define.amd && define.amd.jQuery …

88 javascript  jquery  requirejs 

私はバンドラーが大好きです。依存関係の管理に優れています。私はnpmが大好きです。ノードパッケージのインストールは簡単です。私はnodejsアプリを持っているので、アプリの依存関係を指定し、アプリを展開する場所にそれらを簡単にインストール/更新できるようにしたいと考えています。これは私がリリースしているライブラリではなく、本格的なウェブアプリです。 npm bundleコマンドは知っていますが、パッケージがインストールされているディレクトリをオーバーライドするだけです。 私はこの方法でバンドラーを使用することに慣れています： # Gemfile gem "rails", "3.0.3" Rails v3.0.3およびその他の必要なGemがまだ存在しない場合にのみ、ホストマシンにインストールします。 > bundle install npmで同様のことをするにはどうすればよいですか？

88 javascript  dependencies  node.js  bundler  npm 

モバイルSafariでは、リンク/ボタンがクリックされてからイベントが発生するまでのクリックイベントで300ミリ秒の遅延があることを読みました。遅延の理由は、ユーザーがダブルクリックするつもりかどうかを確認するために待機することですが、UXの観点からは、300ms待機することは望ましくありません。 この300ミリ秒の遅延を解消する1つの解決策は、jQuery Mobileの「タップ」処理を使用することです。残念ながら、私はこのフレームワークに精通しておらず、必要なものが1行または2行のコードをtouchend適切に適用するだけの場合は、大きなフレームワークをロードしたくありません。 多くのサイトと同様に、私のサイトには次のような多くのクリックイベントがあります。 $("button.submitBtn").on('click', function (e) { $.ajaxSubmit({... //ajax form submisssion }); $("a.ajax").on('click', function (e) { $.ajax({... //ajax page loading }); $("button.modal").on('click', function (e) { //show/hide modal dialog }); そして、私がしたいのは、次のような単一のコードスニペットを使用して、すべてのクリックイベントの300ミリ秒の遅延を取り除くことです。 $("a, button").on('tap', function (e) { $(this).trigger('click'); e.preventDefault(); }); それは悪い/良い考えですか？

88 javascript  jquery  jquery-mobile  safari  touch