List of Post in Alphabetic Order

On Web Development

If you want to show the list of all posts in sidebar or in any page in Alphabetic Order in HTML, WordPress, Joomla or BlogSpot website, here is the preview with code. This is plain and simple HTML Code (with CSS and JavaScript) which you can use directly in HTML website, or you can paste inside the Custom HTML block/gadget of your WordPress, Joomla or BlogSpot website. See the Live Preview first

Here is the Code which fetch from RSS Feed. Change the Feed URL https://www.devilhunter.net/feeds/posts with yours

function printArrayResults(root)
{
   //Sort Alphebetically
   allResults.sort(function(a, b){
        var a_string = a.children[0].textContent ;
        var b_string = b.children[0].textContent ;

if(a_string < b_string) return -1;
 if(a_string > b_string) return 1;
 return 0;
   })

var elmt = document.getElementById("PostList");
    for (index = 0; index < allResults.length; index++) {
         elmt.appendChild(allResults[index]);
    }
}

function processPostList(root)
{   
  var elmt = document.getElementById("PostList");
   if (!elmt)
      return;

var feed = root.feed;

if (feed.entry.length > 0)
   {
      for (var i = 0; i < feed.entry.length; i++)
      {
         var entry = feed.entry[i];
         var title = entry.title.$t;
 
         for (var j = 0; j < entry.link.length; j++)
         {
            if (entry.link[j].rel == "alternate")
            {
               var url = entry.link[j].href;
               if (url && url.length > 0 && title && title.length > 0)
               {
                  var liE = document.createElement("li");
                  var a1E = document.createElement("a");
                  a1E.href = url;
                  a1E.textContent = title;
                  liE.appendChild(a1E);
                  //elmt.appendChild(liE);
                  allResults.push(liE);
               }
               break;
            }
         }
      }
      if (feed.entry.length >= maxResults)
      {
         startIndex += maxResults;
         sendQuery12();
      } else {
         printArrayResults();
      }
   }
}
sendQuery12();
</script>

Dear Technology Magazine

Total Readers

List of Post in Alphabetic Order

Here is the Code which fetch from RSS Feed. Change the Feed URL https://www.devilhunter.net/feeds/posts with yours