2012-05-04 3 views
2

私はイメージマップがどのように動作するかをよく知ってるし、どのようになど、それらをコードにしながら...私はそれイメージマップコードを生成するために、イメージマップの作成者を使用する時間の無駄見つけ、その後、整頓にHTML Tidyのを使用それから、falseを返すようにonclickイベントを追加するすべてのイメージ属性を手動で追加し、特に大きなイメージマップの場合はhref = "#"を確認します。Image Map Creator/Generatorを使用すると、簡単にJavascriptのonclickイベントを追加できますか?

href urlsを追加するだけでなく、後でコードを手動で編集するのではなく、Javascriptイベント(onclickなど)を直接追加することをサポートするイメージマップの作成者を知っている人はいますか?

+1

なぜ手動で行うのではなく、すべてのことを行うJavaScriptを書くだけではないのですか?実行時にイベントハンドラをフックすることは大きな問題ではありません。 –

+0

私はちょうどこれをやりたい、それは大きなプロジェクトや何かのようではありません。私はTiddlywikiを使用しています。私はちょうどドキュメンテーションの目的のためにイメージを使用してtiddlerへのいくつかのリンクを作りたいと思います。イメージマップ作成ツールを使用してイメージマップを作成するのは簡単ですが、私が見つけたものはどれも、Javascriptイベントの追加を迅速に追加することはできません。 私はあなたが言っていることは簡単だと分かっていますが、なぜコードではなく、プログラムではないものを巻き返し、他のすべてと同じように簡単に生成することができます。 – leeand00

+0

私はたぶん既存のプロジェクトを編集してそこに追加することができますが、そのための時間はありません。私はこれらの「ビジュアルドキュメント」を一部の人々のために作成したいと考えています。 – leeand00

答えて

1

あなたはこの問題を間違った方法で解決しようとしています。この問題はイメージマップを作成することとは関係がなく、HTMLを操作することと関係しています。イメージマップ内のタグについて独特のものはありません。

だからあなたはあなたがイメージマップであることを起こるいくつかのHTML、にやりたいものの束を持っています。特にHTMLを操作するために特別に設計されたものを使用しないでください。 jQuery、あなたの問題を解決するには? jQueryのJavaScriptのツールであるという理由だけで、あなたが使用することはできませんという意味ではありません...

$('area').attr('href','#'); 
$('area').attr('onclick','.. whatever you want ...'); 

を「のonclickイベントを追加し、それらがfalseを返した、と確認のhrefは=という作る」#」

「HTMLとしてコピー」を参照してください。

ここで、onclick属性を追加するためにjQueryを使用すると、一般的に、イベントハンドラを追加する必要があるため、ほとんど意味がありませんしかし、HTMLを生成して、それをハードコードされたHTMLとしてコピー/ペーストする場合は、これを行うことができます。しかし、私は一般に、 "onclick"はav疫病のように、特に(あなたが言うように)たくさんの要素を持つイメージマップを持っている。帯域幅が無駄になります。とにかく、JavaScriptのハンドラをバインドしているので、すでにあなたのページにjavascriptがあることは明らかです。ハンドラをバインドするためにjavascriptを使用しないのはなぜですか?

+0

私は帯域幅を無駄にしなかった。私はTiddlywikiでメモを取っています。 Tiddlywikiは私のサムドライブです。しかし、あなたが作るポイントがほとんどの状況でまだ有効であることは、あなたの提案に感謝します。私はすぐに何かをやろうとしています。 **** shrugs **** – leeand00

+0

まあ、ええ、そして帯域幅は最近何を意味するのですか?数ナノ秒を節約するのではなく、イベントハンドラをスクリプトからバインドするのは、ハードコードするよりも一般的にちょっといいです。彼らが言っているように "Unubtrusive html"。しかし、私はすべてのユースケースがあると確信しており、Tiddlywikiが何であるかわからないので、あなたの状況に合っているかもしれません。 –

+0

Tiddlywikiはサーバーを必要とせず、サムドライブに座っているwikiです。これは自己修正HTMLファイルです。 – leeand00