-2

フォルダーとファイルの階層を持つレポーターであるアプリケーションを作成しています。下位の階層レベルには 2 種類のレポートがあります。単純なものは、単一の単純な行として表示されるフラット (リンクなし) レポートです。2 番目のタイプは、ヘッダーに一般的な説明があるリンクで、リンクをクリックすると詳細なレポートが表示されます。

例: telnet コマンドを実行すると、コマンドがヘッダーに表示されます。デバイスとのセッション全体を見たい場合は、リンクをクリックすると表示されます。

私の問題は、この行付きファイルのほとんどが小さいことですが、OS はすべてのファイルに最小限のスペースを予約するため、無駄に多くのディスク スペースを失うことです。私が実装したい解決策は、「ダミー」リンクです。これは、表示され、通常のリンクのように動作しますが、実際には「親」と同じファイルに保存されます (おそらく、それらのような他のリンクがたくさんあります)。

これまでに見たソリューションは、ページ内で「ジャンプ」するためだけのものですが、これは私が探しているものではありません。別のファイルのように表示したいのですが、「親」ファイルにこの情報を表示させたくありませんすべて (それを見る唯一の方法は、リンクをクリックすることです。それでも、この情報のみが表示され、他のファイルの内容は表示されません)。

アイデアはありますか？

4

1 に答える 1

1

Web ページの特定の部分にリンクするには、ユーザーがリンクをクリックしたときに移動する場所にアンカー リンクを配置します。

<a name="anchor"></a>

そしてそれにリンクします：

Click <a href="#anchor">here</a>

必要に応じて、「アンカー」をよりわかりやすい名前に置き換えることができます。

div を非表示/表示するには (次のコードはテストされていませんが、動作するはずです)

JQuery ソリューション (JQuery を使用している場合):

function toggle(divname) {
    $(divname).toggle();
}

対応する HTML:

<div id="content">some content</div>
<a onclick="toggle('content')">Click here to show/hide the content div!</a>

非 JQuery ソリューション:

function toggle(divname) {
    var adiv = document.getElementById(divname);
    if (adiv.style.display === 'block' || adiv.style.display === '') {
        adiv.style.display = 'none'; 
    } else {
        adiv.style.display = 'block'
    }
}

HTML:

<div style="display:hidden" id="content">Content</div>
<a onclick="toggle('content')">Click here to show/hide the content div!</a>
于 2012-06-13T05:09:44.493 に答える