Compare text

Find the difference between two text files

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Tools

HTML Sitemap Widget (all posts link modify)

Created 2 years agoDiff never expires

7 removals

360 lines

14 additions

367 lines

// ---------------------------------------------------

// BLOGTOC

// ---------------------------------------------------

// BlogToc creates a clickable Table Of Contents for

// Blogger Blogs.

// It uses the JSON post feed, and create a ToC of it.

// The ToC can be sorted by title or by date, both

// ascending and descending, and can be filtered by

// label.

// ---------------------------------------------------

// Author: Syed Faizan Ali

// Url: https://www.mybloggerlab.com

// Version: 2

// Date: 2007-04-12

// ---------------------------------------------------

// Japanese Localization by Fujiyan.

// Url: https://fujilogic.blogspot.com/2019/05/sitemap.html

// ---------------------------------------------------

// global arrays

var postTitle = new Array(); // array of posttitles

var postUrl = new Array(); // array of posturls

var postDate = new Array(); // array of post publish dates

var postSum = new Array(); // array of post summaries

var postLabels = new Array();// array of post labels

// global variables

var sortBy = "datenewest"; // default value for sorting ToC

var tocLoaded = false; // true if feed is read and ToC can be displayed

var numChars = 250; // マウスオン時にツールチップ表示する概要文字数

var postFilter = ''; // デフォルトで表示するラベル名

var tocdiv = document.getElementById("bp_toc"); //the toc container

var totalEntires =0; //Entries grabbed till now

var totalPosts =0; //Total number of posts in the blog.

// main callback function

function loadtoc(json) {

function getPostData() {

// this functions reads all postdata from the json-feed and stores it in arrays

if ("entry" in json.feed) {

var numEntries = json.feed.entry.length;

totalEntires = totalEntires + numEntries;

totalPosts=json.feed.openSearch$totalResults.$t

if(totalPosts>totalEntires)

{

var nextjsoncall = document.createElement('script');

nextjsoncall.type = 'text/javascript';

startindex=totalEntires+1;

nextjsoncall.setAttribute("src", "/feeds/posts/summary?start-index=" + startindex + "&max-results=50&alt=json-in-script&callback=loadtoc");

tocdiv.appendChild(nextjsoncall);

}

// main loop gets all the entries from the feed

for (var i = 0; i < numEntries; i++) {

// get the entry from the feed

var entry = json.feed.entry[i];

// get the posttitle from the entry

var posttitle = entry.title.$t;

// get the post date from the entry

var postdate = entry.published.$t.substring(0,10).replace(/-/g,"/");

// get the post url from the entry

var posturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}

// get the post contents from the entry

// strip all html-characters, and reduce it to a summary

if ("content" in entry) {

var postcontent = entry.content.$t;}

else

if ("summary" in entry) {

var postcontent = entry.summary.$t;}

else var postcontent = "";

// strip off all html-tags

var re = /<\S[^>]*>/g;

postcontent = postcontent.replace(re, "");

// reduce postcontent to numchar characters, and then cut it off at the last whole word

if (postcontent.length > numChars) {

postcontent = postcontent.substring(0,numChars);

var quoteEnd = postcontent.lastIndexOf(" ");

postcontent = postcontent.substring(0,quoteEnd) + '...';

}

// get the post labels from the entry

var pll = '';

if ("category" in entry) {

for (var k = 0; k < entry.category.length; k++) {

pll += '<a href="javascript:filterPosts(\'' + entry.category[k].term + '\');" title="ラベル「' + entry.category[k].term + '」の記事を表示">' + entry.category[k].term + '</a>, ';

}

var l = pll.lastIndexOf(',');

if (l != -1) { pll = pll.substring(0,l); }

}

// add the post data to the arrays

postTitle.push(posttitle);

postDate.push(postdate);

postUrl.push(posturl);

postSum.push(postcontent);

postLabels.push(pll);

}

if(totalEntires==totalPosts) {tocLoaded=true;showToc();}

} // end of getPostData

// start of showtoc function body

// get the number of entries that are in the feed

// numEntries = json.feed.entry.length;

// get the postdata from the feed

getPostData();

// sort the arrays

sortPosts(sortBy);

tocLoaded = true;

}

// filter and sort functions

function filterPosts(filter) {

// This function changes the filter

// and displays the filtered list of posts

// document.getElementById("bp_toc").scrollTop = document.getElementById("bp_toc").offsetTop;;

postFilter = filter;

displayToc(postFilter);

} // end filterPosts

function allPosts() {

// This function resets the filter

// and displays all posts

postFilter = '';

displayToc(postFilter);

} // end allPosts

