セルをクリックしてアンカーにリンクする

質問

ただいま、自分で作ったフォントをGIF画像に並べて作っています。
しかし、それはとても小さい文字(横7ピクセル×縦8ピクセル)なのです。
ある程度読めるものの、念のために実際のＭＳ ゴシックなどのフォントとの対応表(横26行×縦30行くらい)を作っています。

さらに、その文字のセル部分をクリックしたら、下のほうにあるその文字の解説部分にリンクしようと思います。
ですが、セルが上のように大量にあるため、いちいち<a　href="#～">～</a>で囲むのは面倒くさいと感じます。
ここで、JavaScriptでこれが出来そうな気がしたのでやろうと思いましたが、自分でもよく分からず、検索してもどうもいい方法が見当たりません。
やはり面倒くさくても<a>でやらなければいけないのでしょうか。

だれかいい方法をご教授願います。

回答No.2

askaaska · ベストアンサー

Excelで大量に文字列を作成した後で
エディタにコピーして貼り付ければいいじゃない。
そこは応用を効かさないとだめよ。
周りにある便利なものを使いこなさないと。

ようするに26×30個の画像にリンクをつけたいんでしょ。
１列目に<a href="#
２列目にリンク先アンカー
３列目に">
４列目に・・・
という風にすれば一気にリンクをつけた画像の一覧を作成できるじゃない。
画像の一覧はコマンドプロンプトから取り出せばいいし
アンカーをどうつけるかによるけど
そんなに時間かけずにできるはずよ。

それともHTML内にaタグをたくさん書きたくないっていうこと？

だったらJavaScriptの配列にアンカー配列と画像配列を用意して
aタグをdocument.writeで描きだすって言う形になるわね。
配列への値の代入はExcelやエディタの置換処理を使えば
簡単に記述できるわ。

お礼

ナイスアイディア、ありがとうございます。
ExcelでHTMLファイルを出力するのかと思っていました・・・

ちなみに画像は文字をズラーっと並べたひとつのGIF画像なのでちょっと違うんですが、この方法を使えばいけると思います。ありがとうございました。

・・・GIF画像も完成していないのにこんなことを心配しています。

回答No.1

askaaska

どんな方法をとるにせよ
なんらかの形で対象にマークをつけないといけないわ。
私なら画像をExcelのセルに並べて
だーっとオートフィルで作っちゃったりするけど。
それじゃダメなのかしら。

補足

説明が足りなかったかもしれません。

僕が作りたいのは、

[大量な文字を入れた１つのGif画像]
(説明)
[ＭＳ ゴシックとの対応表]
(説明)
[aは～～～]
[bは～～～]
　：
　：
　：
(利用規約など)

というレイアウトの手打ちのHTMLファイルなので、Excelでは作れないような気がします。

引き続き何か良い方法をご教授願いします。