1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
| <head>
<script type="text/javascript">
function yo ( bla ) { document.execCommand (bla, false, null); }
function bl( bla ) { document.execCommand ('formatBlock', false, '<'+bla+'>'); }
function lnk () { document.execCommand ('createLink', false, 'http://www.google.com'); }
function unlnk () { document.execCommand ('unLink', false, null); }
function size (size) { document.execCommand ('fontSize', false, size); }
function col ( co ) { document.execCommand ('foreColor', false, co); }
function face ( fa ) { document.execCommand ('fontName', false, fa); }
function insertHTML ( code ) {
if ( document.selection ) { // iexplorer caca
var obj=document.getElementById('edit').focus();
document.selection.createRange().pasteHTML(code);
} else {
document.execCommand ('InsertHTML', false, code);
}
}
function insertImage( align ) {
// ajouter un prompt ici
if (align=='none') { insertHTML ( '<img src="avatar.JPG">' ); }
if (align=='left') { insertHTML ( '<img src="avatar.JPG" align="left" hspace="8" vspace="8">' ); }
if (align=='right') { insertHTML ( '<img src="avatar.JPG" align="right" hspace="8" vspace="8">' ); }
}
</script>
</head>
<body>
<div>
<button onClick="yo('bold');">b</button>
<button onClick="yo('italic');">i</button>
<button onClick="yo('underline');">u</button>
<button onClick="bl('h1');">h1</button>
<button onClick="bl('h2');">h2</button>
<button onClick="bl('p');">p</button>
<button onClick="size(1);">petit</button>
<button onClick="size(3);">moyen</button>
<button onClick="size(5);">gros</button>
<button onClick="col('#CC0000');">rouge</button>
<button onClick="face('Arial Black');">Arial Black</button>
<button onClick="face('Verdana');">Verdana</button>
</div>
<div>
<button onClick="lnk();">lien</button>
<button onClick="unlnk();">virer lien</button>
<button onClick="insertImage('none');">image simple</button>
<button onClick="insertImage('left');">image incrustée à gauche</button>
<button onClick="insertImage('right');">image incrustée à droite</button>
</div>
<br/>
<div id="edit" contenteditable="true" style="font-family:Verdana, Helvetica, Sans Serif; border-width:1; border-color:#000000; border-style:dashed;">tap ton txt</div>
<div id='txt'></div>
</body> |
Partager