function sortPosts(sortBy) {

// This function is a simple bubble-sort routine

// that sorts the posts

function swapPosts(x,y) {

// Swaps 2 ToC-entries by swapping all array-elements

var temp = postTitle[x];

postTitle[x] = postTitle[y];

postTitle[y] = temp;

var temp = postDate[x];

postDate[x] = postDate[y];

postDate[y] = temp;

var temp = postUrl[x];

postUrl[x] = postUrl[y];

postUrl[y] = temp;

var temp = postSum[x];

postSum[x] = postSum[y];

postSum[y] = temp;

var temp = postLabels[x];

postLabels[x] = postLabels[y];

postLabels[y] = temp;

} // end swapPosts

for (var i=0; i < postTitle.length-1; i++) {

for (var j=i+1; j<postTitle.length; j++) {

if (sortBy == "titleasc") { if (postTitle[i] > postTitle[j]) { swapPosts(i,j); } }

if (sortBy == "titledesc") { if (postTitle[i] < postTitle[j]) { swapPosts(i,j); } }

if (sortBy == "dateoldest") { if (postDate[i] > postDate[j]) { swapPosts(i,j); } }

if (sortBy == "datenewest") { if (postDate[i] < postDate[j]) { swapPosts(i,j); } }

}

} // end sortPosts

// displaying the toc

function displayToc(filter) {

// this function creates a three-column table and adds it to the screen

var numDisplayed = 0;

var tocTable = '';

var tocHead1 = 'タイトル';

var tocTool1 = 'タイトル順に並べ替え';

var tocHead2 = '投稿日';

var tocTool2 = '投稿日順に並べ替え';

var tocHead3 = 'ラベル';

var tocHead3 = 'ラベルを選択';

var tocTool3 = '';

if (sortBy == "titleasc") {

tocTool1 += ' (降順)';

tocTool2 += ' (昇順)';

}

if (sortBy == "titledesc") {

tocTool1 += ' (昇順)';

tocTool2 += ' (昇順)';

}

if (sortBy == "dateoldest") {

tocTool1 += ' (昇順)';

tocTool2 += ' (昇順)';

}

if (sortBy == "datenewest") {

tocTool1 += ' (昇順)';

tocTool2 += ' (降順)';

}

if (postFilter != '') {

tocTool3 = '全ての記事を表示';

tocTool3 = '全ての記事を表示する';

}

tocTable += '<table>';

tocTable += '<tr>';

tocTable += '<td class="toc-header-col1">';

tocTable += '<a href="javascript:toggleTitleSort();" title="' + tocTool1 + '">' + tocHead1 + '</a>';

tocTable += '</td>';

tocTable += '<td class="toc-header-col2">';

tocTable += '<a href="javascript:toggleDateSort();" title="' + tocTool2 + '">' + tocHead2 + '</a>';

tocTable += '</td>';

tocTable += '<td class="toc-header-col3">';

tocTable += '<a href="javascript:allPosts();" title="' + tocTool3 + '">' + tocHead3 + '</a>';

tocTable += '<span>' + tocHead3 + '</span>';

tocTable += '</td>';

tocTable += '</tr>';

for (var i = 0; i < postTitle.length; i++) {

if (filter == '') {

tocTable += '<tr><td class="toc-entry-col1"><a href="' + postUrl[i] + '" title="' + postSum[i] + '">' + postTitle[i] + '</a></td><td class="toc-entry-col2">' + postDate[i] + '</td><td class="toc-entry-col3">' + postLabels[i] + '</td></tr>';

numDisplayed++;

} else {

z = postLabels[i].lastIndexOf(filter);

if ( z!= -1) {

numDisplayed++;

}

tocTable += '</table>';

if (numDisplayed == postTitle.length) {

var tocNote = '<span class="toc-note">全 ' + postTitle.length + ' 件の記事を表示中<br/></span>';

var tocNote = '<span class="toc-note">全 ' + postTitle.length + ' 件の記事を表示しています<br/></span>';

}

else {

var tocNote = '<span class="toc-note">全 '+ postTitle.length + ' 件中ラベル「<b>';

tocNote += postFilter + '</b>」の ' + numDisplayed + ' 件を表示中<br/></span>';

tocNote += postFilter + '</b>」の ' + numDisplayed + ' 件を表示しています<br/><a href="javascript:allPosts();">' + tocTool3 + '</a></span>';

}

tocdiv.innerHTML = tocNote + tocTable;

} // end of displayToc

function toggleTitleSort() {

if (sortBy == "titleasc") { sortBy = "titledesc"; }

else { sortBy = "titleasc"; }

sortPosts(sortBy);

displayToc(postFilter);

} // end toggleTitleSort

function toggleDateSort() {

if (sortBy == "datenewest") { sortBy = "dateoldest"; }

else { sortBy = "datenewest"; }

sortPosts(sortBy);

displayToc(postFilter);

} // end toggleTitleSort

function showToc() {

if (tocLoaded) {

displayToc(postFilter);

var toclink = document.getElementById("toclink");

}

</script>

<style>

#bp_toc {

margin: 0 auto 2em;

padding: 0;

width: 100%;

}

#bp_toc tbody {

border-bottom: 1px solid #ddd;

}

#bp_toc table {

width: 100%;

margin: 0 auto;

counter-reset: rowNumber;

border-collapse: collapse;

border-left: 1px solid #ddd;

}

#bp_toc table td {

border-right: 1px solid #ddd;

}

