Clean up des tâches à faire et ajout de doc pour les protections de poussière

Ressource/Bellows/Tuto/1/Bellows_files/Site.css

@@ -0,0 +1,131 @@
+
+html{
+	height:100%;
+	font-family: Sans-Serif;
+}
+
+body{	
+	background-color:#B0E0E6;
+}
+
+h1
+{
+	text-align: center;
+	font-family: Serif;
+	font-size: 24pt;
+}
+h2
+{
+}
+h3
+{
+}
+p
+{
+	line-height: 130%;
+}
+.code {
+	font-family:monospace;
+	font-size:10pt;
+}
+#mainContainer{
+	margin: 0 auto;
+	margin-bottom: 10px;
+	height:100%;
+	text-align:left;
+}
+#leftColumn{
+	width:170px;
+	position:absolute;
+	top: 90px;
+	left: 0;
+	padding-left:10px;
+	background-color:#B0E0E6;
+}
+#mainContent{
+	/*width:590px;*/
+	padding-left:10px;
+	padding-right:10px;
+	position:absolute;
+	left: 170px;
+	top: 90px;
+	margin-left: 10px;
+	margin-right: 10px;
+	margin-top: 10px;
+	margin-bottom: 10px;
+	background-color:azure;
+}
+#topBar{
+	height:90px;
+	width:100%;
+	position:absolute;
+	top: 0;
+	left: 0;
+}
+
+
+/****************************************************************************************
+* 	LAYOUT CSS FOR THE MENU
+****************************************************************************************/
+#dhtmlgoodies_listMenu a, #dhtmlgoodies_listMenu p{	/* Main menu items */
+	margin:1px;
+	padding:0px;
+	width:150px;	/* Width of menu */
+	
+	color:#000;	/* Black text color */
+	background-color:#70BAD5;
+	
+	text-decoration:none;	/* No underline */
+	font-size:1em;	/* Fixed font size */
+	padding-left:3px;
+	line-height:25px;	/* Height of menu links */
+	display:block;	
+	overflow:auto;
+	font-family:sans-serif;
+
+}
+
+#dhtmlgoodies_listMenu ul li p					/* Sub menu no-link */
+{
+	color: #0092a3;
+	font-weight:normal;
+	font-size:0.8em;	
+}	
+
+#dhtmlgoodies_listMenu ul li a 				/* Sub menu link */
+{	
+	font-weight:normal;
+	font-size:0.8em;	
+}
+
+#dhtmlgoodies_listMenu ul li ul li a, #dhtmlgoodies_listMenu ul li ul li{	/* Sub Sub menu */
+	color: #000;
+	font-size:0.9em;
+	font-weight:normal;		
+}
+
+#dhtmlgoodies_listMenu .activeMenuLink{	/* Styling of active menu item */
+	background-color:#7099d5;
+}
+
+
+/*
+No bullets
+*/	
+#dhtmlgoodies_listMenu li{
+	list-style-type:none;	
+}
+
+/*
+No margin and padding
+*/
+#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
+	margin:0px;
+	padding:0px;
+}
+
+/* Margin of sub menu items */
+#dhtmlgoodies_listMenu ul{
+	display:none;
+	margin-left:10px;
+}

Ressource/Bellows/Tuto/1/Bellows_files/menu.js

