Fonctions, méthodes class et scripts utiles

<dl class="menu">
  <dt>Rubrique</dt>
    <dd>
      <ul>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	</ul>
  </dd>
</dl>
<dl class="menu">
  <dt>Rubrique</dt>
  <dd>
    <ul>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	  <li><a href="#">Sous-rubrique</a></li>
	</ul>
  </dd>
</dl>

body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #EEE;
}
dl.menu, dl.menu dt, dl.menu dd, dl.menu dd ul, dl.menu dd ul li
{
	margin: 0px;
	padding: 0px;
}
dl.menu
{
	float: left;
	width: 150px;
	cursor: pointer;
}
dl.menu dt
{
	background: #FFF;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
dl.menu dd ul
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 140px;
	margin: 0px auto;
	list-style-type: none;
	background: #EEE;
	font-size: 11px;
}
dl.menu dd ul li:hover
{
	background: #CCC;
}
dl.menu dd ul li a
{
	text-decoration: none;
	color: #666;
	padding-left: 5px;
}
dl.menu dd ul li a:hover
{
	color: #FFF;
	padding-left: 10px;
}

var drawerMenu = {
	inc : 5,
	elements : new Array,
	timers : new Array,
	construct : function()
	{
		var dls = document.getElementsByTagName('dl');
		var n = 0;
		for(var i = 0; i < dls.length; i++)
		{
			if(dls[ i].className == 'menu')
			{
				n++;
				drawerMenu.timers[n] = 0;
				dls[ i].onmouseover = drawerMenu.triggerShow;
				dls[ i].onmouseout = drawerMenu.triggerHide;
				dls[ i].targetElement = n;
				for(var j = 0; j < dls[ i].childNodes.length; j++)
				{
					if(dls[ i].childNodes[j].nodeType == 1)
					{
						if(dls[ i].childNodes[j].tagName == 'DD')
						{
							dls[ i].childNodes[j].style.position = 'relative';
							dls[ i].childNodes[j].style.overflow = 'hidden';
							dls[ i].childNodes[j].style.height = '0px';
							for(var k = 0; k < dls[ i].childNodes[j].childNodes.length; k++)
							{
								if(dls[ i].childNodes[j].childNodes[k].nodeType == 1)
								{
									if(dls[ i].childNodes[j].childNodes[k].tagName == 'UL')
									{
										drawerMenu.elements[n] = dls[ i].childNodes[j].childNodes[k];					
										dls[ i].childNodes[j].childNodes[k].style.position = 'absolute';
										dls[ i].childNodes[j].childNodes[k].style.top = '-'+dls[ i].childNodes[j].childNodes[k].offsetHeight+'px';
									}
								}
							}
						}
					}
				}
			}
		}
	},
	triggerShow : function()
	{
		if(drawerMenu.timers[this.targetElement]) clearInterval(drawerMenu.timers[this.targetElement]);
		drawerMenu.timers[this.targetElement] = setInterval('drawerMenu.show('+this.targetElement+')', 20);
	},
	triggerHide : function()
	{
		if(drawerMenu.timers[this.targetElement]) clearInterval(drawerMenu.timers[this.targetElement]);
		drawerMenu.timers[this.targetElement] = setInterval('drawerMenu.hide('+this.targetElement+')', 20);
	},
	show : function(i)
	{
		var ul = drawerMenu.elements[ i];
		var t = parseInt(ul.style.top);
		var inx = Math.ceil(-t/drawerMenu.inc);
		if(t+inx < 0)
		{
			ul.style.top = (t+inx) +'px';
			ul.parentNode.style.height = (ul.offsetHeight+t+inx) + 'px';
		}
		else if(t < 0)
		{
			ul.style.top = '0px';
			ul.parentNode.style.height = ul.offsetHeight + 'px';
		}
		else
		{
			clearInterval(drawerMenu.timers[ i]);
			drawerMenu.timers[ i] = 0;
		}
	},
	hide : function(i)
	{
		var ul = drawerMenu.elements[ i];
		var t = parseInt(ul.style.top);
		var inx = Math.ceil(t/drawerMenu.inc);
		if(inx == 0) inx = -1;
		if(t+inx > -ul.offsetHeight)
		{
			ul.style.top = (t+inx) +'px';
			ul.parentNode.style.height = (ul.offsetHeight+t+inx) + 'px';
		}
		else if(t > -ul.offsetHeight)
		{
			ul.style.top = -ul.offsetHeight + 'px';
			ul.parentNode.style.height = '0px';
		}
		else
		{
			clearInterval(drawerMenu.timers[ i]);
			drawerMenu.timers[ i] = 0;
		}
	}
}

