続き
function dataout(data){
$('#result').empty();
var hits= parseInt(data.@attributes.totalResultsAvailable);
var itemPerPage = 10;
var pages=(hits % itemPerPage==0)?parseInt(hits/itemPerPage):parseInt(hits/itemPerPage)+1;
var currentItem = parseInt(data.@attributes.firstResultPosition);
var currentPage =parseInt(currentItem/itemPerPage);
$('#result').append('<hr><span>＜検索結果＞ ' + hits +'件</span>');
//Page Navigation 書き出し部
var nextguide;
if (pages<=10){
var pages=Math.min(
(hits % itemPerPage==0)?
parseInt(hits/itemPerPage):
parseInt(hits/itemPerPage)+1,10);
nextguide = NaviMenuAdd(pageset,pages,itemPerPage);
}else{
nextguide = NaviMenuAdd(pageset,10,itemPerPage);
var nextp =$(document.createElement("a"));
nextp.attr({href:"javascript:void(0);"});
nextp.text(">>");
nextp.bind("click",function(event){
event.preventDefault();
pageset=pageset+1;
Go_Search(pageset*10*itemPerPage+1);
});
nextguide.append(nextp);
if (pageset>0){
var prevp =$(document.createElement("a"));
prevp.attr({href:"javascript:void(0);"});
prevp.text("<<");
prevp.bind("click",function(event){
event.preventDefault();
pageset=pageset-1;
Go_Search(pageset*10*itemPerPage+1);
});
nextguide.prepend(prevp);
}
}
$('#result').append(nextguide);
$('#result > span > a').css({margin:"5px",color:"black",background:"#cff"});
if (pageset>0){
$('#result > span > a:eq('+ (currentPage%10+1) + ')').css("background","yellow");
}else{
$('#result > span > a:eq('+ currentPage%10 + ')').css("background","yellow");
}
//結果リスト書き出し部
var result = '<ul>';
$.each(data.Result,
function(index,value){
result += "<li><a href='" +
value.Url + "'>" +
value.Title + "</a></li>";
});
result += "</ul>";
$('#result').append(result);
}
});
</script>
</head>
<body>
<form>
<input type="text" id="keywd" />
<button type="button" id="btn">検索</button>
<div id="result"></div>
</form>
</body>
</html>
お礼
修正ありがとうございました。 おかげで、IE8, Google Chromeでも、無事、動作確認できました。 また、今回は、この質問のために、貴重なお時間を割いていただき、 ホントにありがとうございました。 なお、コードの中身等については、これから理解していきたいと思っていますので、 出来れば、リンク先とか、デモページとか、もうしばらくこのままの状態でいただけると、ありがたいです。 また、別室サイトの方も拝見しましたが、色々、サンプルを掲載されているようなので、 参考にさせていただきます。 ではー。