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

Drupalで開発したWebサイトがあります。collapsiblock（基本的にはJQueryプラグイン）と呼ばれるモジュールを使用して、アコーディオンのような効果を実現しています。私は問題なく動作しています（ただし、ベータ版です）。しかし、ユーザーがアコーディオンの1つのアイテムをクリックしたときに、他のアイテムが折りたたまれるように変更したいと思います。 現在の統計では、ユーザーが1つのアイテムをクリックしたときに、アイテムが既に折りたたまれているか展開されているかをチェックし、アイテムを反対にしています。つまり、ユーザーがあるアイテムをクリックすると展開され、別のアイテムをクリックすると展開されますが、前にクリックしたアイテムは折りたたまれません。 以下のコードを見ることができます。折りたたむコードをどこに追加すればよいか、折りたたんだり展開したりする方法を知っています。私の質問は、ユーザーがクリックしたものを除いて、クラス「.collapsiblock」を持つすべてのアイテムをどのように選択するのですか？ 注：クラス '.collapsiblockCollapsed'を持つアイテムは折りたたまれ、このクラスがアイテムから削除されると展開されます。 // $Id: collapsiblock.js,v 1.6 2010/08/18 19:17:37 gagarine Exp $ Drupal.Collapsiblock = Drupal.Collapsiblock || {}; Drupal.behaviors.collapsiblock = function (context) { var cookieData = Drupal.Collapsiblock.getCookieData(); var slidetype = Drupal.settings.collapsiblock.slide_type; var defaultState = Drupal.settings.collapsiblock.default_state; var slidespeed = parseInt(Drupal.settings.collapsiblock.slide_speed); $('div.block:not(.collapsiblock-processed)', context).addClass('collapsiblock-processed').each(function () { var id = this.id; var titleElt …

91 javascript  jquery  drupal  content-management-system  javascript-framework 

