bit dojo labs : file explorer
Inspecting: home > html > div-content-switch-v1.html (download)<html>
<head>
<title>Div Content Switch</title>
<style type="text/css">
body { margin: 0px; padding: 10px; font: 14px Calibri; color: #fff; background: #333; }
h1, h2, h3 { margin: 5px 0px; }
a { color: #fff; text-decoration: underline; }
a:hover { color: #8f8; cursor: pointer; }
div { width: 300px; padding: 10px; margin: 20px 0px; background: #555; text-align: justify; }
.hidden { display: none; }
#footer { padding: 1px; margin: 0px; position: absolute; bottom: 20px; background: #333; }
</style>
<script type="text/javascript">
function ShowContent(contentID){
document.getElementById("Content-Display").innerHTML = document.getElementById(contentID).innerHTML;
}
</script>
</head>
<body id="body">
<h1 id="title1">Div Content Switch</h1>
What's new in Mac OS X Leopard?
<br />
<a href="javascript:ShowContent('Content-TimeMachine')">Time Machine</a> |
<a href="javascript:ShowContent('Content-Mail')">Mail</a> |
<a href="javascript:ShowContent('Content-iChat')">iChat</a> |
<a href="javascript:ShowContent('Content-Spaces')">Spaces</a>
<div id="Content-Display">
<h3>Mac OS X Leopard</h3>
What do you do when you reach enlightenment? Keep going. Mac OS X Tiger was ahead of its time in 2005. But that didn’t stop Apple engineers from moving forward. Get a glimpse of the not-so-distant future. Introducing Mac OS X Leopard.
</div>
<!-- Contents for display -->
<div id="Content-TimeMachine" class="hidden">
<h3>Time Machine</h3>
Right from the start, Time Machine in Mac OS X Leopard makes a complete backup of all the files on your system. That includes your system files, applications, accounts, preferences, music, photos, movies, documents — everything you keep on your Mac. As you make changes, Time Machine only backs up what changes, all the while maintaining a comprehensive layout of your system. That way, Time Machine minimizes the space required on your backup device. Since backups are stored on your device by date, you can browse through your entire system as it appeared on any date. And that’s what makes Time Machine different from any backup application you’ve ever tried.
</div>
<div id="Content-Mail" class="hidden">
<h3>Mail</h3>
Mail for Leopard features more than 30 professionally designed stationery templates that make a virtual keepsake out of every email you send. From invitations to birthday greetings to travelogues, each stationery template features coordinated layouts, fonts, and colors — everything’s designed to keep your mind on the message. You can even effortlessly add pictures to your email via a new Media Browser. Just find the perfect photo and drag it onto your template. Hit “Send” and get ready for some astonished replies from everyone — even folks on PCs.
</div>
<div id="Content-iChat" class="hidden">
<h3>iChat</h3>
Filled with fun new features, iChat turns any mere video chat into an event. Video backdrops, Photo Booth effects, photo slideshows, Keynote presentations, or an entire Mac desktop — you can share it all with iChat in Mac OS X Leopard.
</div>
<div id="Content-Spaces" class="hidden">
<h3>Spaces</h3>
Create a Space for work. Create a space for play. With the click of a function key, you can drag all your application windows onto different Spaces. Keep all your work projects in one Space and that fun flick you made in iMovie in another. Create a communication Space for iChat and Mail. Organize your Spaces however you want just by dragging windows into them. You can even rearrange your Spaces with drag-and-drop ease — shift a Space and every window in it comes along for the ride.
</div>
<!-- End of contents -->
<div id="footer">copyright (c) 2007 bit dojo labs</div>
</body>
</html>