.toc-note {

line-height: 1.5em;

margin-bottom: 1em;

display: block;

text-align: center;

}

.toc-note a {/*全記事表示に戻すリンク*/

}

.toc-note a:hover {

}

#bp_toc tr:nth-child(2n) {

background: rgba(0,80,200,.1);/*奇数行の背景色*/

}

.toc-entry-col1 a:hover {

background: rgba(0,80,200,.2);/*タイトルホバー時の背景色*/

text-decoration: none!important;

}

#bp_toc table tr:first-child a {/*ヘッダー*/

#bp_toc table tr:first-child a,

#bp_toc table tr:first-child span {/*ヘッダー*/

background: #bbb;

color: #fff!important;

font-weight: bold;

text-align: center;

padding: 5px 0;

display: block;

width: 100%;

border-top: 1px solid #ddd;

}

#bp_toc table tr:first-child a:hover {

opacity: .8;

text-decoration: none;

}

.toc-header-col1 {

width: 55%;/*タイトル(番号含む)枠の幅*/

}

.toc-header-col2 {

width: 12%;/*投稿日枠の幅*/

}

.toc-header-col3 {

width: 33%;/*ラベル枠の幅*/

}

#bp_toc table tr td.toc-entry-col1:first-child::before {

content: counter(rowNumber);

width: 2.6em;/*記事番号枠の幅*/

text-align: center;

padding: 12px 3px 0;

border-right: 1px solid #ddd;

}

.toc-entry-col1 {/*記事番号*/

display: flex;

counter-increment: rowNumber;

font-size: 12px;

line-height: 1.5em;

}

.toc-entry-col1 a {/*タイトル*/

display: block;

height: 100%;

width: 100%;

font-size: 14px;

font-weight: bold;

padding: 10px .5em 10px;

line-height: 1.3em;

color: inherit!important;

}

.toc-entry-col2 {/*投稿日*/

font-size: 13px;

text-align: center;

}

.toc-entry-col3 {/*ラベル*/

font-size: 13px;

padding: 5px;

line-height: 1.5em;

}

</style>

Saved diffs

Original text

Open file

<div id="bp_toc">読込中...</div>
<script type="text/javascript">
// ---------------------------------------------------
// BLOGTOC
// ---------------------------------------------------
// BlogToc creates a clickable Table Of Contents for
// Blogger Blogs.
// It uses the JSON post feed, and create a ToC of it.
// The ToC can be sorted by title or by date, both
// ascending and descending, and can be filtered by
// label.
// ---------------------------------------------------
// Author: Syed Faizan Ali
// Url: https://www.mybloggerlab.com
// Version: 2
// Date: 2007-04-12
// ---------------------------------------------------
// Japanese Localization by Fujiyan.
// Url: https://fujilogic.blogspot.com/2019/05/sitemap.html
// ---------------------------------------------------
// global arrays
 
   var postTitle = new Array();   // array of posttitles
   var postUrl = new Array();     // array of posturls
   var postDate = new Array();  // array of post publish dates
   var postSum = new Array();  // array of post summaries
   var postLabels = new Array();// array of post labels
 
// global variables
   var sortBy = "datenewest"; // default value for sorting ToC
   var tocLoaded = false;        // true if feed is read and ToC can be displayed
   var numChars = 250;         // マウスオン時にツールチップ表示する概要文字数
   var postFilter = '';              // デフォルトで表示するラベル名
   var tocdiv = document.getElementById("bp_toc"); //the toc container
   var totalEntires =0; //Entries grabbed till now
   var totalPosts =0; //Total number of posts in the blog.
 
// main callback function
 
