redimensionner en javascript <style> div { border:1px dotted black ; position:absolute; padding:12px} #in { width:440px; top:0px; left:130px; height:70px; } #t1 { width:100px; top:100px; left:250px;height:70px; } #t2 { width:400px; top:200px; left:350px;height:140px; } #jean-michel { width:100px; top:340px; left:450px;height:70px; } </style> <script> function fixer(indic, valeur) { var expire=3650000; var maintenant = new Date(); var temps = new Date(maintenant.getTime() + expire); document.cookie = indic+"="+unescape(valeur)+"; expires="+temps.toGMTString()+";"; document.title = indic+"="+unescape(valeur)+"; expires="+temps.toGMTString()+";"; alert('cookie saved '+ indic +' '+unescape(valeur) ); } var bloc=true; var htm,css,nb=1; //------- visit ------ function visit(node) { if ( node.tagName=='DIV' ) { var sty=node.style ; sty.cursor=""; positionne(node); if ( node.id ) htm+=node.tagName+'#'+node.id+' { '+sty.cssText+' } \n'; nb++; } } //------ xWalkTree --------- function xWalkTree(oNode) { if (oNode) { if (oNode.nodeType == 1) visit(oNode); for (var c = oNode.firstChild; c ; c=c.nextSibling) { xWalkTree(c); } } } function sauve(name) { htm=''; css='\ndiv {position:absolute;border:1px dotted black;padding:12px}\n'; xWalkTree(document.body); fixer(name,htm); } var gobj; //------ show ------- function show(node){ htm=''; css='\ndiv {position:absolute;border:1px dotted black;padding:12px}\n'; xWalkTree(node); var a=document.getElementById('info'); document.getElementById('form').style.display='block'; a.innerHTML=css+htm; } </script> <script src='colpic.js' ></script> <script src='rdim.js' ></script> </HEAD><BODY onload='xWalkTree(document.body)'><input type='button' onclick='show(document.body);' value='show'/> <form id='form' method='post' style='display:none;z-index:2'> Cookie <input style='left:300' type='text' name='f' value='velizy' /> <input type='submit' id='save' value='save' /> <BR><textarea id='info' rows='10' cols='140' name='txt' onchange='change(this.id);'> Déplacer ou agrandisser les rectangles (lentement) ... </textarea> </form><DIV id='in' > Merci <a href="http://blog.oli-web.com/?2006/04/23/53-redimensionnement-et-drag-n-drop-javascript">blog.oli-web.com</a> <BR>simplifié et enrichi par <a href='http://jeanmichel.gens.free.fr'>jean-michel</A> </DIV> <DIV id='t1' >Merci de conserver les liens </DIV> <DIV id='t2' style='' >Vous pouvez l'utiliser sans problème <BR>Il suffit d'inclure rdim.js <BR>Vous pouvez sauver les positions ,tailles et couleurs dans un cookie <BR>Cliquez sur la molette pour la couleur <BR>Vive le javascript </DIV> <DIV id='jean-michel'><img src='jean-michel.jpg'/></DIV> </body> </html>