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

ECMAScript（JavaScript / JS）とそのさまざまな方言/実装（ActionScriptを除く）でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

12
Javascript .querySelector find <div> by innerTEXT
特定のテキストを含むDIVを見つけるにはどうすればよいですか？例えば： &lt;div&gt; SomeText, text continues. &lt;/div&gt; 次のようなものを使用しようとしています： var text = document.querySelector('div[SomeText*]').innerTEXT; alert(text); もちろん、それは機能しません。どうすればできますか？
5
Vue.jsは@changeで選択されたオプションを取得します
まず、Vueは初めてだと言いたいのですが、これはVueを使用した初めてのプロジェクトです。コンボボックスがあり、選択したコンボボックスに基づいて別のことをしたいのですが。私は別々のvue.htmlとtypescriptファイルを使用しています。これが私のコードです。 &lt;select name="LeaveType" @change="onChange()" class="form-control"&gt; &lt;option value="1"&gt;Annual Leave/ Off-Day&lt;/option&gt; &lt;option value="2"&gt;On Demand Leave&lt;/option&gt; &lt;/select&gt; これが私のtsファイルです onChange(value) { console.log(value); } typescript関数で選択したオプション値を取得するにはどうすればよいですか？ありがとう。
3
子コンポーネント内からReactContextを更新する方法は？
私は以下のような文脈で言語設定を持っています class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; 私のアプリケーションコードは次のようになります &lt;LanguageProvider&gt; &lt;App&gt; &lt;MyPage /&gt; &lt;/App&gt; &lt;/LanguageProvider&gt; 私のページには言語を切り替えるコンポーネントがあります &lt;MyPage&gt; &lt;LanguageSwitcher/&gt; &lt;/MyPage&gt; LanguageSwitcher このMyPage場合、以下のようにコンテキストを更新して言語を「jp」に変更する必要があります class LanguageSwitcher extends Component { static contextTypes …
9
PHPへのAngularJS HTTPポストおよび未定義
タグ付きのフォームがあります ng-submit="login() 関数はJavaScriptで正常に呼び出されます。 function LoginForm($scope, $http) { $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; $scope.email = "fsdg@sdf.com"; $scope.password = "1234"; $scope.login = function() { data = { 'email' : $scope.email, 'password' : $scope.password }; $http.post('resources/curl.php', data) .success(function(data, status, headers, config) { console.log(status + ' - ' + data); }) .error(function(data, status, headers, config) …
9
jQueryのform.serializeを使用して空のフィールドを除外する方法
GETを介して送信するテキスト入力とドロップダウンの数が多い検索フォームがあります。検索を実行するときにクエリ文字列から空のフィールドを削除して、検索URLを整理したいのですが。 var form = $("form"); var serializedFormStr = form.serialize(); // I'd like to remove inputs where value is '' or '.' here window.location.href = '/search?' + serializedFormStr jQueryを使用してこれを行う方法を教えてください。
4
jqueryでテキストボックスの値を設定する方法
jqueryを使用して特定の値をテキストボックスに適切にロードするにはどうすればよいですか？以下の1つを試してみましたが、[object Object]出力として得られます これについて教えてください、jqueryは初めてです。 proc = function(x, y) { var str1 = $('#pid').value; var str2 = $('#qtytobuy').value; var str3 = $('#subtotal').load('compz.php?prodid=' + x + '&amp;qbuys=' + y); $('#subtotal').val(str3); } &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; &lt;form name="yoh" method="get"&gt; Product id: &lt;input type="text" name="pid" value=""&gt;&lt;br/&gt; Quantity to buy:&lt;input type="text" name="qtytobuy" value="" onkeyup="proc(document.yoh.pid.value, this.value);"&gt;&lt;/br&gt; Subtotal:&lt;input type="text" name="subtotal" …
107 javascript  jquery 
6
JavaScript内でSVGテキストを改行する方法は？
だからここに私が持っているものがあります： &lt;path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/&gt; &lt;rect class="tooltip_bg" id="tooltip_bg" ... /&gt; &lt;text class="tooltip" id="tooltip" ...&gt;Tooltip&lt;/text&gt; &lt;script&gt; &lt;![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set visibility ... } ... これで、alert（）を使用しても、非常に長いツールチップテキストには改行がありません。それは、テキストが実際には2行あることを示しています。（ただし、「\」が含まれていますが、どうすれば削除 …
8
データのフェッチ中にReact Reduxアプリで読み込みインジケーターを表示するにはどうすればよいですか？[閉まっている]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 2年前休業。 この質問を改善する React / Reduxは初めてです。ReduxアプリでフェッチAPIミドルウェアを使用してAPIを処理しています。（redux-api-middleware）です。これは非同期APIアクションを処理する良い方法だと思います。しかし、私は自分で解決できないいくつかのケースを見つけます。 ホームページ（Lifecycle）が言うように、フェッチAPIライフサイクルは、CALL_APIアクションのディスパッチで始まり、FSAアクションのディスパッチで終わります。 したがって、私の最初のケースは、APIをフェッチするときにプリローダーを表示/非表示にすることです。ミドルウェアは、最初にFSAアクションをディスパッチし、最後にFSAアクションをディスパッチします。両方のアクションは、一部の通常のデータ処理のみを実行するレデューサーによって受信されます。UI操作や操作はありません。多分私は状態で処理ステータスを保存し、ストアの更新時にそれらをレンダリングする必要があります。 しかし、これを行う方法は？ページ全体に反応するコンポーネントのフロー？他のアクションからストアを更新するとどうなりますか？つまり、州というよりイベントのようなものです。 さらに悪いケースとして、redux / reactアプリでネイティブの確認ダイアログまたはアラートダイアログを使用する必要がある場合はどうすればよいですか？それらはどこに置くべきですか、行動または減力剤？ ご多幸を祈る！返信をお願いします。
15
HTML canvas JavaScriptライブラリとフレームワークの現在の最新技術は何ですか？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 7年前休業。 この質問を改善する 現在、新しいHTML 5アプリケーションでキャンバスを操作するためのオプションを調査していますが、HTMLキャンバスのJavaScriptライブラリとフレームワークの現在の状態はどうなっているのでしょうか。 特に、ゲーム開発に必要なもの（複雑なアニメーション、シーングラフの管理、イベントの処理、ユーザーインタラクション）をサポートするフレームワークはありますか？ また、商用製品とオープンソース製品の両方を検討する用意があります。
8
いつjQueryのdocument.ready関数を使用すればよいですか？
私が最初にJavascript / jQueryを使い始めたとき、document.readyを使うように言われましたが、その理由を本当に知りませんでした。 誰かがjavascript / jqueryコードをjQueryの中にラップするのが理にかなっているときについていくつかの基本的なガイドラインを提供するかもしれdocument.readyませんか？ 興味のあるトピック： jQueryの.on()メソッド：.on()AJAX のメソッドをかなり使用しています（通常、動的に作成されたDOM要素に対して）。必要がある.on()クリックハンドラは常になる内部 document.ready？ パフォーマンス：さまざまなjavascript / jQueryオブジェクトを document.readyの内部または外部に保持する方がパフォーマンスが高いですか（また、パフォーマンスの違いは重要ですか？）？ オブジェクトスコープ：AJAXで読み込まれたページは、前のページのdocument.ready 内にあったオブジェクトにアクセスできません。よろしいですか？document.readyの外部にあるオブジェクト（つまり、本当に「グローバル」なオブジェクト）にのみアクセスできますか？ 更新：ベストプラクティスに従うために、すべてのJavaScript（jQueryライブラリとアプリのコード）はHTMLページの下部にありdefer、AJAXでロードされたページでjQueryを含むスクリプトの属性を使用して、これらのページでjQueryライブラリにアクセスできます。
5
実世界のデータでテストするための公的にアクセス可能なJSONデータソースはありますか？[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する JavaScriptで動的に読み込まれるツリービューのユーザーコントロールに取り組んでいます。実際のデータでテストしたいのですが。 JSON形式の階層データへのアクセスを提供するAPIを備えたパブリックサービスを知っている人はいますか？
7
私のプロジェクトとこれらのJavaScriptフレームワークのどこが間違っていますか？
まず、私が作成したいプロジェクトの最も重要な部分は、単一ページのWebアプリとして実装されたWikiエンジンです。私は、多くの機能を追加して、最初から利用可能な一連の機能を用意する予定です。 基本的な機能 ページの作成（Wiki記事とその記事のディスカッションフォーラムの両方を作成します） マークアップとWYSIWYG ala markitup マークアップ/ html / WYSIWYG間のオンザフライ変換 クイックナビゲートするサイドバー 編集/表示を選択するための上部ツールバー 高度な機能 別の方法でナビゲートするための設定可能なサイドバー 構成可能なツールバー（選択したマークアップ言語を追加する可能性があります） タグ 編集可能なToDo ファイルのアップロードと画像の添付ファイルをドラッグアンドドロップする エンジンは元々、最も基本的なページの作成、マークアップとWYSIWYGの編集、および保存で構成されます。最終的には、この基本的なエンジンを、画像のドラッグアンドドロップサポート、ファイルのアップロード、ライブデータグラフ、ビューをカスタマイズするためのサイドバーで拡張したいと思います。 私は自分のプロジェクトのベースとなる適切なプロジェクトをかなり広範囲にわたって検索しましたが、TiddlyWiki以外に、JavaScriptベースの優れたWikiエンジンはないようです。また、既存のWikiエンジンの上にJqueryを適用することも検討しましたが、いずれにしても最終的には書き直してしまうことになると思います（加えて、必要な機能を追加していくと、さらにエキサイティングになります）。どちらの方法でも、JavaScriptライブラリ+フレームワークを使用してこの獣を実装することに到達しました。 私はこれらのフレームワークのいくつかを互いに比較することは実際にはできないことを知っています。私はそれぞれのフレームワークの比較可能な部分に対して比較コメント/質問を組み立てようとしましたが、修正されることは許されています。 だからここに行きます： 自分の調査と意見に基づき、以下の項目に絞り込みました。SproutCore、corMVC、YUIなどを意図的に省略したのは、限られた容量の中で、以下の項目の方が適していると考えたためです。 私のオプション jquery + jqueryUI + backbonejs ノックアウト javascriptMVC 道場 ExtJS カプチーノ jquery / UI + backbonejs 全体 私が読んだことから、この組み合わせは多くの人に愛用されており、非常に柔軟で拡張可能です。私の主な懸念は、この組み合わせは、デスクトップ指向のUIインターフェースを開発するための最適な出発点ではないということです。 UI jQueryUIまたはjqueryToolsは競争力があるかもしれませんが、他のフレームワークのUI機能と同等ではないようです。具体的には、それらは効果には重いようですが、適切なレイアウトスライスのサポートには欠けています。 javascriptMVC 全体 私にとってのJavascriptMVCは、ドキュメント化（documentJS）、機能テスト（funcUnit）、およびコードと依存関係の管理（stealJS）のための他のいくつかのアプリと共に、本質的にjquery + MVC（jqueryMX）拡張であるように見えます。追加モジュールの利点を超えて、機能的な議論は本当にbackbonejsとjqueryMXに帰着すると思います。 機能：ジュピター（jMVCのメーカー）の機能の概要 jqueryMXへのリンク …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.