function loadtoc(json) {
 
   function getPostData() {
   // this functions reads all postdata from the json-feed and stores it in arrays
      if ("entry" in json.feed) {
         var numEntries = json.feed.entry.length;
         totalEntires = totalEntires + numEntries;
         totalPosts=json.feed.openSearch$totalResults.$t
         if(totalPosts>totalEntires)
         {
         var nextjsoncall = document.createElement('script');
         nextjsoncall.type = 'text/javascript';
         startindex=totalEntires+1;
         nextjsoncall.setAttribute("src", "/feeds/posts/summary?start-index=" + startindex + "&max-results=50&alt=json-in-script&callback=loadtoc");
         tocdiv.appendChild(nextjsoncall);
         }
      // main loop gets all the entries from the feed
         for (var i = 0; i < numEntries; i++) {
         // get the entry from the feed
            var entry = json.feed.entry[i];
 
         // get the posttitle from the entry
            var posttitle = entry.title.$t;
 
         // get the post date from the entry
            var postdate = entry.published.$t.substring(0,10).replace(/-/g,"/");
 
         // get the post url from the entry
            var posturl;
            for (var k = 0; k < entry.link.length; k++) {
               if (entry.link[k].rel == 'alternate') {
               posturl = entry.link[k].href;
               break;
               }
            }
 
         // get the post contents from the entry
         // strip all html-characters, and reduce it to a summary
            if ("content" in entry) {
               var postcontent = entry.content.$t;}
            else
               if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
               else var postcontent = "";
         // strip off all html-tags
            var re = /<\S[^>]*>/g;
            postcontent = postcontent.replace(re, "");
         // reduce postcontent to numchar characters, and then cut it off at the last whole word
            if (postcontent.length > numChars) {
               postcontent = postcontent.substring(0,numChars);
               var quoteEnd = postcontent.lastIndexOf(" ");
               postcontent = postcontent.substring(0,quoteEnd) + '...';
            }
 
         // get the post labels from the entry
            var pll = '';
            if ("category" in entry) {
               for (var k = 0; k < entry.category.length; k++) {
                  pll += '<a href="javascript:filterPosts(\'' + entry.category[k].term + '\');" title="ラベル 「' + entry.category[k].term + '」 の記事を表示">' + entry.category[k].term + '</a>,  ';
               }
            var l = pll.lastIndexOf(',');
            if (l != -1) { pll = pll.substring(0,l); }
            }
 
         // add the post data to the arrays
            postTitle.push(posttitle);
            postDate.push(postdate);
            postUrl.push(posturl);
            postSum.push(postcontent);
            postLabels.push(pll);
         }
      }
      if(totalEntires==totalPosts) {tocLoaded=true;showToc();}
   } // end of getPostData
 
// start of showtoc function body
// get the number of entries that are in the feed
//   numEntries = json.feed.entry.length;
 
// get the postdata from the feed
   getPostData();
 
// sort the arrays
   sortPosts(sortBy);
   tocLoaded = true;
}
 
 
 
// filter and sort functions
 
 
function filterPosts(filter) {
// This function changes the filter
// and displays the filtered list of posts
  // document.getElementById("bp_toc").scrollTop = document.getElementById("bp_toc").offsetTop;;
   postFilter = filter;
   displayToc(postFilter);
} // end filterPosts
 
function allPosts() {
// This function resets the filter
// and displays all posts
 
   postFilter = '';
   displayToc(postFilter);
} // end allPosts
 
function sortPosts(sortBy) {
// This function is a simple bubble-sort routine
// that sorts the posts
 
   function swapPosts(x,y) {
   // Swaps 2 ToC-entries by swapping all array-elements
      var temp = postTitle[x];
      postTitle[x] = postTitle[y];
      postTitle[y] = temp;
      var temp = postDate[x];
      postDate[x] = postDate[y];
      postDate[y] = temp;
      var temp = postUrl[x];
      postUrl[x] = postUrl[y];
      postUrl[y] = temp;
      var temp = postSum[x];
      postSum[x] = postSum[y];
      postSum[y] = temp;
      var temp = postLabels[x];
      postLabels[x] = postLabels[y];
      postLabels[y] = temp;
   } // end swapPosts
 
   for (var i=0; i < postTitle.length-1; i++) {
      for (var j=i+1; j<postTitle.length; j++) {
         if (sortBy == "titleasc") { if (postTitle[i] > postTitle[j]) { swapPosts(i,j); } }
         if (sortBy == "titledesc") { if (postTitle[i] < postTitle[j]) { swapPosts(i,j); } }
         if (sortBy == "dateoldest") { if (postDate[i] > postDate[j]) { swapPosts(i,j); } }
         if (sortBy == "datenewest") { if (postDate[i] < postDate[j]) { swapPosts(i,j); } }
      }
   }
} // end sortPosts
 
// displaying the toc
 
