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

この質問の答えはコミュニティの努力です。この投稿を改善するには、既存の回答を編集してください。現在、新しい回答や相互作用を受け入れていません。 JavaScriptを使用してクライアントのIPアドレスを何らかの方法で取得する必要があります。サーバー側のコードはなく、SSIもありません。 ただし、無料のサードパーティのスクリプト/サービスを使用することに反対しているわけではありません。

560 javascript  jquery  ip-address 

2つの機能があります。Enterキーを押すと関数は正しく実行されますが、Escapeキーを押すと機能しません。エスケープキーの正しい番号は何ですか？ $(document).keypress(function(e) { if (e.which == 13) $('.save').click(); // enter (works as expected) if (e.which == 27) $('.cancel').click(); // esc (does not work) });

559 javascript  jquery 

私はReactのPluralsightコースを見ていて、インストラクターは小道具を変更しないでくださいと言いました。私は今読んでいます、小道具対状態に関する記事（uberVU / react-guide）を、それは言う 小道具と状態変化の両方がレンダー更新をトリガーします。 記事の後半でそれは言う： 小道具（プロパティの略）はコンポーネントの構成であり、必要に応じてそのオプションです。それらは上から受け取られ、不変です。 小道具は変更できますが、不変でなければなりませんか？ いつプロップを使用し、いつステートを使用する必要がありますか？ Reactコンポーネントが必要とするデータがある場合、それを介してReactコンポーネントのプロップまたはセットアップを介して渡す必要がありますgetInitialStateか？

559 javascript  reactjs 

私はナビゲーションにAjaxとハッシュを使用しています。 window.location.hashこのように変更されたかどうかを確認する方法はありますか？ http://example.com/blah ＃123へhttp://example.com/blah ＃456 ドキュメントの読み込み時にチェックすると機能します。 しかし、＃hashベースのナビゲーションがある場合、ブラウザーの戻るボタンを押しても機能しません（そのため、blah＃456からblah＃123にジャンプします）。 アドレスボックス内に表示されますが、JavaScriptではキャッチできません。

558 javascript  ajax  dom-events  fragment-identifier  hashchange 

巨大なjQueryアプリケーションがあり、クリックイベントに以下の2つのメソッドを使用しています。 最初の方法 HTML <div id="myDiv">Some Content</div> jQuery $('#myDiv').click(function(){ //Some code }); 第二の方法 HTML <div id="myDiv" onClick="divFunction()">Some Content</div> JavaScript関数呼び出し function divFunction(){ //Some code } 私のアプリケーションでは、1番目または2番目の方法を使用しています。どっちがいいですか？パフォーマンスに優れていますか？そして標準？

558 javascript  jquery  html  jquery-events 

多くの人（私を含む）を悩ませているようです。 ng-optionsAngularJS のディレクティブを使用して<select>タグのオプションを入力するとき、オプションの値を設定する方法がわかりません。これのドキュメントは本当に不明確です-少なくとも私のような単純な人にとっては。 私はオプションのテキストを次のように簡単に設定できます： ng-options="select p.text for p in resultOptions" resultOptionsたとえば、次のような場合です。 [ { "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ] これは、オプションの値を設定するための最も簡単な方法であるはずです（おそらくそうでしょう）が、今のところ、それを取得できません。

557 javascript  angularjs 

JavaScript変数の命名に使用できる文字はどれですか？ ここで仕事をしているJavaScriptを使用しないユーザー向けの小さな「拡張ライブラリ」を作成したいと考えています（言語に関してはすべてが不快に思えます）。jQueryとPrototypeの両方で$ドル記号を使用する方法が大好きです。jQueryを使用しているので、使用するもう1つの優れた1文字の記号を探しています。 私はいくつかの文字をテストできることを理解していますが、最初に文字のリストを絞り込むことを望んでいます（おそらく別の人気のあるライブラリとの将来の統合を考慮して）。

557 javascript  character 

<iframe>HTMLページにを読み込んで、JavaScriptを使用してページ内の要素にアクセスしようとしていますが、コードを実行しようとすると、次のエラーが発生します。 SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. フレーム内の要素にアクセスできるように、解決策を見つけるのを手伝っていただけませんか？ 私はこのコードをテストに使用していますが、無駄です： $(document).ready(function() { var iframeWindow = document.getElementById("my-iframe-id").contentWindow; iframeWindow.addEventListener("load", function() { var doc = iframe.contentDocument || iframe.contentWindow.document; var target = doc.getElementById("my-target-id"); target.innerHTML = "Found it!"; }); });

556 javascript  jquery  security  iframe  same-origin-policy 

RGB形式の色を16進形式に、またはその逆に変換する方法は？ たとえば、に変換'#0080C0'し(0, 128, 192)ます。

555 javascript  colors  hex  rgb 

HTML Webページにテキストボックスを表示する次のコードがあります。 <input type="text" id="userid" name="userid" value="Please enter the user ID" /> ページが表示されると、テキストに「ユーザーIDを入力してください」というメッセージが含まれます。ただし、すべてのテキストを選択するには、ユーザーが3回クリックする必要があることがわかりました（この場合は、ユーザーIDを入力してください）。 ワンクリックでテキスト全体を選択することは可能ですか？ 編集： すみません、言うのを忘れました：入力を使用する必要があります type="text"

555 javascript  html  textinput 

PHPでできますif(isset($array['foo'])) { ... }。JavaScript if(array.foo) { ... }では同じことをするためによく使用しますが、これはまったく同じステートメントではありません。条件がarray.foo存在する場合でも条件はfalseと評価されますが、falseor 0（およびおそらく他の値も）です。 issetJavaScript でPHPに完全に相当するものは何ですか？ 広い意味では、存在しない変数、値のない変数などのJavaScriptの処理に関する一般的で完全なガイドが便利です。

553 javascript  isset 

大きなファイルを1行ずつ読み込もうとしています。この問題を扱ったQuoraに関する質問を見つけましたが、全体を一致させるためにいくつかの接続がありません。 var Lazy=require("lazy"); new Lazy(process.stdin) .lines .forEach( function(line) { console.log(line.toString()); } ); process.stdin.resume(); このサンプルのように、STDINではなくファイルから一度に1行ずつ読み取る方法を理解したいと思います。 私は試した： fs.open('./VeryBigFile.csv', 'r', '0666', Process); function Process(err, fd) { if (err) throw err; // DO lazy read } しかし、それは機能していません。私はピンチでPHPのようなものにフォールバックできることを知っていますが、これを理解したいと思います。 私が実行しているサーバーがメモリを持っているサーバーよりもファイルが非常に大きいため、他の答えはうまくいかないと思います。

553 javascript  node.js  file-io  lazy-evaluation 

文字列内のスペースを削除するにはどうすればよいですか？例えば： 入力： '/var/www/site/Brand new document.docx' 出力： '/var/www/site/Brandnewdocument.docx'

552 javascript  text 

特定の条件が満たされた場合にのみReactコンポーネントに属性を追加する方法はありますか？ レンダリング後のAjax呼び出しに基づいてフォーム要素にrequired属性とreadOnly属性を追加することになっていますが、readOnly = "false"は属性を完全に省略するのと同じではないため、これを解決する方法を理解できません。 以下の例は、私が何を望んでいるかを説明しているはずですが、機能しません（解析エラー：予期しない識別子）。 var React = require('React'); var MyOwnInput = React.createClass({ render: function () { return ( <div> <input type="text" onChange={this.changeValue} value={this.getValue()} name={this.props.name}/> </div> ); } }); module.exports = React.createClass({ getInitialState: function () { return { isRequired: false } }, componentDidMount: function () { this.setState({ isRequired: true }); …

551 javascript  reactjs 

jQueryのAJAXサポートを介してFlickrとPanoramioから画像を取得するページを開発しています。 Flickr側は問題なく動作していますが、$.get(url, callback)Panoramioから起動しようとすると、Chromeのコンソールにエラーが表示されます。 XMLHttpRequestはhttp://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150を読み込めません。Origin nullはAccess-Control-Allow-Originでは許可されていません。 ブラウザから直接そのURLをクエリすると、正常に動作します。何が起こっているのですか、これを回避できますか？クエリを間違って作成していますか、またはこれはPanoramioが私がやろうとしていることを妨げるために行うものですか？ Googleは、エラーメッセージに関する有用な一致を表示しませんでした。 編集 この問題を示すサンプルコードを次に示します。 $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150'; $.get(url, function (jsonp) { var processImages = function (data) { alert('ok'); }; eval(jsonp); }); }); この例はオンラインで実行できます。 編集2 これを助けてくれたDarinに感謝します。 上記のコードは間違っています。 代わりにこれを使用してください： $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&minx=-30&miny=0&maxx=0&maxy=150&callback=?'; $.get(url, function (data) { // can use …

550 javascript  jquery  xmlhttprequest  cors  jsonp