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

私が持っているcontenteditable要素を、と私はいくつかのものを入力するたびにヒットし、ENTERそれが新しいを作成<div>し、そこに新しい行のテキストを配置します。これは少し気に入らない。 これが起こらないようにすることはできますか、少なくともそれを単に<br>？ こちらがデモですhttp://jsfiddle.net/jDvau/ 注：これは、Firefoxの問題ではありません。

131 javascript  jquery  google-chrome  html  contenteditable 

私のコードは私のローカルホストでうまく機能していますが、サイトでは機能していません。 コンソールからこのエラーを受け取りました、この行.getImageData(x,y,1,1).data： Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 私のコードの一部： jQuery.Event.prototype.rgb=function(){ var x = this.offsetX || (this.pageX - $(this.target).offset().left),y = this.offsetY || (this.pageY - $(this.target).offset().top); if (this.target.nodeName!=="CANVAS")return null; return this.target.getContext('2d').getImageData(x,y,1,1).data; } 注：画像のURL（src）はサブドメインのURLからのものです

131 javascript  html  html5-canvas 

ドロップダウンの高さと画面上の入力の位置に応じて、ドロップダウンを入力の下または上に移動するスクリプトを書いています。また、修飾子をその方向に応じてドロップダウンに設定したいと思います。しかし、setState内部で使用componentDidUpdateすると無限ループが発生します（これは明らかです） getDOMNodeclassnameを直接使用してドロップダウンに設定することで解決策を見つけましたが、Reactツールを使用するより良い解決策があるはずです。誰かが私を助けてくれますか？ 以下は、機能するコードの一部ですgetDOMNode（コードを簡略化するためにポジショニングロジックを少し無視しています）。 let SearchDropdown = React.createClass({ componentDidUpdate(params) { let el = this.getDOMNode(); el.classList.remove('dropDown-top'); if(needToMoveOnTop(el)) { el.top = newTopValue; el.right = newRightValue; el.classList.add('dropDown-top'); } }, render() { let dataFeed = this.props.dataFeed; return ( <DropDown > {dataFeed.map((data, i) => { return (<DropDownRow key={response.symbol} data={data}/>); })} </DropDown> ); } }); そしてこれがsetstateを含むコードです（これは無限ループを作成します） let …

131 javascript  reactjs  ecmascript-6 

Jasmineの上に構築されたJavascript Jestテストフレームワークでコードカバレッジを取得する方法はありますか？ 内部フレームワークは、取得したコードカバレッジを出力しません。私はまた、イスタンブール、毛布、JSCoverを使ってみましたが、どれも機能しません。

131 javascript  jestjs 

ReactJSとReact-Routerは初めてです。propsを介し<Link/>てreact-routerからオブジェクトを受け取るコンポーネントがあります。ユーザーがこのコンポーネント内の「次へ」ボタンをクリックするたびに、<Link/>オブジェクトを手動で呼び出します。 現在、refsを使用してバッキングインスタンスにアクセスし、<Link/>生成された「a」タグを手動でクリックしています。 質問：リンクを手動で呼び出す方法はありthis.props.next.goますか（例：）？ これは私が現在持っているコードです： //in MasterPage.js var sampleLink = <Link to="/sample">Go To Sample</Link> <Document next={sampleLink} /> //in Document.js ... var Document = React.createClass({ _onClickNext: function() { var next = this.refs.next.getDOMNode(); next.querySelectorAll('a').item(0).click(); //this sounds like hack to me }, render: function() { return ( ... <div ref="next">{this.props.next} <img src="rightArrow.png" onClick={this._onClickNext}/></div> ... …

131 javascript  reactjs  react-router 