function displayToc(filter) {
// this function creates a three-column table and adds it to the screen
   var numDisplayed = 0;
   var tocTable = '';
   var tocHead1 = 'タイトル';
   var tocTool1 = 'タイトル順に並べ替え';
   var tocHead2 = '投稿日';
   var tocTool2 = '投稿日順に並べ替え';
   var tocHead3 = 'ラベル';
   var tocTool3 = '';
   if (sortBy == "titleasc") {
      tocTool1 += ' (降順)';
      tocTool2 += ' (昇順)';
   }
   if (sortBy == "titledesc") {
      tocTool1 += ' (昇順)';
      tocTool2 += ' (昇順)';
   }
   if (sortBy == "dateoldest") {
      tocTool1 += ' (昇順)';
      tocTool2 += ' (昇順)';
   }
   if (sortBy == "datenewest") {
      tocTool1 += ' (昇順)';
      tocTool2 += ' (降順)';
   }
   if (postFilter != '') {
      tocTool3 = '全ての記事を表示';
   }
   tocTable += '<table>';
   tocTable += '<tr>';
   tocTable += '<td class="toc-header-col1">';
   tocTable += '<a href="javascript:toggleTitleSort();" title="' + tocTool1 + '">' + tocHead1 + '</a>';
   tocTable += '</td>';
   tocTable += '<td class="toc-header-col2">';
   tocTable += '<a href="javascript:toggleDateSort();" title="' + tocTool2 + '">' + tocHead2 + '</a>';
   tocTable += '</td>';
   tocTable += '<td class="toc-header-col3">';
   tocTable += '<a href="javascript:allPosts();" title="' + tocTool3 + '">' + tocHead3 + '</a>';
   tocTable += '</td>';
   tocTable += '</tr>';
   for (var i = 0; i < postTitle.length; i++) {
      if (filter == '') {
         tocTable += '<tr><td class="toc-entry-col1"><a href="' + postUrl[i] + '" title="' + postSum[i] + '">' + postTitle[i] + '</a></td><td class="toc-entry-col2">' + postDate[i] + '</td><td class="toc-entry-col3">' + postLabels[i] + '</td></tr>';
         numDisplayed++;
      } else {
          z = postLabels[i].lastIndexOf(filter);
          if ( z!= -1) {
             tocTable += '<tr><td class="toc-entry-col1"><a href="' + postUrl[i] + '" title="' + postSum[i] + '">' + postTitle[i] + '</a></td><td class="toc-entry-col2">' + postDate[i] + '</td><td class="toc-entry-col3">' + postLabels[i] + '</td></tr>';
             numDisplayed++;
          }
        }
   }
   tocTable += '</table>';
   if (numDisplayed == postTitle.length) {
      var tocNote = '<span class="toc-note">全 ' + postTitle.length + ' 件の記事を表示中<br/></span>';
   }
   else {
      var tocNote = '<span class="toc-note">全 '+ postTitle.length + ' 件中 ラベル「<b>';
      tocNote += postFilter + '</b>」の ' + numDisplayed + ' 件を表示中<br/></span>';
   }
   tocdiv.innerHTML = tocNote + tocTable;
} // end of displayToc
 
function toggleTitleSort() {
   if (sortBy == "titleasc") { sortBy = "titledesc"; }
   else { sortBy = "titleasc"; }
   sortPosts(sortBy);
   displayToc(postFilter);
} // end toggleTitleSort
 
function toggleDateSort() {
   if (sortBy == "datenewest") { sortBy = "dateoldest"; }
   else { sortBy = "datenewest"; }
   sortPosts(sortBy);
   displayToc(postFilter);
} // end toggleTitleSort
 
 
function showToc() {
  if (tocLoaded) {
     displayToc(postFilter);
     var toclink = document.getElementById("toclink");
 
  }
}
 
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;max-results=50&amp;callback=loadtoc" type="text/javascript"></script>
 
