ちょっとずつ領域を広くする

javascript

そろそろカッコイイ UI に取り組みたいので勉強中。

var area = $('edit_area');
if(count == undefined) {
  count = 1;
  area.style.display = "";
  area.style.position = "absolute";
}
var area_width  = 50 * count;
var area_height = 40 * count;
area.style.left = (screen.width / 2) - (area_width / 2);
area.style.top  = (screen.height/ 2) - (area_height / 2 + 50);
area.style.width  = area_width;
area.style.height = area_height;
if(count < 10) {
  setTimeout("edit(" + (count + 1) + ")" , 30);
}

ゴリゴリやな。
iframe で src を指定した先を javascript でゴニョゴニョするんじゃなくて、中身を javascript で直接作れないものだろうか。