title: List local html files from another html file (with javascript/jQuery) and create links for them dynamically
body: <p>I plan to create a static html file intended for local use via double-click to open it in the browser (no http server running).</p>
  
  <p>Inside a folder (located in the same folder as the index file), I plan to add "item" files, so that when I open the master file, it lists all the html files inside that folder, and creates some navigation list with links to the files. Later I can add some navigation between files (cross-linking) but that is another problem.</p>
  
  <p>The main problem is that the index file doesn't have knowledge of how many (and which) the item files are ahead of time, but is supposed to list them dynamically when the index page is loaded, and create a list of links inside some static element in the index page.</p>
  
  <p>UPDATE: a pseudo-code snippet showing more or less what I want to (not in javascript syntax) would be:</p>
  
  <pre><code>for (filename in listfiles(directory='somedirectory', filetype='html') {
      somediv.appendChild(elementType='a', href=filename)
  </code></pre>
  
  <p>Any idea of how to do this without server-side scripts? It is important to make clear that this is for personal use, not related to internet or web development.</p>
  
  <p>Thanks for reading!</p>