2017-03-29 13 views
0

私は4つのタブ付きビュー(別々のHTMLページ)を持つプロジェクトに取り組んでいます。これらのビューのそれぞれには、d3.jsを使用して実装されたSVGチャートがたくさんあります。彼は&のタブ付きビューから別のビューに貼り付ける/移動するチャートをカットすることができます。これを達成する最良の方法は何ですか?私はすでに&のページの範囲内でチャートをドラッグ/移動するためにinteract.min.jsを使用しました。HTMLコントロールをあるページから別のページに移動

このプロジェクトはオフライン形式です。つまり、サーバーサイドの言語の使用はありません。あなたの提案はこの考え方に従うべきです。現在、ローカルファイルシステムに存在するフォルダからhtmlページをクリックすると、すべてのビューが起動します。

+1

私はこれらのツールは、そのような機能の任意の並べ替えを持っているとは思いません。あなたがしなければならないことは、おそらくコントロールをシリアル化してブラウザやセッションクッキーに保存する「エクスポートコントロール」ボタンを作成し、その「クッキー情報」を収集して新しいページにコントロールリストの一番下に表示され、通常の位置にドラッグできます。 – Forklift

+0

@Forkliftインタラクティブ機能はクライアントのための鍵だと思っていますが、バックグラウンドでエクスポート/インポートロジックを使用しても、そこに到達するのに役立ちます! –

+0

エクスポート、リダイレクト、およびインポートのアクションを自動的にトリガーし、すべてのクライアントがそこから行う必要のある、「1ページへの送信、2ページへの送信」を含む右クリックのコンテキストを各コントロールに追加することを検討できます好きな場所にドラッグするだけです。または、右クリック - >エクスポートを選択すると、ページを選択するウィザードが表示されます。 – Forklift

答えて

0

私はこれがあなたを助けるかもしれないと思います。 HTML1全体をHTML2タブと置き換えることができます。

HTML

<div id="div1"> HULK </div> 

<div id="div2">THOR </div> 

<input class="button" type="button" value="Replace THOR with HULK"> 

jQueryの

$(".button").click(function(){ 
$('#div2').replaceWith($('#div1').html()); 
}) 

これは私が考えるあなたを助けるだけのアイデアです。

JS Fiddle Demo

+0

問題は、移動するdivが異なるページにある可能性があるため、ソリューションがまったく機能しないことです。これは、DOMに存在するオブジェクトに対してのみ機能し、ユーザーが使用していないページでは使用できません。 – Forklift

+0

私はちょうど同じ概念がページのために使用するアイデアを与えた、あなたはそのHTMLを他のどこかに一時的に保存しなければならない。あなたが言ったように。 –

+0

@AmiteshKumar.itはページの境界を越えるときに適用するのが二重で、移動されているチャートの着陸予定場所は何かを前もって仮定できません!!あなたの提案を歓迎します! –

関連する問題