最初の見出し




二番目の見出し




三番目の見出し



このディレクトリのファイル

external.php
add_favicon.php






























Blog

勉強になったサイト

書き方

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">

(function($){
jQuery(function(){

var element = "h4";
var prefix = "test";

jQuery(element).each(function(i){
var fragment = prefix + i;

var title = "<li><a href=\"#" + fragment + "\">" +
jQuery(element).eq(i).html()+ "</a></li>" ;
$("#find").append(title);
$(this).attr("id", fragment ).prepend('<a href="#">△</a> ');
});

});

})(jQuery);

</script>

<ul id="find"><li>見出し</li></ul>

このドキュメントについて

#(フラグメント識別子)付のリンクについて、jQueryを使った。 特定エレメント用のアンカー作成スクリプト

blogやコンテンツマネージメントによる自動化処理を行わないで、ドキュメントを作成するときには、リンクの作成は、とても面倒なものです。別ページ以外へのリンクだけではなく、閲覧性を浴するために、ページ内リンクなどのナビゲーションも多数必要になります。

このスクリプトは、そのようなルーチンワークの労力減少と、クリーンなhtmlのために、ちょっとしたヒントになるかもしれないと思いました。

このスクリプトはオリジナルなので、何度も検証していませんので、不具合があるかもしれません。