Download

Contenu du fichier de /documents/old.html (télécharger old.html)

<textarea id="contenu" rows="10" cols="60"></textarea>

<script type="text/javascript">

	function event(obj,event, fn)
	{
	    if (obj && obj.addEventListener)
	    {
		obj.addEventListener(event,fn, false);
	    	return true;
	    }
	    else if (obj && obj.attachEvent)
	    {
	    	var ret =obj.attachEvent("on"+event, fn);
		return ret;
	    }
	    return false;
	}


    genwysiwyg("contenu");
    
    var iframe;
    function genwysiwyg(textarea)
    {
	    if(document.getElementById(textarea))
	    {
		// Creation du iframe
		textarea=document.getElementById(textarea);
		height=textarea.offsetHeight;
		width=textarea.offsetWidth;
		left=textarea.offsetLeft;
		top=textarea.offsetTop;
		textarea.style.display="none";
		iframe = document.createElement("iframe");
		iframe.setAttribute("id","designmode");		
		document.body.appendChild(iframe);
		iframe=document.getElementById("designmode");
		iframe.contentDocument.designMode="on";

		iframe.setAttribute('style','position:absolute;left:'+left+'; top:'+(top+20)+'; width:'+width+'px;height:'+height+'px;border:1px outset black');		

		
		// Creation de la barre de menu
		menu = document.createElement("div");
		menu.setAttribute('style','position:absolute;left:'+left+';top:'+top+';border:1px solid black; width:'+width+'px; height:20px;background-color:grey');
		document.body.appendChild(menu);
		
	// Creation des boutons
		// Gras
		gras = document.createElement("input");
		gras.style.borderStyle="outset";		
		gras.type="button";
		gras.value="Gras";
		gras.id="";
		gras.title="bold";
		event(gras,"click",modiftext);
		menu.appendChild(gras);
		// graslic
		gras = document.createElement("input");
		gras.style.borderStyle="outset";
		gras.type="button";
		gras.value="italique";
		gras.id="";
		gras.title="italic";
		event(gras,"click",modiftext);
		menu.appendChild(gras);
	    }
    }
    
    function modiftext(x,y)
    {

	if(iframe)
	{
	if(this.style.borderStyle=="inset inset inset inset") { this.style.borderStyle="outset"; } 
	else if(this.style.borderStyle=="outset outset outset outset") { this.style.borderStyle="inset"; } 	
	iframe.contentDocument.execCommand(this.title,false,this.id);
	}
    }

</script>