<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src='./min.js'></script>
</head>
<body>
<div id="iframe_td" style="top:200px;margin:0 auto;width:400px;border:1px solid #ff0000;height:700px">
<iframe id="editor" style="border: 0px none; width: 99%; height: 100%;"></iframe>
</div>
<script>
var _G_val = {
editor_elem:"editor",
win_scro_top:0,
lastHeight:0,
initheight:0
}
$(document).ready(
function()
{
$.extend(
{
getXY: function (element)
{
var x = 0, y = 0;
while (element.offsetParent)
{
y += element.offsetTop;
x += element.offsetLeft;
element = element.offsetParent;
}
return {
'x': x,
'y': y
};
}
}
);
$.extend(
{
setHeight:function()
{
if(_G_val.win_scro_top == 0)
{
_G_val.win_scro_top = $(window).scrollTop();
}
var _obj = $(document.getElementById(_G_val.editor_elem).contentWindow.document);
if (_obj.find("#height_controll").length <= 0)
{
_obj.find("body").eq(0).append('<span id="height_controll" style="display:block;width:0;margin:0;padding:0;border:0;clear:both;">.</span>');
}
var currentHeight = Math.max($.getXY(_obj.find("#height_controll").get(0)).y + _obj.find("#height_controll").get(0).offsetHeight, _G_val.initheight);
if (currentHeight != _G_val.lastHeight)
{
$("#iframe_td").height(currentHeight);
$(window).scrollTop((currentHeight - _G_val.initheight)+_G_val.win_scro_top + 50);
_G_val.lastHeight = currentHeight;
}
_obj.find("#height_controll").eq(0).remove();
}
}
);
$(document.getElementById(_G_val.editor_elem).contentWindow.document).bind('keyup mouseup keydown',
function()
{
$.setHeight();
}
);
$(document.getElementById(_G_val.editor_elem).contentWindow.document).find('body').attr('contenteditable',true).css({"background-color": "rgb(240, 236, 233)", "text-align": "left","overflow-y": "hidden"});
_G_val.initheight = $(document.getElementById(_G_val.editor_elem).contentWindow.document).height();
}
);
</script>
</body>
</html>
