Loading an outside page and preserving splitter menu

  • I have this code on the main page:

      <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
            <ons-list-item onclick="fn.load('home.html')" tappable>
            <ons-list-item onclick="fn.load('settings.html')" tappable>
            <ons-list-item onclick="fn.load('about.html')" tappable>
      <ons-splitter-content id="content" page="home.html"></ons-splitter-content>
    ---page content goes here-----

    The pages loaded by that menu are on the same main.html page. How do I link to and load a seperate html page , say News.html in the splitter menu above? Secondly, how do I make the same spliiter menu appear in all outside pages without repeating the code(kind of include).

Log in to reply