<style>
#bp_toc {
    margin: 0 auto 2em;
    padding: 0;
    width: 100%;
}
#bp_toc tbody {
    border-bottom: 1px solid #ddd;
}
#bp_toc table {
    width: 100%;
    margin: 0 auto;
    counter-reset: rowNumber;
    border-collapse: collapse;
    border-left: 1px solid #ddd;
}
#bp_toc table td {
    border-right: 1px solid #ddd;
}
.toc-note {
    line-height: 1.5em;
    margin-bottom: 1em;
    display: block;
    text-align: center;
}
#bp_toc tr:nth-child(2n) {
    background: rgba(0,80,200,.1);/*奇数行の背景色*/
}
.toc-entry-col1 a:hover {
    background: rgba(0,80,200,.2);/*タイトルホバー時の背景色*/
    text-decoration: none!important;
}
#bp_toc table tr:first-child a {/*ヘッダー*/
    background: #bbb;
    color: #fff!important;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
}
#bp_toc table tr:first-child a:hover {
    opacity: .8;
    text-decoration: none;
}
.toc-header-col1 {
    width: 55%;/*タイトル(番号含む)枠の幅*/
}
.toc-header-col2 {
    width: 12%;/*投稿日枠の幅*/
}
.toc-header-col3 {
    width: 33%;/*ラベル枠の幅*/
}
#bp_toc table tr td.toc-entry-col1:first-child::before {
    content: counter(rowNumber);
    width: 2.6em;/*記事番号枠の幅*/
    text-align: center;
    padding: 12px 3px 0;
    border-right: 1px solid #ddd;
}
.toc-entry-col1 {/*記事番号*/
    display: flex;
    counter-increment: rowNumber;
    font-size: 12px;
    line-height: 1.5em;
}
.toc-entry-col1 a {/*タイトル*/
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    padding: 10px .5em 10px;
    line-height: 1.3em;
    color: inherit!important;
}
.toc-entry-col2 {/*投稿日*/
    font-size: 13px;
    text-align: center;
}
.toc-entry-col3 {/*ラベル*/
    font-size: 13px;
    padding: 5px;
    line-height: 1.5em;
}
</style>

Changed text

Open file

<div id="bp_toc">読込中...</div>
<script type="text/javascript">
// ---------------------------------------------------
// BLOGTOC
// ---------------------------------------------------
// BlogToc creates a clickable Table Of Contents for
// Blogger Blogs.
// It uses the JSON post feed, and create a ToC of it.
// The ToC can be sorted by title or by date, both
// ascending and descending, and can be filtered by
// label.
// ---------------------------------------------------
// Author: Syed Faizan Ali
// Url: https://www.mybloggerlab.com
// Version: 2
// Date: 2007-04-12
// ---------------------------------------------------
// Japanese Localization by Fujiyan.
// Url: https://fujilogic.blogspot.com/2019/05/sitemap.html
// ---------------------------------------------------
// global arrays
 
   var postTitle = new Array();   // array of posttitles
   var postUrl = new Array();     // array of posturls
   var postDate = new Array();  // array of post publish dates
   var postSum = new Array();  // array of post summaries
   var postLabels = new Array();// array of post labels
 
// global variables
   var sortBy = "datenewest"; // default value for sorting ToC
   var tocLoaded = false;        // true if feed is read and ToC can be displayed
   var numChars = 250;         // マウスオン時にツールチップ表示する概要文字数
   var postFilter = '';              // デフォルトで表示するラベル名
   var tocdiv = document.getElementById("bp_toc"); //the toc container
   var totalEntires =0; //Entries grabbed till now
   var totalPosts =0; //Total number of posts in the blog.
 
// main callback function
 
function loadtoc(json) {
 
   function getPostData() {
   // this functions reads all postdata from the json-feed and stores it in arrays
      if ("entry" in json.feed) {
         var numEntries = json.feed.entry.length;
         totalEntires = totalEntires + numEntries;
         totalPosts=json.feed.openSearch$totalResults.$t
         if(totalPosts>totalEntires)
         {
         var nextjsoncall = document.createElement('script');
         nextjsoncall.type = 'text/javascript';
         startindex=totalEntires+1;
         nextjsoncall.setAttribute("src", "/feeds/posts/summary?start-index=" + startindex + "&max-results=50&alt=json-in-script&callback=loadtoc");
         tocdiv.appendChild(nextjsoncall);
         }
      // main loop gets all the entries from the feed
         for (var i = 0; i < numEntries; i++) {
         // get the entry from the feed
            var entry = json.feed.entry[i];
 
         // get the posttitle from the entry
            var posttitle = entry.title.$t;
 
         // get the post date from the entry
            var postdate = entry.published.$t.substring(0,10).replace(/-/g,"/");
 
         // get the post url from the entry
            var posturl;
            for (var k = 0; k < entry.link.length; k++) {
               if (entry.link[k].rel == 'alternate') {
               posturl = entry.link[k].href;
               break;
               }
            }
 
         // get the post contents from the entry
         // strip all html-characters, and reduce it to a summary
            if ("content" in entry) {
               var postcontent = entry.content.$t;}
            else
               if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
               else var postcontent = "";
         // strip off all html-tags
            var re = /<\S[^>]*>/g;
            postcontent = postcontent.replace(re, "");
         // reduce postcontent to numchar characters, and then cut it off at the last whole word
            if (postcontent.length > numChars) {
               postcontent = postcontent.substring(0,numChars);
               var quoteEnd = postcontent.lastIndexOf(" ");
               postcontent = postcontent.substring(0,quoteEnd) + '...';
            }
 
         // get the post labels from the entry
            var pll = '';
            if ("category" in entry) {
               for (var k = 0; k < entry.category.length; k++) {
                  pll += '<a href="javascript:filterPosts(\'' + entry.category[k].term + '\');" title="ラベル 「' + entry.category[k].term + '」 の記事を表示">' + entry.category[k].term + '</a>,  ';
               }
            var l = pll.lastIndexOf(',');
            if (l != -1) { pll = pll.substring(0,l); }
            }
 
         // add the post data to the arrays
            postTitle.push(posttitle);
            postDate.push(postdate);
            postUrl.push(posturl);
            postSum.push(postcontent);
            postLabels.push(pll);
         }
      }
      if(totalEntires==totalPosts) {tocLoaded=true;showToc();}
   } // end of getPostData
 
// start of showtoc function body
// get the number of entries that are in the feed
//   numEntries = json.feed.entry.length;
 
// get the postdata from the feed
   getPostData();
 
// sort the arrays
   sortPosts(sortBy);
   tocLoaded = true;
}
 
 
 