window.onload = drawerMenu.construct;

// Par Julien Royer :  http://forum.alsacreations.com/topic-5-3716-2.html#p154887
 
if (document.childNodes && document.getElementById && document.createTextNode && {}.hasOwnProperty) {
(function(cns, doc, win) {
  function createEl(n) {
    var a, i = 0, e = doc.createElementNS ? doc.createElementNS("http://www.w3.org/1999/xhtml", n) : doc.createElement(n);
    while ((a = arguments[++i])) {
      if (typeof a === "string") {
        e.appendChild(doc.createTextNode(a));
      } else {
        for (var p in a) {
          if (a.hasOwnProperty(p)) {
            e[p] = a[p];
          }
        }
      }
    }

    return e;
  }

  function clsRe(c) {
    return new RegExp("(^|\\s)" + c + "(\\s|$)");
  }

  function hasCls(e, c) {
    return clsRe(c).test(e.className);
  }

  function getElsCN(c, t) {
    var els = doc.getElementsByTagName(t), res = [], re = clsRe(c);
    for (var i = 0, e; (e = els[ i]); ++i) {
      if (re.test(e.className)) {
        res[res.length] = e;
      }
    }

    return res;
  }

  function chgEl(el, o) {
    var m = o.user + "@" + o.host + "." + o.domain + (o.subject ? "?subject=" + encodeURIComponent (o.subject) : ""), a = createEl("a", {href: "mailto:" + m, className: cns.email}, o.name || m);
    if (el.title) {
      a.title = el.title;
    }
    el.parentNode.replaceChild(a, el);
  }

  function initEl(el) {
    var o = {}, ss = el.getElementsByTagName("span");
    for (var i = 0, s; (s = ss[ i]); ++i) {
      for (var j in cns) {
        if (cns.hasOwnProperty(j) && hasCls(s, cns[j])) {
          o[j] = s.firstChild && s.firstChild.nodeValue;
        }
      }
    }

    if (o.user && o.host && o.domain) {
      chgEl(el, o);
    }
  }

  function initEls(els) {
    for (var i = 0, e; (e = els[ i]); ++i) {
      initEl(e);
    }
  }

  function init() {
    if (!init.done) {
      init.done = true;
      initEls(getElsCN(cns.email, "span"));
    }
  }

  function addLoadEvt(f) {
    if (doc.addEventListener) {
      doc.addEventListener("DOMContentLoaded", f, false);
    }

    if (win.addEventListener) {
      win.addEventListener("load", f, false);
    } else if (doc.addEventListener) {
      doc.addEventListener("load", f, false);
    } else if (win.attachEvent) {
      win.attachEvent("onload", f);
    }
  }

  addLoadEvt(init);
})({
  email: "email", user: "u", host: "h", domain: "d", name: "n", subject: "s"
}, document, this);
}

<span class="email" title="title">
  [...]
  <span class="n">name</span>
  [...]
  <span class="u">user</span>
  [...]
  <span class="h">host</span>
  [...]
  <span class="d">domain</span>
  [...]
</span>

<a href="mailto:user@host.domain" class="email" title="title">name</a>

<a href="mailto:user@host.domain" class="email" title="title">user@host.domain</a>

<span class="email"><span class="n">Gentil kiwiz</span> - <span class="u">kiwiz</span>#arobase#<span class="h">example</span>#point#<span class="d">com</span></span>
// devient
<a href="mailto:kiwiz@example.com" class="email">Gentil kiwiz</a>

<span class="email"><span class="u">kiwiz</span>#arobase#<span class="h">example</span>#point#<span class="d">com</span></span>
// devient
<a href="mailto:kiwiz@example.com" class="email">kiwiz@example.com</a>

<span class="email"><span class="u n">kiwiz</span>#arobase#<span class="h">example</span>#point#<span class="d">com</span></span>
// devient
<a href="kiwiz@example.com" class="email">kiwiz</a>

// Par Julien Royer :  http://forum.alsacreations.com/topic-5-3716-2.html#p174399
 
function createEl(n) {
	var a, i = 0, e = document.createElementNS ? document.createElementNS("http://www.w3.org/1999/xhtml", n) : document.createElement(n);
	while ((a = arguments[++i])) {
		if (typeof a === "string") {
			e.appendChild(document.createTextNode(a));
		} else if (a.nodeName) {
			e.appendChild(a);
		} else {
			for (var p in a) {
				if (a.hasOwnProperty(p)) {
					e[p] = a[p];
				}
			}
		}
	}

	return e;
}

