問題タブ [partial-page-refresh]
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.
javascript - 部分的に更新されたサイトが機能しない
Webサイトの一部(トピックのリストが表示される左側)を更新しようとしていますが、機能しません。更新ボタンをクリックすると、左側に非常に奇妙な画面が表示されます。私が使用しているスクリプトは次のとおりです。
私が得ている奇妙な画面は、ランダムなテキストが表示された白い空白の画面です(これは存在しません)。なぜそれが起こっているのか分かりません。ライブの例:(編集済み)に移動し、左側のフレームで[更新]をクリックします。
編集:
HTMLスニペット:<body class="bgleft">
javascript - 更新なしの Web ページの更新が機能しない
更新せずにページを更新して遊んでいて、いくつかのチュートリアルを読んで、次のコードを思いつきました。ただし、機能していないようです。ボタンを押しても何も起きないようです。
Index.php コード
update.php コード
jquery - JQuery の読み込みで更新した後、HTML テーブルの行の幅が広すぎる
お客様の Web サイトで問題が発生しました (Internet Explorer 内のみ、Internet Explorer 9 でテスト済み)。以下のスクリーンショットに示すように、div 内のテーブルが JQuery の load-Function を使用して更新されるたびに、1 つのテーブル行が広すぎます。生成された HTML コードと JQuery 関数を確認しましたが、間違いは見つかりませんでした。
誰かがこのようなものを見たことがありますか、それを解決する方法を知っていますか?
さらに、Web サイトは Firefox と Chrome で問題なく動作します。
テーブルを動的な幅にしたいと思います。ページの現在のレイアウトは、左側の固定幅のナビゲーション領域と右側のコンテンツ領域で構成されており、動的にスケーリングする必要があります。
不正な形式の Web サイトのスクリーンショット
スクリーンショットの HTML コード
テーブルを更新するための JQuery コード
html - Jinja2 テンプレート HTML フォーム - 更新選択
イベントのリストを Google カレンダーに追加するアプリを作成しました。テンプレート フレームワークとして Jinja2 を使用しています。テンプレートに選択ボックスがあり、予定をアップロードするカレンダーをユーザーが選択できるようにしています。次のようになります。
したがって、最初のロードでは、すべてのユーザーのカレンダーが表示されます。ただし、その場で新しいカレンダーを作成するオプションも提供しています。フォームがあるページはアップロードされたデータを扱っているため、ページ全体を単純にリロードして更新することはできません<select>
。
その場で更新するボタンを<input type="text">
使用して追加のカレンダーを作成することは可能ですか? もしそうなら、どこで解決策を探す必要がありますか?submit
select
今、私はその側でリッスンしているハンドラーを持っていaction="/succes"
ます。ただし、アクションの結果、つまりアップロードされた予定を表示する新しいページを作成する投稿時。サクセスハンドラーをトリガーしない別の投稿を実装するにはどうすればよいですか?
ajax - ビューのパブリック側でwpプラグインを自動更新する方法(自動ロードページ)
最初に言わなければならないのは、技術的な解決策を検索するときはほとんどの場合、検索エンジンが私をこのサイトに誘導することです。私はここで答えを探すだけでそのようなたくさんのことを学んだことを認めます。
しかし、コーダーではないことも言わなければなりません。だから、ここではあまり理解していません;)
わかりました、問題:
wpadmin内でワードプレスのテーブルまたはカレンダーを更新したい。これらの変更は、パブリック側で自動的に、そして多かれ少なかれ即座に更新される必要があります(数秒で完全に問題ありません)。
私はheader.phpの操作に関する解決策を見つけました、私が見つけたいくつかのajaxプラグインを見つけました-数えるには多すぎます-ajaxをwpに実装する方法に関する情報
悲しいことに、プラグインはほとんど機能しないか、古くなっているか、無数のファイル編集が必要なため、これらのどれも私を助けることができませんでした。ループしたくないので、header.phpを操作するのは奇妙に思えます-ページ全体を更新したり、投稿したりしますが、たとえばテーブルやカレンダーのデータだけを更新します。
では、wp adminでデータを編集したら、プラグイン「All-in-One Event Calendar by Timely」を入手して、カレンダーの公開部分を更新する方法を知っているコーダーはいるかもしれません。
これを解決するために、あらゆる方向のポインタに大いに感謝します。
PS:「ajaxifyeverything」のようなプラグインについてどう思いますか?これが本当に進むべき道かどうかわからない。
繰り返しになりますが、あなたの助け、時間、そして貢献に感謝します!
アップデート
追加の質問:「ajaxify」するパーツを選択できるプラグインを見つけました。
そのようなプラグインは私に特定の関数名を尋ねるでしょう。
さて、どこからこの情報を収集し始めますか?
以下は、wordpressadmin内のプラグインコンテキストからの指示です
関数のAjaxizedDIVを生成します
Ajaxizeを使用すると、サイト上のほぼすべてのphp関数をajaxizeできます。
プラグイン、あなたが書いた関数、あるいはコアワードプレス関数でさえありえます。
現在、いくつかの(明白またはあまり明白ではない)制限があります:
関数は有効なHTMLを返す必要があります-これはphpで呼び出され、Ajax呼び出しを介して返されます関数はパラメーターを受け入れることができません(少なくとも現時点では)
以下に関数名を入力してください。
関数名:xxx入力フィールドxxxここに何を入力しますか?xxx
生成されたdivは、サイトの任意のページ/投稿に挿入でき、関数の呼び出しを自動的に修正します。
有効な関数名を入力し、関数がパラメータを必要とせず、有効なHTMLを返すことを確認してください。
javascript - ページ全体を更新せずに 10 秒ごとに Div を更新する方法は?
私は、サーバー側のスクリプトを許可しない Web サイト プラットフォームで作業しているため、jquery と javascript だけで十分です。10 秒ごとに受信トレイ メッセージ数を含む div を更新するサイトで動作するスクリプトを作成しようとしています。div を 10 秒ごとに更新することに成功しましたが、問題はページ ビューのカウントにあります。私のスクリプトはページ全体を更新し、ページ ビューをカウントしていますが、1 つの div だけを更新したいだけです。私のスクリプトが引き起こす問題の例は、ページ ビュー カウンター (フォーラムの投稿、ブログの投稿など) を持つサイトで何かを表示すると、スクリプトが更新されたためにページ ビューが狂ってしまうことです。私はJavascriptにかなり慣れていないので、これを回避する方法があるかどうかは完全にはわかりません.
私が取り組んでいるのは以下のとおりです。
$inbox_msg_countは、メッセージ数を取得する呼び出しであり、サイトが存在するプラットフォームによって提供されます。使用すると、メッセージ数が自動的に表示されます。
次に、すべての作業を行うスクリプトは次のとおりです。
私はおそらくこれを説明する最善の仕事をしていないことを認識していますが、それは私自身がかなり混乱しているためです. 前に述べたように、このコードは希望どおりに機能しますが、ページ全体を更新してページ ビューを増やしたくはありません。どんな助けでも大歓迎です。
node.js - Jade テンプレートの自動更新 Div (Node.js/Express)
Node.js、Express、Jade、および Redis を使用して、reversebeacon.net が提供する telnet ストリームからのスポットを表示するアプリを開発しています。これらのスポットは、アマチュア無線クラブのメンバーの Redis データベースと相互参照され、一致する場合は表示されます。私のアプリのテーブルで。これまでのところ、これはすべて素晴らしく機能しています。
残念ながら、テーブルに新しいスポットを表示するには、ページ全体を更新する必要があります。ページ全体を更新する間隔を設定するのではなく、テーブル (#activeDiv) を含む div のみを更新したいと思います。
私が Web で遭遇したほとんどの例は PHP を対象としており、これらを自分のアプリケーションに適応させようとしましたが、これまでのところあまり成功していません。
レイアウト.ジェイド
index.jade
asp.net-mvc - JQuery ダイアログに配置された MVC 3 部分ビューの内容を更新する方法
私の状況は非常に一般的です。Web 管理にマスター詳細環境があります。ダイアログから約 3500 のレコードから 1 つのレコードを選択できるようにする必要があります。
これが、ページネーションが必要な理由です。私の実装では、JQuery ダイアログと MVC 3 部分ビューを使用しています。下線ページを更新せずに、既に開いている JQuery ダイアログの内容を更新する可能性が必要です。
任意のページの後、JQuery ダイアログの部分ビューをクリックします。
マイページが更新され、JQuery ダイアログが消えました。
この状況の解決策はありますか?
asp.net - UpdatePanel内のGridViewは、コードビハインドを呼び出さないと更新されません
私はASP.Netを初めて使用し、UpdatePanel内でGridViewコントロールがどのように機能するかについて混乱しています。
「デフォルトでは、UpdatePanelコントロール内のポストバックコントロールは非同期のポストバックを引き起こし、パネルのコンテンツを更新します」というドキュメントをここで読みました。それでも、GridViewとButtonコントロールを要素内に配置すると、ボタンにgrid1.DataBind();を実行するための定義済みのOnClickイベントがない限り、グリッドはデータを更新しません。また、ボタンのUpdatePanelでAsyncPostBackTriggerを指定してみましたが、同じ動作が得られました。ここで、OnClickイベントなしでButtonを押すと、UpdatePanelが更新されることに気付きましたが、その中のGridViewは更新されません。これに光を当てていただけませんか?明示的に更新するには、コードビハインドを常に呼び出す必要がありますか?
Web.Configの接続文字列
私のDefault.aspx
btnRefresh1の背後にある私のコード
ありがとうございました
javascript - 15秒ごとにテキストファイルの内容を読みます
私は音楽サイトで作業しています。サーバー上に、現在再生中の曲の名前を含むテキストファイルがあります。50秒ごとにテキストファイルを読み、更新せずにサイトに表示されるテキストを変更したいと思います。
さて、少しのjQueryとjavascriptを使用して、ファイルが最初に読み取られて表示されるところまで実際に到達しましたが、更新されません。私はあらゆる種類のsetInterval関数を試しましたが、私の人生の間、この部分を機能させることはできません。どんな助けでも大歓迎です。
これが私が持っているものです: