問題タブ [live-update]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3543 参照

json - jsonファイルを使用してhighstockにライブデータを追加する

サーバー上のjsonファイルからのライブデータでhighcharts highstockチャートを更新しようとしています。

これで、json ファイル (MySQL データベースからデータを要求する php で作成したもの) からデータを取得するチャートができました。

これまでのところ問題はありません。json ファイルからグラフを取得します。ただし、もちろん、新しいデータが利用可能になった場合は更新されません (ページをリロードした場合のみ)。

私がやりたいことは、このチャートをロードした後、ライブデータが利用可能になったときに追加することです。

この例のようなものですが、ランダムなデータの代わりに、ウェブサーバー上の (2 番目の) ライブ更新 json ファイルからのデータでグラフが更新されます。json ファイルは php によって作成されます (この部分は正常に動作しています)。しかし、json ファイルのデータを既存のハイストック チャートに追加する方法がわかりません。

また、highcharts.com でこの例を見つけまし 。多かれ少なかれ、私がやろうとしていることは実行されますが、「requestData」関数を既存のチャートに統合することはできません。

したがって、私がやりたいことは、2 番目の例の 'requestData' 関数を、私が既に持っている高株価チャートで使用することです。私の 2 番目の json ファイル (ライブ データを含む) は、2 番目の例 (タイムスタンプ、価格) と同じように見えます。

誰かが私を少し助けることができますか?

0 投票する
1 に答える
646 参照

ios - データがオンラインで変更された場合、テーブルビューを更新します

アプリから注文できるアプリをすでに作成しているホテルのアプリを作成しています。これらの注文はすべて、ページを更新することで Web ポータルで確認できます。

クライアントは、ウェイターが iPad で注文を確認できるアプリの作成を要求しました。

そのために、注文のすべてのリストが表示されるテーブルビューを用意します。

ただし、新しい注文が行われた場合にテーブルを更新する/データを追加する方法がわかりません。

つまり、注文が行われると、同時にウェイターがアラートを受け取り、テーブルビューを更新する必要があります。

注: iPad/iPhone は Web サービスを介してデータを取得します。


これは、1 分または 30 秒ごとに webservice を呼び出すことで実現できます。

しかし、私はこの方法をやりたくない...

新しいものが追加されると、webservice がそのデータを送信し、そのデータをテーブルビューに追加します。Webサービスが新しいデータが追加されたことをリスナーに送信することを意味します

Webサービスからリスナーが送信された場合、このリスナーをリッスンする方法を知る必要があります。

これに関する有用な情報をいただければ幸いです。

以下のリンクは、iOS の TCP に役立ちました。

http://www.tekritisoftware.com/sites/default/files/Socket_Programing_for_IOS.pdf

0 投票する
2 に答える
1043 参照

real-time - 2 台のモニターで HTML/CSS と Javascript をライブで再読み込み/更新しますか?

これに関するヘルプ/アドバイスをいただければ幸いです。

現代の Web デザイン/開発の標準的なセットアップと考えられるものを探しています。基本的に、デュアル モニターのセットアップがあり、1 つの画面でコーディングを行い、変更をリアルタイムで別の画面に表示したいと考えています。

昨日まで、私はこのように jsbin を使用していましたが、うまく機能していました。コーディング (HTML/CSS/jQuery) を使用して 1 つのブラウザーをセットアップし、2 番目のモニターで別のブラウザーを開き、入力するとすぐに更新されました。したがって、たとえば CSS ルールを変更すると、何もしなくても 2 番目のモニターにリアルタイムで表示されました。保存も、更新も、タブの切り替えもありません-何もありません。

ただし、何らかの理由で jsbin はリアルタイムでの更新を拒否するようになり、ブラウザーを手動で更新した場合にのみコードの変更が表示されます。これについて jsbin にメールしましたが、問題を診断できません。

だから私が探しているのは、オンラインの代替物か、ローカルの代替物です。ただし、これまでに試したすべて (つまりすべて) は、jsbin が行ったことを実行できません。

dabblet.com、jsFiddle.net、liveweave.com、codepen.io、cssdeck.com など

しかし、上記のすべては、最も重要なことであるコードの更新をリアルタイムで表示するために2番目のモニターに移動できる2番目のタブ/ブラウザーを提供しません。

確かにこれには簡単な解決策があるはずですか?Web サイトの開発中に 2 台のモニターでこのようにコーディングすることは一般的ではありませんか? これについて何か助けていただければ幸いです。

どうもありがとう
ベン

0 投票する
2 に答える
789 参照

javascript - HTML5 キャンバス アニメーション スライダー

私はJavascriptに比較的慣れていないので、これがJSの第一人者にとって簡単な修正になることを願っています.

シンプルな白い形がページに浮かんでいる、アニメーション化された html5 キャンバスを作成しようとしています。私の目的は、ページに浮かぶ白い形のサイズ、形状、速度などを制御するスライダーを作成することです。

アニメーションとスライダーを作成しましたが、スライダーからアニメーションに値を取得し、ユーザーがスライダーを変更したときにキャンバスを更新してこの新しい値を適用する方法に少し固執しています。

まず、スライダーの値を速度値に更新しようとしています。

HTML 本文コード:

0 投票する
1 に答える
70 参照

angularjs - 目標数入力変更

数値入力フィールドがあり、上下ボタンを使用して数値が増加または減少したとき、またはユーザーが価格を入力したときに、価格のライブ更新を表示したいと考えています。これが私がこれまでに持っているものです。どうすればこれを行うことができますか?HTML

コントローラ

0 投票する
2 に答える
112 参照

javascript - jQuery を使用して内部テキストをライブで更新する

現在取り組んでいるプロジェクトがあります。このプロジェクトでは、いくつかのボタンのテキストをライブ更新したいと考えています。私contenteditable="true"は自分のプロジェクトで使用しました。私には2つの解決策があります。最初のものは問題なく動作しますが、2番目のものには問題があります。ユーザーがキーを長時間押すと、キーを離さずにテキストが表示されます。
最初の例keyupではイベントを使用し、2 番目の例ではkeydownイベントを使用しました。keyupイベントが発生すると、ボタンの内側のテキストが新しいテキストに変わります。

ここに私の最初のもののコード(キーアップ)があります:

jsfiddle .

これが私の2番目のもののコードです(keydown):

jsfiddle。