1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
4 <link rel="shortcut icon" href="favicon.ico">
5 <title>FusionForge home page</title>
6 <style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "main.css"; /*]]>*/</style>
7 <link rel="stylesheet" type="text/css" href="https://fusionforge.org/themes/css/gforge.css" />
8 <link rel="stylesheet" type="text/css" href="https://fusionforge.org/themes/gforge/css/theme.css" />
9 <script src="prototype.js" type="text/javascript"></script>
10 <script type="text/javascript">
12 /* Optional: Temporarily hide the "tabber" class so it does not "flash"
13 on the page as plain HTML. After tabber runs, the class is changed
14 to "tabberlive" and it will appear. */
16 document.write('<style type="text/css">.tabber{display:none;}<\/style>');
18 'onClick': function(argsObj) {
20 var t = argsObj.tabber; /* Tabber object */
21 var i = argsObj.index; /* Which tab was clicked (0..n) */
22 var div = this.tabs[i].div; /* The tab content div */
24 /* Display a loading message */
25 div.innerHTML = "<p>Loading...<\/p>";
27 /* Fetch some html depending on which tab was clicked */
28 var url = 'index-ajax-' + i + '.html';
29 var pars = 'foo=bar&foo2=bar2'; /* just for example */
30 var myAjax = new Ajax.Updater(div, url, {method:'get',parameters:pars});
33 'onLoad': function(argsObj) {
34 /* Load the first tab */
36 this.onClick(argsObj);
41 <script type="text/javascript" src="tabber.js"></script>
42 <link rel="stylesheet" href="tabber.css" TYPE="text/css" MEDIA="screen">
43 <script type="text/javascript">
44 document.write('<style type="text/css">.tabber{display:none;}<\/style>');
48 document.getElementById('myiframe').width = '100%, *';
49 document.getElementById('myiframe').height = '100%, *';
52 document.getElementById('myiframe').width = '100%, *';
53 document.getElementById('myiframe').height = '40%, *';
59 <table border="0" width="100%" bgcolor=black cellspacing="0" cellpadding="0">
61 <td class="topLeft"><a href="https://fusionforge.org/"><img src="top-logo.png" border="0" alt="" width="300" height="54" /></a></td>
62 <td width="100%" background="box-grad2.png"></td>
65 <div id="tabber" class="tabber" >
66 <div class="tabbertab" title="FusionForge"></div>
67 <div class="tabbertab" title="Debian"></div>
68 <div class="tabbertab" title="Ubuntu"></div>
69 <div class="tabbertab" title="RedHat / CentOS"></div>
70 <div class="tabbertab" title="Demo"></div>
71 <div class="tabbertab" title="VMWare image"></div>
72 <div class="tabbertab" title="Sources"></div>
73 <div class="tabbertab" title="Debian Package Page"></div>
74 <div class="tabbertab" title="PlanetForge Agregator"></div>
75 <div class="tabbertab" title="Online help"></div>