Loading an outside page and preserving splitter menu



  • I have this code on the main page:

    <ons-splitter>
      <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
        <ons-page>
          <ons-list>
            <ons-list-item onclick="fn.load('home.html')" tappable>
              Home
            </ons-list-item>
            <ons-list-item onclick="fn.load('settings.html')" tappable>
              Settings
            </ons-list-item>
            <ons-list-item onclick="fn.load('about.html')" tappable>
              About
            </ons-list-item>
          </ons-list>
        </ons-page>
      </ons-splitter-side>
      <ons-splitter-content id="content" page="home.html"></ons-splitter-content>
    </ons-splitter>
    ---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).
    Thanks.


Log in to reply