// filter and sort functions
 
 
function filterPosts(filter) {
// This function changes the filter
// and displays the filtered list of posts
  // document.getElementById("bp_toc").scrollTop = document.getElementById("bp_toc").offsetTop;;
   postFilter = filter;
   displayToc(postFilter);
} // end filterPosts
 
function allPosts() {
// This function resets the filter
// and displays all posts
 
   postFilter = '';
   displayToc(postFilter);
} // end allPosts
 
function sortPosts(sortBy) {
// This function is a simple bubble-sort routine
// that sorts the posts
 
   function swapPosts(x,y) {
   // Swaps 2 ToC-entries by swapping all array-elements
      var temp = postTitle[x];
      postTitle[x] = postTitle[y];
      postTitle[y] = temp;
      var temp = postDate[x];
      postDate[x] = postDate[y];
      postDate[y] = temp;
      var temp = postUrl[x];
      postUrl[x] = postUrl[y];
      postUrl[y] = temp;
      var temp = postSum[x];
      postSum[x] = postSum[y];
      postSum[y] = temp;
      var temp = postLabels[x];
      postLabels[x] = postLabels[y];
      postLabels[y] = temp;
   } // end swapPosts
 
   for (var i=0; i < postTitle.length-1; i++) {
      for (var j=i+1; j<postTitle.length; j++) {
         if (sortBy == "titleasc") { if (postTitle[i] > postTitle[j]) { swapPosts(i,j); } }
         if (sortBy == "titledesc") { if (postTitle[i] < postTitle[j]) { swapPosts(i,j); } }
         if (sortBy == "dateoldest") { if (postDate[i] > postDate[j]) { swapPosts(i,j); } }
         if (sortBy == "datenewest") { if (postDate[i] < postDate[j]) { swapPosts(i,j); } }
      }
   }
} // end sortPosts
 
// displaying the toc
 
