evo, bacite oko
RADI!!!
još radim na njoj ali uglavnom radi ... trebam još neke prilagodbe za linux, mac ... operu .... svi komentari i prijedlozi su naravno više nego dobrodošli
<html>
<head>
<title>highlight ....</title>
<style>
#Box {
border: 1px solid black;
height: 500px;
position: relative;
z-index: 10;
width: 500px;
padding: 0px;
}
#Line {
background-color: #FFFF00;
height: 16px;
position: absolute;
z-index: 1;
top: 15px;
left: 10px;
width: 500px;
}
#pero {
background-color: transparent;
width: 500px;
height: 500px;
line-height: 16px;
border: 0px solid red;
}
body {
margin-top: 14px;
margin-left: 10px;
padding: 0px;
}
</style>
<script type="text/javascript">
function pero123(myField) {
var Highlight = document.getElementById("Line");
//IE support
if (document.selection) {
myField.focus();
mySelection = document.selection.createRange();
mySelection.text = 'žžž';
dummy = myField.createTextRange();
dummy.findText('žžž');
dummy.select();
dummy.scrollIntoView();
var caretPos = myField.value.indexOf('žžž');
document.selection.clear();
dummy.select();
myField.focus();
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var caretPos = myField.selectionStart;
}
else {
}
var NewLine = (navigator.appName.toLowerCase().indexOf("internet explorer") >= 0) ? "\r\n" : "\n";
var strAllText = myField.value.substr(0, caretPos); // get all the text in myTextArea
var arrLines = strAllText.split(NewLine); // get lines in myTextArea
var LinesCount = (strAllText == "") ? 1 : arrLines.length; // get amount of lines
var Scroller = myField.scrollTop;
var FromTop = parseInt(LinesCount*16) - Scroller;
Highlight.style.top = FromTop + "px";
} // end of the 'ScriptEditorWidth()' function
</script>
</head>
<body>
<div id="Box">
<form>
<textarea id="pero" rows="25" onclick="pero123(this);" onkeypress="pero123(this);" onkeyup="pero123(this);"></textarea>
</form>
</div>
<div id="Line"></div>
</body>
</html>