55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
<style>
|
|
#EditFile{
|
|
margin-left:50px;
|
|
width:850px;
|
|
height:300px;
|
|
}
|
|
|
|
.TextArea{
|
|
display:block;
|
|
margin:0;
|
|
border:0;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
function eventCreateTextArea(id){
|
|
var element = document.createElement('TEXTAREA');
|
|
var area = document.getElementById(id);
|
|
var str = '';
|
|
|
|
for(var i=1;i<2048;i++){
|
|
if(str.length>0)str += '\n';
|
|
str += i;
|
|
}
|
|
|
|
element.className = 'TextArea';
|
|
element.style.height = area.offsetHeight + "px";
|
|
element.style.width = "35px";
|
|
element.style.position = "absolute";
|
|
element.style.overflow = 'hidden';
|
|
element.style.textAlign = 'right';
|
|
element.innerHTML = str;
|
|
element.innerText = str;
|
|
|
|
area.parentNode.insertBefore(element, area.nextSibling);
|
|
SetLine();
|
|
area.focus();
|
|
|
|
area.onkeydown = function() { SetLine(); }
|
|
area.onmousedown = function() { SetLine(); }
|
|
area.onscroll = function() { SetLine(); }
|
|
area.onfocus = function() { SetLine(); }
|
|
area.onmouseover = function() { SetLine(); }
|
|
area.onmouseup = function() { SetLine(); }
|
|
|
|
function SetLine(){
|
|
element.scrollTop = area.scrollTop;
|
|
//element.ScrollLeft = area.scrollLeft;
|
|
element.style.top = (area.offsetTop ) + "px";
|
|
element.style.left = (area.offsetLeft - 40) + "px";
|
|
}
|
|
}
|
|
</script>
|