function displayToc(filter) {
// this function creates a three-column table and adds it to the screen
   var numDisplayed = 0;
   var tocTable = '';
   var tocHead1 = 'タイトル';
   var tocTool1 = 'タイトル順に並べ替え';
   var tocHead2 = '投稿日';
   var tocTool2 = '投稿日順に並べ替え';
   var tocHead3 = 'ラベルを選択';
   var tocTool3 = '';
   if (sortBy == "titleasc") {
      tocTool1 += ' (降順)';
      tocTool2 += ' (昇順)';
   }
   if (sortBy == "titledesc") {
      tocTool1 += ' (昇順)';
      tocTool2 += ' (昇順)';
   }
   if (sortBy == "dateoldest") {
      tocTool1 += ' (昇順)';
      tocTool2 += ' (昇順)';
   }
   if (sortBy == "datenewest") {
      tocTool1 += ' (昇順)';
      tocTool2 += ' (降順)';
   }
   if (postFilter != '') {
      tocTool3 = '全ての記事を表示する';
   }
   tocTable += '<table>';
   tocTable += '<tr>';
   tocTable += '<td class="toc-header-col1">';
   tocTable += '<a href="javascript:toggleTitleSort();" title="' + tocTool1 + '">' + tocHead1 + '</a>';
   tocTable += '</td>';
   tocTable += '<td class="toc-header-col2">';
   tocTable += '<a href="javascript:toggleDateSort();" title="' + tocTool2 + '">' + tocHead2 + '</a>';
   tocTable += '</td>';
   tocTable += '<td class="toc-header-col3">';
   tocTable += '<span>' + tocHead3 + '</span>';
   tocTable += '</td>';
   tocTable += '</tr>';
   for (var i = 0; i < postTitle.length; i++) {
      if (filter == '') {
         tocTable += '<tr><td class="toc-entry-col1"><a href="' + postUrl[i] + '" title="' + postSum[i] + '">' + postTitle[i] + '</a></td><td class="toc-entry-col2">' + postDate[i] + '</td><td class="toc-entry-col3">' + postLabels[i] + '</td></tr>';
         numDisplayed++;
      } else {
          z = postLabels[i].lastIndexOf(filter);
          if ( z!= -1) {
             tocTable += '<tr><td class="toc-entry-col1"><a href="' + postUrl[i] + '" title="' + postSum[i] + '">' + postTitle[i] + '</a></td><td class="toc-entry-col2">' + postDate[i] + '</td><td class="toc-entry-col3">' + postLabels[i] + '</td></tr>';
             numDisplayed++;
          }
        }
   }
   tocTable += '</table>';
   if (numDisplayed == postTitle.length) {
      var tocNote = '<span class="toc-note">全 ' + postTitle.length + ' 件の記事を表示しています<br/></span>';
   }
   else {
      var tocNote = '<span class="toc-note">全 '+ postTitle.length + ' 件中 ラベル「<b>';
      tocNote += postFilter + '</b>」の ' + numDisplayed + ' 件を表示しています<br/><a href="javascript:allPosts();">' + tocTool3 + '</a></span>';
   }
   tocdiv.innerHTML = tocNote + tocTable;
} // end of displayToc
 
function toggleTitleSort() {
   if (sortBy == "titleasc") { sortBy = "titledesc"; }
   else { sortBy = "titleasc"; }
   sortPosts(sortBy);
   displayToc(postFilter);
} // end toggleTitleSort
 
function toggleDateSort() {
   if (sortBy == "datenewest") { sortBy = "dateoldest"; }
   else { sortBy = "datenewest"; }
   sortPosts(sortBy);
   displayToc(postFilter);
} // end toggleTitleSort
 
 
function showToc() {
  if (tocLoaded) {
     displayToc(postFilter);
     var toclink = document.getElementById("toclink");
 
  }
}
 
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;max-results=50&amp;callback=loadtoc" type="text/javascript"></script>
 
<style>
#bp_toc {
    margin: 0 auto 2em;
    padding: 0;
    width: 100%;
}
#bp_toc tbody {
    border-bottom: 1px solid #ddd;
}
#bp_toc table {
    width: 100%;
    margin: 0 auto;
    counter-reset: rowNumber;
    border-collapse: collapse;
    border-left: 1px solid #ddd;
}
#bp_toc table td {
    border-right: 1px solid #ddd;
}
.toc-note {
    line-height: 1.5em;
    margin-bottom: 1em;
    display: block;
    text-align: center;
}
.toc-note a {/*全記事表示に戻すリンク*/
 
}
.toc-note a:hover {
 
}
#bp_toc tr:nth-child(2n) {
    background: rgba(0,80,200,.1);/*奇数行の背景色*/
}
.toc-entry-col1 a:hover {
    background: rgba(0,80,200,.2);/*タイトルホバー時の背景色*/
    text-decoration: none!important;
}
#bp_toc table tr:first-child a,
#bp_toc table tr:first-child span {/*ヘッダー*/
    background: #bbb;
    color: #fff!important;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
}
#bp_toc table tr:first-child a:hover {
    opacity: .8;
    text-decoration: none;
}
.toc-header-col1 {
    width: 55%;/*タイトル(番号含む)枠の幅*/
}
.toc-header-col2 {
    width: 12%;/*投稿日枠の幅*/
}
.toc-header-col3 {
    width: 33%;/*ラベル枠の幅*/
}
#bp_toc table tr td.toc-entry-col1:first-child::before {
    content: counter(rowNumber);
    width: 2.6em;/*記事番号枠の幅*/
    text-align: center;
    padding: 12px 3px 0;
    border-right: 1px solid #ddd;
}
.toc-entry-col1 {/*記事番号*/
    display: flex;
    counter-increment: rowNumber;
    font-size: 12px;
    line-height: 1.5em;
}
.toc-entry-col1 a {/*タイトル*/
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    padding: 10px .5em 10px;
    line-height: 1.3em;
    color: inherit!important;
}
.toc-entry-col2 {/*投稿日*/
    font-size: 13px;
    text-align: center;
}
.toc-entry-col3 {/*ラベル*/
    font-size: 13px;
    padding: 5px;
    line-height: 1.5em;
}
</style>