3

私はこれを行う方法についてかなり長い間探し回っていましたが、それは実行不可能だと考え始めています。私は html や CSS の専門家とは言えませんが、多くの調査を行った結果、この特定の問題に関するチュートリアルは見つかりませんでした。

オンラインで公開するソフトウェア ユーザー ガイドをコーディングしています。このガイドには、ソフトウェアのスクリーンショットと図の番号が含まれます。元のコード (このプロジェクトは私が初めてではありません) は、各画像の番号をハードコードするだけで、情報が追加されるにつれてますます面倒になります。

単純に新しい画像を追加し、キャプションにタグを付けて、自動的に増加する図番号を含める方法があることを知っています。新しい図が追加された場合、新しい図の後のすべての図で番号が自動的に変更されるため、これは非常に役立ちます。

それが問題の唯一の側面である場合は、単純に CSS カウンターを使用して、それで完了です。ただし、ガイドのテキストで特定の図を参照できるようにしたい. 私の質問はこれです:CSSでこれを行う方法はありますか?

ガイド内のテキストの例は、「図 nは、x をカスタマイズするためのダイアログ ボックスを示しています。」数字をハードコーディングせずにガイドの n 番目の図を参照する方法はありますか?

CSS でこれができない場合、それができる別の言語はありますか?

編集： 明確にするために：図自体は連続してラベル付けされます。しかし、私の文章の中で、たとえば図 3 を参照したい場合は、どこにでもかまいません。

編集 2: 配列を使用して JavaScript の実装を試みました。ただし、Internet Explorer の一部のバージョンでは、コードのスクリプト部分の表示が拒否されているようです。

ドキュメントの本文内でタグを使用して<script></script>、head にある JavaScript 関数を呼び出しています。firefox と google chrome の両方がページを正常にロードするため、構文が正しくなければならないことはわかっています。これは単に IE が何かにうるさいのでしょうか? （確認しましたが、それは私のセキュリティ設定ではありません）。

4

1 に答える 1

0

つまり、ページ インデックス (インクリメント) と、保持している図の番号 (これもインクリメント) で物事を参照することは、2 つの同一のソリューションです。

実際の問題: 順序付けられた数値識別子のシーケンスを使用して図リストを維持することは、ドキュメントが長くなるほど難しくなります。

解決策: 数値ではなく図に名前を付け、ユーザーに表示する数値を生成します。これにより、順序付けされた番号がユーザーに与えられ、覚えやすい名前で図を参照できますが、編集のたびに図の番号を並べ替えたり変更したりする必要はありません。jQuery を使用した簡単な例を次に示します。

<h2>How to add a contact</h2>
<img id="add-contact" class="figure" src="figures/add-contact.png" />
<p><a href="#add-contact">This screenshot</a> shows the location of the Add Contact button.</p>

<script type="text/javascript">
   $(function() {
     var figNum = 0;
     $(".figure").each(function() {
       figNum++;
       $("a[href='#"+$(this).attr("id")+"']").append(" (figure "+figNum+")");
     });
   });
</script>
于 2012-06-02T14:13:03.603 に答える