@@ -0,0 +1,278 @@
+	
+	/************************************************************************************************************
+	(C) www.dhtmlgoodies.com, October 2005
+	
+	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
+	
+	Terms of use:
+	You are free to use this script as long as the copyright message is kept intact. However, you may not
+	redistribute, sell or repost it without our permission.
+	
+	Thank you!
+	
+	www.dhtmlgoodies.com
+	Alf Magne Kalleland
+	
+	************************************************************************************************************/	
+
+	/************************************************************************************************************
+	(C) www.franksworkshop.com, October 2008
+	
+	This was originally from www.dhtmlgoodies.com, but I made significant changes to support hrefs on branches,
+	and match the full URL path to locate the current menu item.  I couldn't really follow the code, so I rewrote
+	most of it, but used the same concepts as the original.
+	
+	Terms of use:
+	You are free to use this script as long as the copyright message is kept intact. However, you may not
+	redistribute, sell or repost it without our permission.
+	
+	************************************************************************************************************/	
+	
+	var activeNode = null;
+	var bAutoClose = true;
+	
+	function isIE()
+	{
+      var ua = window.navigator.userAgent
+      var msie = ua.indexOf ( "MSIE " )
+
+      if ( msie > 0 )      // If Internet Explorer, return true
+         return true;
+      else                 // If another browser, return 0
+         return false;
+	}
+   
+    function getChildUL(node)
+    {
+        var ul = null;
+        
+        for ( var i = 0; i < node.childNodes.length; i++ )
+        {
+            if ( node.childNodes[i].tagName == 'UL' )
+            {
+                ul = node.childNodes[i];
+                break;
+            }
+        }
+        return ul;
+    }
+    
+    function getParentUL(node)
+    {
+        while ( node != null )
+        {
+            if ( node.parentNode != null && node.parentNode.tagName == 'UL' )
+                return node.parentNode;
+            node = node.parentNode;
+        }
+        return null;
+    }
+    
+    function toggleSubMenu(e)
+    {
+        var node = this;
+        var ul = getChildUL(node);
+     
+        // first toggle this menu item.   
+        if ( ul != null )
+        {
+            if ( ul.style.display == 'none' )
+                ul.style.display = 'block';
+            else
+                ul.style.display = 'none';
+        }
+        
+        // next, optionally close any open menu items at the same level
+        if ( bAutoClose )
+        {
+            ul = getParentUL(node);
+            if ( ul != null )
+            {
+                for ( var i = 0; i < ul.childNodes.length; i++ )
+                {
+                    var item = ul.childNodes[i];
+                    if ( item != node )
+                    {
+                        var childUL = getChildUL(item);
+                        if ( childUL != null )
+                            childUL.style.display = 'none';
+                    }
+                }
+            }
+        }
+        
+        
+        if (!e) 
+            e = window.event;
+	    e.cancelBubble = true;
+	    if (e.stopPropagation) 
+	        e.stopPropagation();
+    }
+    
+    function showPath(node)
+    {
+        // May need to make child nodes visible
+        var ul = getChildUL(node);
+        if ( ul != null )
+            ul.style.display = 'block';
+           
+        // make the path to the parent visibile.   
+        while ( node != null )
+        {
+            ul = getParentUL(node);
+            if ( ul != null )
+                ul.style.display = 'block';
+            node = ul;
+        }
+    }
+    
+    function GetAElement( node )
+    {
+        for ( var i = 0; i < node.childNodes.length; i++ )
+        {
+            var node = node.childNodes[i];
+            if ( node.tagName == 'A' )
+            {
+                return node;
+            }
+        }
+        return null;
+    }
+    
+    function getHRefPath( node )
+    {
+        var s = node.pathname;
+        while ( s != null && s.length > 0 && s.indexOf("/") == 0 )
+        {
+            s = s.substr(1);
+        }
+        return s;
+    }
+
+    function ProcessList( root, fileNameThis )
+    {
+        var hasChildren = false;
+        for ( var i = 0; i < root.childNodes.length; i++ )
+        {
+            var node = root.childNodes[i];
+            if ( node.tagName == 'LI' || node.tagName == 'UL' )
+            {
+                if ( node.tagName == 'LI' )
+                {
+                    hasChildren = true;
+                    // if this item has an A tag, check if it is the current page
+                    var atag = GetAElement( node );
+                    if ( atag != null && atag.href.charAt(atag.href.length-1)!='#')
+                    {
+                        var path = getHRefPath(atag).toLowerCase();
+                        if ( path == fileNameThis )
+                        {
+                            // match
+                            activeNode = node;
+                        }
+                    }
+                    else // No A tag.  Is either a branch or dead leaf
+                    {
+                    }
+                }
+                else // node.tagName == 'UL'
+                {
+                    node.style.display='none';
+                }
+                
+                if ( ProcessList( node, fileNameThis ) )
+                {
+                    hasChildren = true;
+                    // this is a branch node
+                    if ( node.tagName == 'LI' )
+                    {
+                        node.onclick = toggleSubMenu;
+                        
+                    	var atag = node.firstChild;
+                        var pointer = document.createElement("div");
+                        if ( isIE() )
+                        {
+	                        pointer.style.position = 'absolute';
+                        	pointer.style.left = "145px";
+                        	pointer.style.top = "20px";
+	                    }
+	                    else
+	                    {
+	                        pointer.style.position = 'relative';
+                        	pointer.style.left = "145px";
+                        	pointer.style.top = "0px";
+	                    }
+                        pointer.style.width = "5px";
+                        pointer.style.height = "5px";
+                        pointer.style.borderStyle = "none";
+                        pointer.style.padding = "0";
+                        var img = document.createElement("img");
+                        img.src = "/dot.png";
+                        img.style.width = "5px";
+                        img.style.height = "5px";
+                        img.style.borderStyle = "none";
+                        img.style.padding = "0";
+                        atag.style.borderStyle = "none";
+                        pointer.appendChild(img);
+                        atag.appendChild(pointer);                    
+                    }
+                }
+                
+            }
+        }
+        return hasChildren;
+    }
+
+    // http://w3schools.com/ somewhere
+    function w3IncludeHTML() {
+        var z, i, a, file, xhttp;
+        z = document.getElementsByTagName("div");
+        for (i = 0; i < z.length; i++) {
+            if (z[i].getAttribute("w3-include-html")) {
+                a = z[i].cloneNode(false);
+                file = z[i].getAttribute("w3-include-html");
+                var xhttp = new XMLHttpRequest();
+                xhttp.onreadystatechange = function () {
+                    if (xhttp.readyState == 4 && xhttp.status == 200) {
+                        a.removeAttribute("w3-include-html");
+                        a.innerHTML = xhttp.responseText;
+
+                        z[i].parentNode.replaceChild(a, z[i]);
+                        initMenu();
+                    }
+                }
+                xhttp.open("GET", file, true);
+                xhttp.send();
+                return;
+            }
+        }
+    }
+
+	function initMenu()
+	{
+	    // Find tree branch nodes and add onclick handlers
+	    // Find the current node and select it
+	    var objMenuRoot = document.getElementById('dhtmlgoodies_listMenu');
+
+		// We use the file path part of the URL to match A tag hrefs
+		var fileNameThis = getHRefPath(location).toLowerCase();
+		// strip any trailing guff
+		if (fileNameThis.indexOf('?') > 0)
+			fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('?'));
+		if (fileNameThis.indexOf('#') > 0)
+			fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('#'));
+		
+		
+
+        // Recurse through the lists
+        ProcessList( objMenuRoot, fileNameThis );
+
+        if ( activeNode != null )
+        {
+	        activeNode.firstChild.className='activeMenuLink';
+		    showPath(activeNode);	
+        }
+    
+	}
+	window.onload = w3IncludeHTML;
+