JMP インタラクティブ HTML ファイルに HTML リンクを追加する方法こんにちは、JMP コミュニティです。
(JMP Pro 14.1.0、W10E 64 ビット)
私はいくつかの JMP インタラクティブ HTML ファイルを個別に保存しています。「列スイッチャー」を使用しているのですが、HTML には列の概念がないため、列を切り替えることができないため、この方法で保存する必要があります。
代わりに、分析 HTML ファイルの 1 つから別の分析 HTML ファイルへの href リンクを挿入したいと思います。
たとえば、「test.htm」という一方向分散分析インタラクティブ HTML があります。 JMP では、列スイッチャーを使用して水平方向のカテゴリ列を変更し、それを「test2.htm」として保存します。
HTM ファイルを編集して、それぞれのファイルに他のファイルに移動するためのリンクを埋め込みたいと思います。 これは可能でしょうか? <script> タグを使用したりするなど、いくつかのことを試しましたが、うまくいきません。 これは実行できるはずです。
よろしくお願いいたします。
DS
更新: そこで、JavaScript で JMP 関数を呼び出して、他のファイルにリンクし、ブラウザーで新しいタブを開く新しいボタンをインタラクティブ HTML の上部に生成できることがわかりました。 一時的な回避策ですが、理想的ではありません。 JavaScript 内のランダムなセクションに追加するのではなく、複数のファイルの編集がはるかに簡単になるように、見つけやすい場所に追加したいと考えています。 これをベースにして、HTML 経由で分析を簡単に切り替える方法についてのアイデアをいただければ幸いです。 ありがとう！
_(u,"test2.htm","spaceLeft","buttonSquare buttonUp")
Re: JMP インタラクティブ HTML ファイルに HTML リンクを追加する方法こんにちは@クリスマス、
Filter + 1 オプションは、一方のグラフをもう一方のグラフの選択フィルターとして動作させるためのものです。 ローカル データ フィルターをダッシュボードのフィルター側にドロップしないでください。 選択フィルターはインタラクティブ HTML ではサポートされていません。
1 つのレポートまたはプラットフォームのみをフィルターする場合は、ダッシュボードを作成する前にフィルターをグラフに追加することをお勧めします。
オプション 2 について質問しているので、ローカル データ フィルターを複数のタブ上の複数のレポートまたはプラットフォームに適用することが必要になると思います。 これをする、
- 新しい JMP アプリケーションを作成し、空のアプリケーションから開始することを選択します。 参照してください： https://www.jmp.com/support/help/en/16.0/index.shtml#page/jmp/Additional-examples-of-creating-applications.shtml JMP アプリケーションの作成の詳細については、「JMP アプリケーションの作成」を参照してください。
- データ フィルター コンテキスト ボックスをダブルクリックします。これにより、データ フィルター コンテキスト ボックスがワークスペースに追加されます。 このボックスに配置されたものはすべて、同じローカル データ フィルターを共有します。
- 「コンテナ」の下で、 Hリスト箱データ フィルター コンテキスト ボックスに入力します。これにより、このボックスに複数のオブジェクトを入れて水平に配置することができます。
- データ フィルター (ローカル) を H リスト ボックスにドラッグします。
- [コンテナ] で、タブ ボックスを H リスト ボックスにドラッグします。
- 次に、レポートまたはプラットフォームをタブ ボックスに追加します。
- アプリケーションを実行して、ローカル データ フィルターの設定を選択します。
次のようになります。
ローカル データ フィルターの Include モードを無効にしていることに注意してください。
インタラクティブ HTML にエクスポートできるはずです。次のようになります。
それが役立つことを願っています。
~ジョン
Re: JMP インタラクティブ HTML ファイルに HTML リンクを追加する方法こんにちはジョン、
2番目のオプションについて詳しく教えていただけますか? 私は別の課題に直面しています。 管理図を作成し、ローカル データ フィルターを含め、含めるのチェックを外して対話型 HTML として保存すると、フィルターは機能するようです。 しかし、2 つのパネルがあるダッシュボード、つまりフィルター + 1 ダッシュボード (グラフあり) で同じことを実行し、インクルードのチェックを外すと、フィルターは隣のグラフに対して対話的ではなくなります。 手伝ってもらえますか？ ありがとう。
Re: JMP インタラクティブ HTML ファイルに HTML リンクを追加する方法どういたしまして。
Re: JMP インタラクティブ HTML ファイルに HTML リンクを追加する方法こんにちは@John_Powell_JMP 、
HTML ファイルの列スイッチャーの問題を回避する方法について明確な説明をしていただき、ありがとうございます。 JMP Live を使用する必要性が十分にあるとは思えないので、機能するフォーマットを見つけたいと思ったのはこのためです。
私自身、HTML ファイルとしての [ダッシュボード] オプションが気に入っています。ある分析のデータが別の分析にリンクされているため、非常に優れています。 あなたが提供した 3 つのオプションをすべて生成し、データを共有する必要がある同僚と共有しました。 私は彼がどの方法を好むかを調べて、それを手伝います。
ありがとう！、
DS
Re: JMP インタラクティブ HTML ファイルに HTML リンクを追加する方法DSさん、こんにちは。
当社のインタラクティブ HTML ファイルは編集するように設計されていません。 ページがロードされるときに JavaScript コードを使用してコンテンツが構築されるため、挿入しようとしたものはすべて上書きされます。ただし、ボタンを追加するために圧縮された JavaScript コード内で奇妙な名前の関数を呼び出す <script> セクション自体の内容は除きます。 。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;ただし、列スイッチャーの各列にグラフを含む単一の Web ページを実現する方法がいくつかあります。 以下の最初の 2 つのオプションは、インタラクティブ HTML ファイルを再構築する場合に便利で、3 番目のオプションは、既存の HTML ファイルを操作する場合に便利です。 最後に、JMP Live をお持ちの場合、または JMP Public (JMP 15 とともに) を使用する予定がある場合、公開された列スイッチャーは追加の作業なしで期待どおりに動作することを言及しなかったら、私は怠慢になるでしょう。 見る&amp;amp;amp;lt;a href="https://community.jmp.com/t5/JMPer-Cable/Column-Switchers-in-JMP-Live/m-p/228135#U228135"&amp;amp;amp;gt;JMP Live の列スイッチャー&amp;amp;amp;lt;/a&amp;amp;amp;gt;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;1. インタラクティブ HTML ファイルを再構築する場合は、[分析のやり直し] を選択して列ごとに個別のレポートを作成し、列スイッチャーから別の列を選択します。 次に、[ファイル] &amp;amp;amp;gt; [発行] &amp;amp;amp;gt; [ファイルに発行] を使用して、作成したすべてのレポートを選択します。 これにより、プロットの各バリエーションのサムネイルを含む Web ページが生成され、クリックすると特定のバリエーションを起動できます。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;これでは「次へ」ボタンは作成されないため、次のボタンを選択するにはブラウザの戻るボタンを使用する必要があります。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;複数のサムネイルを含むページの代わりに「次へ」ボタンが必要な場合は、列スイッチャーの左側にある灰色の三角形を右クリックし、「項目を追加」&amp;amp;amp;gt;「URL 参照を追加」を選択します。 リンク名に「Next」と入力し、URL に http:// を削除して ./&amp;amp;amp;lt;nextFile.htm&amp;amp;amp;gt; と入力します。&amp;amp;amp;lt;nextFile.htm&amp;amp;amp;gt; は、次に表示するインタラクティブ HTML ファイルの名前です。 これを機能させるには、保存先のファイル名を事前に選択し、インタラクティブ HTML として保存するときに必ずそのファイル名を使用する必要があります。 シンプルにするために、すべてのファイルを同じフォルダーに保存する必要があります。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;2. 別のオプションは、ダッシュボードを作成し、各バリエーションを個別のタブに配置することです。 次に、ダッシュボードをインタラクティブ HTML として保存します。 この解決策が気に入っていただけましたら、詳しく説明させていただきます。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;3. 既存のインタラクティブ HTML ファイルを操作する必要がある場合は、各ファイルを次のファイルへの参照を持つ iFrame でラップできます。これらのラッパー ファイルを Frame1.htm、Frame2.htm、... と呼ぶことにしたとします。 FrameN.html それぞれは次のようになります。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;PRE&amp;amp;amp;gt;&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;body&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;style&amp;amp;amp;amp;gt;
.next { position:absolute; right:0; margin-right:30px; z-index:10000 }
.wrapper { position:absolute; top:0; left: 0; right: 0; bottom: 0; }
.wrapper iframe { display:block; width:100%; height:100%; border:none; }
&amp;amp;amp;amp;lt;/style&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;a class="next" href="./Frame2.htm"&amp;amp;amp;amp;gt;Next&amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;div class="wrapper"&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;iframe frameborder="0" src="./oneway.htm" &amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/iframe&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/body&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/html&amp;amp;amp;amp;gt;&amp;amp;amp;lt;/PRE&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;lt;a&amp;amp;amp;gt; 要素の href は次のラッパー ファイル (./FrameX.htm) を指し、最後のラッパー ファイルは最初のラッパー ファイルを指すことができます。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;lt;iframe&amp;amp;amp;gt; 要素の src は既存のインタラクティブ HTML ファイルの名前であり、FrameX.htm ファイルごとに異なります。 ファイル名の前の「./」は、フレーム ファイルと元のインタラクティブ HTML ファイルがすべて同じフォルダー内にあることを前提としていますが、これは別のフォルダーを指すように変更できます。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;これらの解決策の 1 つが、あなたが見つけた解決策よりもうまく機能することを願っています。&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;-ジョン&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;
&amp;amp;amp;lt;P&amp;amp;amp;gt;&amp;amp;amp;nbsp;&amp;amp;amp;lt;/P&amp;amp;amp;gt;&amp;amp;amp;lt;/lingo-body&amp;amp;amp;gt;