var p = createEl("p", {id: "pouet"},
  "Pouet ",
  createEl("a", {href: "tsoin", title: "tsoin"}, "coin"),
  ".");

<p id="pouet">Pouet <a href="tsoin" title="tsoin">coin</a>.</p>

function addClass(node, className) {if (!node.className) {node.className = className;} else if (!hasClass(node, className)) {node.className += " " + className;}}
function removeClass(node, className) {node.className = node.className.replace(new RegExp("(^| )" + className + "( |$)"), "$1").replace(/ $/, "");if (!node.className) node.removeAttribute("class")}
function setClass(node, className) {node.className = className;}
function replaceClass(node, className, newClassName)	{if (hasClass(node, className)) node.className = node.className.replace(new RegExp("(^| )" + className + "( |$)"), '$1'+newClassName+"$2");}
function hasClass(node, className) {return new RegExp("(^| )" + className + "( |$)").test(node.className);}
function addCSSFile (cssFileSrc,media,id) {
	var cssLinkObj = document.getElementById(id);
	if (cssLinkObj != null) {throw new Error("addStyleNode() - There is already a node with the id '"+id+"'.");}
	else {		
		if (cssFileSrc) {
			if (!existCSSFile(cssFileSrc)) {
				if (!media) media = 'all';
				var cssLinkObj = document.createElement("link");
				cssLinkObj.setAttribute("href",cssFileSrc);
				if (id) {cssLinkObj.setAttribute("id",id);}
				cssLinkObj.setAttribute("rel","stylesheet");
				cssLinkObj.setAttribute("type","text/css");
				cssLinkObj.setAttribute("media",media);
				document.getElementsByTagName('head')[0].appendChild(cssLinkObj);
			}
		}
		else {throw new Error("addCSSFile() - No CSS file is defined. Check the value of 'cssFileSrc'.");}
	}
}
function removeCSSFile (id) {
		var cssLinkObj = document.getElementById(id);
		if (cssLinkObj != null) {
			// This bloody stupid IE is not able to unerstand the css is not there anymore.
			// So let's help him a little bit
			cssLinkObj.removeAttribute("href");
			cssLinkObj.parentNode.removeChild(cssLinkObj);
		}
		else {throw new Error("removeCSSFile() - No <link> with the id '"+id+"' has been bound.");}
}
function updateCSSFile (cssFileSrc,id) {
	var cssLinkObj = document.getElementById(id);
	if (cssLinkObj != null) {
		cssLinkObj.href = cssFileSrc;
	}
	else {
		addCSSFile(cssFileSrc,id);		
	}
}
function existCSSFile (cssFileSrc) {
	var linkNodes = document.getElementsByTagName('link');
	for (var i=0;i <linkNodes.length;i++) {
		if (new RegExp(cssFileSrc + "$").test(linkNodes[i].href)) {return true;}
	}
	return false;
}

function highlight(node) {addClass(node,'highlight');}
function unhighlight(node) {removeClass(node,'highlight');}
function show(node) {removeClass(node,'hidden');}
function hide(node) {addClass(node,'hidden');}

//retourne si la valeur demandée est dans le tableau
Array.prototype.find = function(search) {
	var k = this.length;
	while (k--) if (this[k]===search) return true;
	k = null;
	return false;
}

function hasClass(element, className) {
	var tmpClass = element.className.split(" ");
	return tmpClass.find(className);
}

function addClass(element, className) {
	var tmpClass = element.className.split(" ");
	if (!tmpClass.find(className)) {
		tmpClass.push(className);
		element.className = tmpClass.join(" ");
	}
	tmpClass = null;
}

function removeClass(element, className) {
	var tmpClass = element.className.split(" ");
	var newClass = "";
	var k = tmpClass.length;
	while (k--) if (tmpClass[k]!=className) newClass+= tmpClass[k]+" ";
	element.className = newClass;
	tmpClass = newClass = k = null;
}

function replaceClass(element, className, otherClass) {
	var tmpClass = element.className.split(" ");
	var newClass = "";
	var k = tmpClass.length;
	while (k--) {
		if (tmpClass[k]!=className) newClass+= tmpClass[k]+" ";
		else newClass+= otherClass+" ";
	}
	element.className = newClass;
	tmpClass = newClass = k = null;
}

