andrew4582

ArrayToList

May 8th, 2012
156
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.   /*
  2.         Renders html from an array, that can wrap array items with the specified parameters
  3.  
  4.         Arguments:
  5.             array:      The array of items to render
  6.             tagname:    The html tag to contain the array items, i.e. 'ul' or 'li,...
  7.             wraptag:    [optional] The html element's begin tag i.e. "<li>" or "<div class='myd'>"
  8.             endtag:     [optional] The html element's end tag i.e. "</li>" or "</div>"
  9.  
  10.         Example:
  11.  
  12.         function test() {
  13.             var array = ["One","Two","Three"];
  14.             var htmlout = ArrayToList(array, "ul", "<li>", "</li>");
  15.  
  16.             document.write("<hr/>");
  17.             document.write(htmlout);
  18.         }
  19.     */
  20.     function ArrayToList(array,tagname,wraptag,endtag) {
  21.        
  22.         var wrapli = false;
  23.         var html = [];
  24.         tagname = tagname || "ul";
  25.  
  26.         if (wraptag != null && endtag != null)
  27.         {
  28.             wrapli = true;
  29.         }
  30.  
  31.         html.push("<" + tagname + ">");
  32.  
  33.         for (var i = 0; i < array.length; i++) {
  34.             if(wrapli)
  35.                 html.push(wraptag);
  36.  
  37.             html.push(array[i]);
  38.  
  39.             if (wrapli)
  40.                 html.push(endtag);
  41.         }
  42.         html.push("</" + tagname + ">");
  43.  
  44.         return html.join("");
  45.     }
  46.  
  47.     function ArrayToUL(array) {
  48.         return ArrayToList(array, "ul", "<li>", "</li>");
  49.     }
  50.  
  51.     function ArrayToOL(array) {
  52.         return ArrayToList(array, "ol", "<li>", "</li>");
  53.     }
  54.  
  55.     function ArrayToDiv(array, className) {
  56.         var starttag = "<div>";
  57.         if (className != null)
  58.             starttag = "<div class='" + className + "'>";
  59.  
  60.         return ArrayToList(array, "div", starttag, "</div>");
  61.     }
Advertisement
Add Comment
Please, Sign In to add comment