JavaScriptでmap/ reduce/ filter/ etcを作成する方法はありSetますか、それとも自分で作成する必要がありますか？ ここにいくつかの賢明なSet.prototype拡張機能があります Set.prototype.map = function map(f) { var newSet = new Set(); for (var v of this.values()) newSet.add(f(v)); return newSet; }; Set.prototype.reduce = function(f,initial) { var result = initial; for (var v of this) result = f(result, v); return result; }; Set.prototype.filter = function filter(f) { var …

131 javascript  set  ecmascript-6  reduce 

クラス= 4の子スパンを取得しようとしています。要素の例を次に示します。 <div id="test"> <span class="one"></span> <span class="two"></span> <span class="three"></span> <span class="four"></span> </div> 私が利用できるツールはJSとYUI2です。私はこのようなことができます： doc = document.getElementById('test'); notes = doc.getElementsByClassName('four'); //or doc = YAHOO.util.Dom.get('#test'); notes = doc.getElementsByClassName('four'); これらはIEでは機能しません。オブジェクト（doc）がこのメソッドまたはプロパティ（getElementsByClassName）をサポートしていないというエラーが表示されます。getElementsByClassNameのクロスブラウザー実装のいくつかの例を試しましたが、それらを機能させることができず、そのエラーが発生しました。 必要なのはクロスブラウザーのgetElementsByClassNameか、doc.getElementsByTagName（ 'span'）を使用して、クラス4が見つかるまでループする必要があると思います。ただし、方法はわかりません。

131 javascript  yui 

私は常にユニットテストにJasmineを使用してきましたが、最近、イスタンブールを使用してコードカバレッジレポートを提供し始めました。つまり、彼らが私に伝えようとしていることの要点はわかりますが、これらの各パーセンテージ（Stmts、Branches、Funcs、Lines）が何を表しているのか本当にわかりません。これまでのところ、グーグル検索では、しっかりした説明/リソースを見つけることができませんでした。 質問：要点はわかりましたが、誰かが適切な説明や適切な説明へのリンクを投稿できますか？ 三次質問：コードの特定の部分がカバーされていないことを識別する方法はありますか？これまでのところ、このレポートを実際に確認することなく、基本的に推測しています。 -------------------|-----------|-----------|-----------|-----------| File | % Stmts |% Branches | % Funcs | % Lines | -------------------|-----------|-----------|-----------|-----------| controllers/ | 88.1 | 77.78 | 78.57 | 88.1 | dashboard.js | 88.1 | 77.78 | 78.57 | 88.1 | -------------------|-----------|-----------|-----------|-----------| All files | 88.1 | 77.78 | 78.57 | 88.1 | …

131 javascript  testing  jasmine  code-coverage  istanbul 

Reactを使用してWebアプリケーションを開発するときにデフォルトとなった、react-router-domという名前の最新バージョンのreact-routerモジュールを使用しています。POSTリクエスト後にリダイレクトを行う方法を知りたい。私はこのコードを作成していますが、リクエスト後、何も起こりません。私はウェブでレビューしましたが、すべてのデータは以前のバージョンの反応ルーターに関するものであり、最後の更新ではありません。 コード： import React, { PropTypes } from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import { Redirect } from 'react-router' import SignUpForm from '../../register/components/SignUpForm'; import styles from './PagesStyles.css'; import axios from 'axios'; import Footer from '../../shared/components/Footer'; class SignUpPage extends React.Component { constructor(props) { super(props); this.state …

131 javascript  reactjs  react-router 

私のAngularアプリにはコンポーネントがあります： import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes => { this.makes = makes console.log("MAKES", this.makes); }); } …

131 javascript  angular  typescript 

非常に単純な角度のjsアプリケーションの3つのファイルがあります index.html <!DOCTYPE html> <html ng-app="gemStore"> <head> <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'></script> <script type="text/javascript" src="app.js"></script> </head> <body ng-controller="StoreController as store"> <div class="list-group-item" ng-repeat="product in store.products"> <h3>{{product.name}} <em class="pull-right">{{product.price | currency}}</em></h3> </div> <product-color></product-color> </body> </html> product-color.html <div class="list-group-item"> <h3>Hello <em class="pull-right">Brother</em></h3> </div> app.js (function() { var app = angular.module('gemStore', []); app.controller('StoreController', function($http){ this.products = …

130 javascript  html  angularjs  xmlhttprequest 

高さが固定されたdivがあり、 overflow:hidden; divに、divの固定の高さを超えてオーバーフローしている要素があるかどうかをjQueryで確認したいと思います。これどうやってするの？

130 javascript  jquery  html 

私は、yeoman、grunt、bowerを使用して作成されたAngularJSアプリケーションを持っています。 認証をチェックするコントローラーを備えたログインページがあります。資格情報が正しい場合、ホームページに転送します。 app.js 'use strict'; //Define Routing for app angular.module('myApp', []).config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $routeProvider .when('/login', { templateUrl: 'login.html', controller: 'LoginController' }) .when('/register', { templateUrl: 'register.html', controller: 'RegisterController' }) .when('/forgotPassword', { templateUrl: 'forgotpassword.html', controller: 'forgotController' }) .when('/home', { templateUrl: 'views/home.html', controller: 'homeController' }) .otherwise({ redirectTo: '/login' }); // $locationProvider.html5Mode(true); //Remove …

130 javascript  ruby-on-rails  angularjs  angularjs-authentication 

私は最近ExtJSの学習を始めており、イベントの処理方法を理解するのに苦労しています。以前のバージョンのExtJSの経験はありません。 さまざまなマニュアル、ガイド、ドキュメントのページを読んで、その使い方を理解しましたが、どのように機能するかはわかりません。ExtJSの古いバージョンのチュートリアルをいくつか見つけましたが、それらがExtJS 4にどのように適用できるかわかりません。 具体的には、次のような「最終的な単語」に注目しています イベント処理関数はどの引数を渡されますか？常に渡される標準の引数のセットはありますか？ 作成するカスタムコンポーネントのカスタムイベントを定義する方法 これらのカスタムイベントを起動するにはどうすればよいですか？ 戻り値（true / false）は、イベントがどのようにバブルするかに影響しますか？そうでない場合、イベントハンドラの内部または外部からイベントバブリングをどのように制御できますか？ イベントリスナーを登録する標準的な方法はありますか？（私は今までに2つの異なる方法に出会いましたが、それぞれの方法が使用された理由がわかりません）。 たとえば、この質問では、イベントハンドラーがかなりの数の引数を受け取ることができると思います。ハンドラーへの引数が2つしかない他のチュートリアルを見てきました。何が変わりますか？

130 javascript  extjs  event-handling  extjs4 

リストにページを追加しようとしています。スマートフォンに関するものであるAngularJSチュートリアルに従い、特定の数のオブジェクトのみを表示しようとしています。これが私のhtmlファイルです： <div class='container-fluid'> <div class='row-fluid'> <div class='span2'> Search: <input ng-model='searchBar'> Sort by: <select ng-model='orderProp'> <option value='name'>Alphabetical</option> <option value='age'>Newest</option> </select> You selected the phones to be ordered by: {{orderProp}} </div> <div class='span10'> <select ng-model='limit'> <option value='5'>Show 5 per page</option> <option value='10'>Show 10 per page</option> <option value='15'>Show 15 per page</option> <option value='20'>Show …

130 javascript  angularjs  paginate