/* Reactivation du focus des animations Flash _ Rev:1 */
/*@cc_on @*/
/*@if (@_jscript)
// Cette operation doit ce derouler dans un fichier javascript exterieur (see Ref:1)
window.attachEvent("onload", function flashFocus()
{
	// Recherche de tous les elements object de la page
	var objects = document.getElementsByTagName("object");
	var objectSource, object, container;
	for(var j = 0; j < objects.length; j ++)
	{
		object = objects[j];
		// Appliquer si l'object correspond au type animation flash (à voir pour les autres)
		if(object.type == "application/x-shockwave-flash")
		{
			// IE ne supportant pas l'attribut data pour l'ActiveX Flash
			// on doit l'enlever pour que l'on puisse recuperer correctement le code source complet de l'objet (sans doute un bug ?)
			object.removeAttribute("data");
			objectSource = object.outerHTML;
			// Creation temporaire d'un conteneur ou l'on va ecrire le code source de l'objet
			container = document.createElement("div");
			// Insertion du conteneur avant l'objet dans l'arborescence elements HTML
			object.parentNode.insertBefore(container, object);
			// Retirer l'object
			object.parentNode.removeChild(object);
			// Ref:1
			// Ecrire le code source HTML de l'objet dans le conteneur
			// Cette operation doit imperativement etre realise dans fichier Javascript externe. Sinon il n'y aura aucun effet
			container.innerHTML += objectSource
			// Deplacer le clone nouvellement avant le conteneur
			container.parentNode.insertBefore(container.firstChild, container);
			// Suppression du conteneur
			container.parentNode.removeChild(container);
		}
	}
});
/*@end @*/

...
<script type="text/javascript" src="flashFocus.js"></script>
...
<object id="flash1" type="application/x-shockwave-flash" data="flash.swf" style="width: 200px; height: 200px;">
	[#red]<param name="movie" value="flash.swf" />[/#]
	<param name="flashvars" value="text=test" />
	<p>Texte alternatif au flash.</p>
</object>
...

function getScreenSize() {
	var myScreen = new Object();
	myScreen.Height = 0;
	myScreen.Width = 0;
	
	if(window.innerHeight)
	{
		myScreen.Height = window.innerHeight;
		myScreen.Width = window.innerWidth;
	}
	else if(document.body && document.body.clientHeight)
	{
		myScreen.Height = document.body.clientHeight;
		myScreen.Width = document.body.clientWidth;
	}
	else if(document.documentElement && document.documentElement.clientHeight)
	{
		myScreen.Height = document.documentElement.clientHeight;
		myScreen.Width = document.documentElement.clientWidth;
	}
	
	return myScreen;
}

function isDouble(aNumbers, randomNumber, floatPrecision){
 if(randomNumber==='0'&&floatPrecision!=0) return true;
 for(var j=0; j<aNumbers.length; j++){
  if(aNumbers[j]==randomNumber){
   return true;
  }
 }
 return false;
}
function randomNumbers(listLength, minNumber, maxNumber, floatPrecision, enableDoubles){

 var aNumbers = new Array(listLength);
 var randomNumber = new Number();
 var i=0;

 if(!floatPrecision) floatPrecision=0;

 if(enableDoubles===false){
  if(floatPrecision==0 && listLength>(maxNumber-minNumber+1) || floatPrecision!=0 && listLength>((Math.pow(10, (floatPrecision)))*(maxNumber-minNumber)+maxNumber-minNumber)){
   alert('Impossible !');
   return false;
  }
 }

 while(i<listLength){
  i++;
  randomNumber=Math.floor(Math.random()*((maxNumber-minNumber)*Math.pow(10, floatPrecision)+1))*Math.pow(10, -floatPrecision)+minNumber;
  if(floatPrecision===0) randomNumber = String(randomNumber).slice(0, String(Math.floor(randomNumber)).length);
  else randomNumber = String(randomNumber).slice(0, String(Math.floor(randomNumber)).length+floatPrecision+1);

  if(enableDoubles===false){
   if(isDouble(aNumbers, String(randomNumber), floatPrecision)===true){
    i--;
    continue;
   }
  }
  aNumbers[i-1] = Number(randomNumber);
 }
 alert('Result : '+aNumbers);
}

Array.prototype.indexOf = function ( element ) {
	for ( var i = 0; i < this.length; i++ )
		if ( this[ i] === element )
			return i;
	return -1;
}

Array.prototype.remove = function ( element ) {
	var index = this.indexOf ( element );
	if ( index >= 0 )
		return this.splice ( index, 1 );
	else return null;
}