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

DynaTree（https://code.google.com/p/dynatree）を使用していますが、問題が発生しており、誰かが助けてくれることを期待しています。 以下のようなページにツリーを表示しています。 <div id="tree"> <ul> <li class="folder">Outputs <ul> <li id="item1" data="icon: 'base.gif', url: 'page1.htm', target: 'AccessPage'">Item 1 Title <li id="item2" data="icon: 'base.gif', url: 'page2.htm', target: 'AccessPage'">Item 2 Title <li id="item3" data="icon: 'base.gif', url: 'page3.htm', target: 'AccessPage'">Item 3 Title <li id="item4" data="icon: 'base.gif', url: 'page4.htm', target: 'AccessPage'">Item 4 Title </ul> </ul> …

119 javascript  dom  dynatree 

@paramのJSDoc wikiによると、@ param はオプションで /** @param {String} [name] */ function getPerson(name) { } あなたはのparam示すことができ、インラインを使用して function getPerson(/**String*/ name) { } そして、私は次のようにそれらを組み合わせることができます、それはうまくいきます。 /** @param [name] */ function getPerson(/**String*/name) { } しかし、可能であればすべてをインラインで実行する方法があるかどうかを知りたいです。

119 javascript  google-closure-compiler  jsdoc 

私はカーソルまたはキャレットインデックスの位置を設定する方法について、たくさんの優れたクロスブラウザ回答を見つけています contentEditable要素がありますが、そのインデックスをまたは検索する方法については何も見つかりません... 私がしたいのは、このdiv内のキャレットのインデックスを知っていることです keyupです。 したがって、ユーザーがテキストを入力しているときは、いつでもカーソル内のカーソルのインデックスを知ることができます contentEditable要素。 編集：カーソルの座標ではなく、divの内容（テキスト）内のINDEXを探しています。 <div id="contentBox" contentEditable="true"></div> $('#contentbox').keyup(function() { // ... ? });

119 javascript  contenteditable  caret  cursor-position 

単純なクロスオリジンリクエストを作成しようとしていますが、Firefoxは常に次のエラーでブロックしています。 Cross-Origin Request Blocked：Same Origin Policyは、[url]のリモートリソースの読み取りを許可しません。これは、リソースを同じドメインに移動するか、CORSを有効にすることで修正できます。[url] ChromeとSafariでは問題なく動作します。 私の知る限り、PHPで正しいヘッダーをすべて設定して、これが機能するようにしています。これが私のサーバーの応答です HTTP/1.1 200 OK Date: Mon, 23 Jun 2014 17:15:20 GMT Server: Apache/2.2.22 (Debian) X-Powered-By: PHP/5.4.4-14+deb7u8 Access-Control-Allow-Origin: * Access-Control-Allow-Methods: GET, POST, OPTIONS Access-Control-Allow-Headers: Content-Type Access-Control-Request-Headers: X-Requested-With, accept, content-type Vary: Accept-Encoding Content-Length: 186 Content-Type: text/html Angular、jQuery、および基本的なXMLHTTPRequestオブジェクトを使用してみました。 var data = "id=1234" var request = new …

119 javascript  firefox  cors  cross-domain 

関数が呼び出されたときにカーソルをこの読み込みアイコンに変更するにはどうすればよいですか、またjavascript / jqueryで通常のカーソルに戻すにはどうすればよいですか

119 javascript  jquery  html 

私はAngularの例でこの構造に出くわし、なぜこれが選択されるのか不思議に思います： _ => console.log('Not using any parameters'); 変数_は気にしない/使用しないことを意味しますが、それが唯一の変数であるため、_よりも_の使用を好む理由があります。 () => console.log('Not using any parameters'); 確かに、これはタイプするのに約1文字少なくなることはありません。（）構文は、私の考えでは意図をよりよく伝え、タイプ固有でもあります。それ以外の場合、最初の例は次のようになっているはずだと思います。 (_: any) => console.log('Not using any parameters'); 重要な場合は、これが使用されたコンテキストです。 submit(query: string): void { this.router.navigate(['search'], { queryParams: { query: query } }) .then(_ => this.search()); }

119 javascript  typescript  ecmascript-6  arrow-functions 

と呼ばれるabc.js「パブリック」関数を持つJavaScriptファイルがありますxyz()。Angularプロジェクトでその関数を呼び出したいのですが。それ、どうやったら出来るの？

119 javascript  angular 

私はTypeScriptにかなり慣れていないので、現在、プロジェクト構造全体のいくつかの場所に.tsファイルがあります。 app/ |-scripts/ |-app.ts | |-classes/ | |-classA.ts | |-classB.ts | |-controllers/ | |-controllerA.ts | |-controllerB.ts | |-otherStuff/ |-otherstuffA.ts 現在、ファイルをコンパイルすると、.tsファイルが存在するのと同じディレクトリにコンパイルされます。 app/ |-scripts/ |-app.ts |-app.js | |-classes/ | |-classA.ts | |-classB.ts | |-classA.js | |-classB.js | |-controllers/ | |-controllerA.ts | |-controllerB.ts | |-controllerA.js | |-controllerB.js | |-otherStuff/ |-otherstuffA.ts |-otherStuffA.js .jsファイルが.tsファイルと同じディレクトリ構造を維持する方法は気に入っていますが、VCSで.jsファイルを追跡したくないため、すべてのJavaScriptファイルを次のように、別のディレクトリツリー（.gitignoreに追加できます）。 app/ …

119 javascript  typescript  tsc 

この記事から抜粋した以下のコードスニペットでは、中括弧の配置が1回だけ変更されているため、異なる結果が生成されるのはなぜですか。 開始中括弧{が新しい行にある場合、test()が返さundefinedれ、アラートに「いいえ-壊れました：未定義」が表示されます。 function test() { return { /* <--- curly brace on new line */ javascript: "fantastic" }; } var r = test(); try { alert(r.javascript); // does this work...? } catch (e) { alert('no - it broke: ' + typeof r); } コードスニペットを実行する結果を非表示スニペットを展開 ブレースは、同じ行にある場合return、test()オブジェクトを返し、「素晴らしい」警告されます。 function test() { return { …

119 javascript  syntax 

forJavascriptでループをインクリメントする方法は他にもi++あり++iますか？たとえば、1つではなく3ずつ増分したいとします。 for (var i = 0; i < myVar.length; i+3) { //every three }

119 javascript  for-loop  increment 

私はこれを行うことができます： <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); つまり、myDivclassを持つ要素の直接の子をすべて正常に取得できます.foo。 問題は、要素に対して#myDivクエリを実行しているため、セレクターにを含める必要があるmyDivことです。 #myDivオフのままにしておくべきですが、セレクタはで始まるため、正しい構文ではありません>。 セレクターが実行されている要素の直接の子だけを取得するセレクターの作成方法を誰かが知っていますか？

119 javascript  dom  css-selectors 

FileFormat.Infoの検索から、特殊文字のUnicodeを見つけています。 一部の文字は、⚠（警告記号、\u26A0または⚠）などの古典的な白黒のグリフとしてレンダリングされます。CSSスタイル（色など）を適用できるので、これらの方が望ましいです。 その他は、⌛（砂時計、\u231Bまたは⌛）などの新しい漫画の絵文字としてレンダリングしています。私はそれらを完全にスタイルすることができないので、これらは好ましくありません。 Mac ChromeでもMac SafariでもないMac Firefoxで砂時計のグリフを見ることができるので、ブラウザーがこの変更を行っているようです。 ブラウザーに古い（フラットモノトーン）バージョンを強制的に表示させる方法はありますか？ 更新：（以下のコメントから）text-vs-emojiを適用するために使用できるテキストプレゼンテーションセレクターがFE0Eあるようです。セレクターは⌛︎、HTML hexや\u231B\uFE0EJS などのように、文字のコード上にスペースのないサフィックスとして連結されます。ただし、すべてのブラウザー（ChromeやEdgeなど）でこれが受け入れられるわけではありません。

119 javascript  html  css  unicode  emoji 

そこで、JavaScript on scrollを使用して関数を呼び出そうとしています。しかし、jQueryを使用せずにスクロールの方向を検出できるかどうかを知りたかったのです。そうでない場合、回避策はありますか？ 「上に」ボタンを置くことを考えていましたが、できればそれを避けたいです。 私は今このコードを使ってみましたが、うまくいきませんでした： if document.body.scrollTop <= 0 { alert ("scrolling down") } else { alert ("scrolling up") }

119 javascript  scroll  onscroll 

JavaScriptでは、inputor textarea要素内のテキストをプログラムで選択できます。で入力をフォーカスしipt.focus()、でその内容を選択できますipt.select()。で特定の範囲を選択することもできますipt.setSelectionRange(from,to)。 私の質問は、contenteditable要素でこれを行う方法はありますか？ elem.focus()キャレットをcontenteditable要素に配置するために、私はできることがわかりましたが、その後実行elem.select()しても機能しません（そして機能しませんsetSelectionRange）。それについてウェブ上で何も見つけることができませんが、おそらく私は間違ったことを探しています... ちなみに、違いがある場合は、Google Chromeでのみ機能します。これはChrome拡張機能のためです。

119 javascript  selection  contenteditable 

Type Scriptを使用して、角度2で格納された配列からアイテムを削除したいと思います。Data Serviceと呼ばれるサービス、 DataServiceコードを使用しています： export class DataService { private data: string[] = []; addData(msg: string) { this.data.push(msg); } getData() { return this.data; } deleteMsg(msg: string) { delete [this.data.indexOf(msg)]; } } そして私のコンポーネントクラス： import {Component} from '@angular/core' import {LogService} from './log.service' import {DataService} from './data.service' @Component({ selector: 'tests', template: ` <div class="container"> …

119 javascript  angular  typescript