simonc/footer-content.html

## footer-content.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <script>
      function numberPages() {
        var vars = {};
        var queryParams = document.location.search.substring(1).split('&');

        // parsing the queryParams into an object
        for (var param in queryParams) {
          var paramNameAndValue = queryParams[param].split('=', 2);
          var paramName = paramNameAndValue[0];
          var paramValue = paramNameAndValue[1];

          vars[paramName] = decodeURIComponent(paramValue);
        }

        // Do something specific for page 1 and for last page
        if (vars['page'] == "1" || vars['page'] == vars['topage']) {
          // Here will skip the entire footer but you could also choose to hide
          // the "normal page" footer and display a div that is otherwise hidden.
          document.getElementById('body').innerHTML = '';
          return;
        }

        var paramNames = [
          'page',
          'section',
          'subsection',
          'subsubsection',
          'topage'
        ];

        // Find and replace the various footer elements
        // 'page' is the current page (start at 1)
        // 'topage' is the number of the last page
        for (var index in paramNames) {
          var paramName = paramNames[index];
          var value;

          if (paramName == 'page') {
            value = parseInt(vars[paramName]) - 1;
          }
          else if(paramName == 'topage') {
            value = parseInt(vars[paramName]) - 2;
          }
          else {
            value = vars[paramName];
          }
          var contentElements = document.getElementsByClassName(paramNames[index]);

          for (var i = 0; i < contentElements.length; ++i) {
            contentElements[i].textContent = value;
          }
        }
      }
    </script>
    <style type="text/css">
      /* styles liés au footer */
    </style>
  </head>

  <body id="body" onload="numberPages()">
    <!-- will receive the page number -->
    <span class="page"></span>
    <!-- will receive the total number of pages -->
    <span class="topage"></span>
  </body>
</html>