では私のJSFiddle、私は単に要素の配列を反復処理しようとしています。ログステートメントが証明するように、配列は空ではありません。しかし、への呼び出しforEachにより、（あまり役立たない）「キャッチされていませんTypeError：undefined関数ではありません」というエラーが表示されます。 私は愚かなことをしているに違いない。私は何を間違っていますか？ 私のコード： var arr = document.getElementsByClassName('myClass'); console.log(arr); console.log(arr[0]); arr.forEach(function(v, i, a) { console.log(v); }); .myClass { background-color: #FF0000; } <div class="myClass">Hello</div> コードスニペットを実行する結果を非表示スニペットを展開

91 javascript  foreach 

私は現在、このコードを使用してリストをレンダリングしています： <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> ただし、<div>一部のブラウザでは、この要素が原因で非常に小さなレンダリングの欠陥が発生しています。divコンテナーなしでng-repeatを実行する方法、または同じ効果を達成するためのいくつかの代替方法があることを知りたいです。

91 javascript  css  html  angularjs 

今日、O'ReillyのJavaScriptパターンをランダムに読んでいるときに、興味深いことが1つ見つかりました（27ページを参照）。 Javascriptでは、ブレースの開始位置が異なる場合、場合によっては違いがあります。 function test_function1() { return { name: 'rajat' }; } var obj = test_function1(); alert(obj); //Shows "undefined" ながら function test_function2() { return { name: 'rajat' }; } var obj = test_function2(); alert(obj); //Shows object JSfiddleデモ 他の言語にそのような振る舞いはありますか？もしそうなら、私は確かに私の習慣を変更する必要があります.. :) 私は主にPHP、C、C ++、Java、およびルビーについて心配しています。

91 javascript  language-agnostic  programming-languages  language-design 

css3アニメーションの場合にコールバック関数を実装する方法はありますか？JavaScriptアニメーションの場合は可能ですが、css3でそれを行う方法が見つかりません。 私が見ることができる1つの方法は、アニメーション期間の後にコールバックを実行することですが、アニメーションが終了した直後に必ず呼び出されるとは限りません。ブラウザのUIキューによって異なります。より堅牢な方法が必要です。どんな手掛かり？

91 javascript  css  frontend 

次のコードは機能します。 $("#select-id").change(function(){ var cur_value = $('#select-id option:selected').text(); . . . }); 2行目を次のようにリファクタリングする方法： var cur_value = $(this).***option-selected***.text(); 何に使うの***option-selected***？

91 javascript  jquery 

私は次のような単純なhtmlブロックを持っています： <span id="replies">8</span> jqueryを使用して、値（1）に1を追加しようとしています。 var currentValue = $("#replies").text(); var newValue = currentValue + 1; $("replies").text(newValue); 何が起こっているのですか？ 81 その後 811 9ではなく、これが正解です。何が悪いのですか？

91 javascript  jquery  casting 

IDでドキュメントを選択しようとしています 私はもう試した： collection.update({ "_id": { "$oid": + theidID } } collection.update({ "_id": theidID } collection.update({ "_id.$oid": theidID }} また試しました： collection.update({ _id: new ObjectID(theidID ) } これは私にエラー500を与えます... var mongo = require('mongodb') var BSON = mongo.BSONPure; var o_id = new BSON.ObjectID(theidID ); collection.update({ _id: o_id } これらはどれも機能しません。_idで選択する方法は？

91 javascript  mongodb  node.js 

Webkitの移行終了イベントはwebkitTransitionEndと呼ばれ、FirefoxはtransitionEnd、オペラはoTransitionEndです。純粋なJSでそれらすべてに取り組む良い方法は何ですか？ブラウザをスニッフィングする必要がありますか？またはそれぞれを個別に実装しますか？私には思いつかなかった他の方法がありますか？ つまり： //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? "transitionEnd" : (isOpera) ? "oTransitionEnd"; element.addEventListener(transitionend, function(){ //do whatever },false); または // Assigning an event listener per browser element.addEventListener("webkitTransitionEnd", fn); element.addEventListener("oTransitionEnd", fn); element.addEventListener("transitionEnd", fn); function fn() { //do whatever }

91 javascript  css  css-transitions  dom-events 

クラシファイド広告のWebサイトを持っていて、広告が表示されるページで、「友達にヒントを送る」フォームを作成しています... したがって、誰でも広告のヒントを友達にメールで送信できます。 フォームをphpページに送信する必要があると思いますか？ <form name='tip' method='post' action='tip.php'> Tip somebody: <input name="tip_email" type="text" size="30" onfocus="tip_div(1);" onblur="tip_div(2);"/> <input type="submit" value="Skicka Tips"/> <input type="hidden" name="ad_id" /> </form> フォームを送信すると、ページが再読み込みされます...したくない... リロードせずにメールを送信する方法はありますか？できればajaxやjqueryなしで... ありがとう

91 php  javascript  html  forms 

この質問がすでに回答されている場合は、お詫び申し上げます。解決策を探してみましたが、自分のコードに適したものは見つかりませんでした。私はまだjQueryを初めて使用します。 2つの異なるページに2種類のスティッキーメニューがあります。これが両方のコードです。 $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('content-nav-sticky'); } else {; $('.content-nav').removeClass('content-nav-sticky') } }; stickyNav(); $(window).scroll(function () { stickyNav(); }); }); $(document).ready(function () { var stickyNavTop = $('.nav-map').offset().top; // var contentNav = $('.content-nav').offset().top; …

91 javascript  jquery  html  css  dom 

各DIVのクラスに応じて、Webサイト上の特定のDIV要素の表示を切り替えようとしています。基本的なJavaScriptスニペットを使用して切り替えています。問題は、JavaScriptでサポートさgetElementByIdれgetElementByClassていないため、スクリプトはのみを使用することです。残念ながら、DIVの名前には特定のカテゴリ名を使用してXSLTスタイルシートによって動的に生成されるため、DIVではなくidではなくclassを使用する必要があります。 特定のブラウザがをサポートするようになったことは知っていますgetElementByClassが、Internet Explorerがサポートしていないので、そのルートを使いたくありません。 クラスを使用して要素を取得する関数を使用するスクリプトを見つけました（このページの＃8など：http : //www.dustindiaz.com/top-ten-javascript/）が、それらを統合する方法がわかりません私のトグルスクリプトで。 これがHTMLコードです。DIV自体は、XML / XSLTを使用したページの読み込み時に生成されるため、ありません。 主な質問：以下のトグルスクリプトを使用して、IDで要素を取得するのではなく、クラスで要素を取得するにはどうすればよいですか？ <html> <head> <!--This is the TOGGLE script--> <script type="text/javascript"> <!-- function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } //--> </script> </head> <!--the XML/XSLT page contents will be loaded here, with …

91 javascript  class  toggle  getelementbyid  getelementsbyclassname 

Node.jsで実行されているJavaScriptファイルからNPMパッケージをインストールできますか？たとえば、スクリプトを作成したいのですが、 "script.js"と呼びましょう。NPMを介して通常利用できるパッケージを（NPMを使用するかどうかを問わず）インストールします。この例では、「FFI」をインストールします。（npm install ffi）

91 javascript  node.js  npm 

ウェブサイトがipad safari内またはアプリケーションWebView内で実行されている場合、javascriptを介して異なる方法はありますか？

91 javascript  ipad  ios  webview 

Mochaを使用して、Express.jsアプリケーションの小さなモジュールをテストしています。このモジュールでは、関数の1つが配列を返します。配列が特定の入力に対して正しいかどうかをテストしたいと思います。私はこのようにしています： suite('getWords', function(){ test("getWords should return list of numbers", function() { var result = ['555', '867', '5309']; assert.equal(result, getWords('555-867-5309')); }); }); これが実行されると、次のアサーションエラーが発生します。 AssertionError: ["555","867","5309"] == ["555","867","5309"] ただし、テストをに変更するassert.deepEqualと、テストは問題なくパスします。==vsの場合かと思っていたのですが、===入ると [1,2,3] === [1,2,3] node.jsコマンドラインに、まだfalseが表示されます。 なぜ配列は他の値のように比較しないのですか（例1 == 1）？そしてassert.equalとassert.deepEqualの違いは何ですか？

91 javascript  arrays  testing  mocha