Can I cache an empty form template as a second page in browser?

can I cache an empty form template as a second page in browser cache so that when you click "create event" button on first page it immediately opens empty form template without having a need to download the template from the server as it's cached.

Just like CREATE EVENT button in Google calendar; which let's you to switch between calendar and new e开发者_Python百科vent form template.

---

Well, you can either use Javascript for building the new page from scratch when the respective action is invoked (probably quite tedious) or you can use an invisible section (e.g., a separate <div>) of the HTML page (style = display: none) and make it visible by changing its class to a visible style and making the original page invisible (change its style to display: none).

---

One way to accomplish this would be to load your second view into a hidden container. You can hide it with a simple CSS display property toggle, like this:

<div id="mySecondView" style="display: none;">
  <!-- content of second view here -->
</div>

And on button click you can do this to unhide it:

With jQuery:

$('#mySecondView').show();

or

$('#mySecondView').fadeIn();

Without jQuery:

document.getElementById('mySecondView').style.display = '';

Of course you'll have to position the second view via CSS as you want it, otherwise it'll just pop up in some weird place that won't make sense.