怎么让多行文本框中，光标所在段落的行首加上一个[l]
日期：2014-05-16 浏览次数：20529 次
如何让多行文本框中，光标所在段落的行首加上一个[l]
如何通过按一个按钮，然后让多行文本框中，光标所在段落的行首加上一个[l]
------解决方案--------------------
http://jiaxue.10mb.cn/itext/
------解决方案--------------------
楼上的代码很有创意。
作了一点小修正：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta http-equiv= "pragma " content= "no-cache ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Document Title </title>
<style type= "text/css ">
.t{
background-image:url( "http://jiaxue.10mb.cn/itext/i.gif ");
background-repeat:no-repeat;
background-position:2px 4px;
width:400px;
height:200px;
line-height:18px;
font-size:14px;
padding:5px 0px 0px 10px;
background-attachment:fixed;
}
</style>
</head>
<body>
<textarea id= "jia " class= "t " onkeyup= "setl(); " onclick= "setl(); " onscroll= "setl(); ">
这是一些内容
这是一些内容
这是一些内容
这是一些内容
</textarea>
<script language= "javascript ">
function setl(){
var jia = document.getElementById( "jia ");
var rng = document.selection.createRange();
jia.style.backgroundPosition = "2px "+(rng.boundingTop-20+jia.scrollTop)+ "px ";
}
</script>
</body>
</html>
------解决方案--------------------
不错，学习！ ^_^
------解决方案--------------------
按照这个思路，可以给多行文本框的焦点行整行添加一个背景色，嘻嘻！
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta http-equiv= "pragma " content= "no-cache ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Document Title </title>
<style type= "text/css ">
.t{
width:400px;
height:200px;
padding:5px 0px 0px 10px;
}
</style>
</head>
<body>
<div style= "position:absolute;width:0px; ">
<div id=cursorDiv style= "position: relative; background-color: red; width: 3px; "> </div>
</div>
<textarea id= "jia " class= "t " onkeyup= "setl(); " onclick= "setl(); " onscroll= "setl(); " >
这是一些内容
这是一些内容
这是一些内容
这是一些内容
</textarea>
<script language= "javascript ">
function setl(){
var jia = document.getElementById( "jia ");
var rng = document.selection.createRange();
cursorDiv.style.top = rng.boundingTop-18+jia.scrollTop;
}
</script>
</body>
</html>
------解决方案--------------------
支持一下，有创意
如何通过按一个按钮，然后让多行文本框中，光标所在段落的行首加上一个[l]
------解决方案--------------------
http://jiaxue.10mb.cn/itext/
------解决方案--------------------
楼上的代码很有创意。
作了一点小修正：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta http-equiv= "pragma " content= "no-cache ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Document Title </title>
<style type= "text/css ">
.t{
background-image:url( "http://jiaxue.10mb.cn/itext/i.gif ");
background-repeat:no-repeat;
background-position:2px 4px;
width:400px;
height:200px;
line-height:18px;
font-size:14px;
padding:5px 0px 0px 10px;
background-attachment:fixed;
}
</style>
</head>
<body>
<textarea id= "jia " class= "t " onkeyup= "setl(); " onclick= "setl(); " onscroll= "setl(); ">
这是一些内容
这是一些内容
这是一些内容
这是一些内容
</textarea>
<script language= "javascript ">
function setl(){
var jia = document.getElementById( "jia ");
var rng = document.selection.createRange();
jia.style.backgroundPosition = "2px "+(rng.boundingTop-20+jia.scrollTop)+ "px ";
}
</script>
</body>
</html>
------解决方案--------------------
不错，学习！ ^_^
------解决方案--------------------
按照这个思路，可以给多行文本框的焦点行整行添加一个背景色，嘻嘻！
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta http-equiv= "pragma " content= "no-cache ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Document Title </title>
<style type= "text/css ">
.t{
width:400px;
height:200px;
padding:5px 0px 0px 10px;
}
</style>
</head>
<body>
<div style= "position:absolute;width:0px; ">
<div id=cursorDiv style= "position: relative; background-color: red; width: 3px; "> </div>
</div>
<textarea id= "jia " class= "t " onkeyup= "setl(); " onclick= "setl(); " onscroll= "setl(); " >
这是一些内容
这是一些内容
这是一些内容
这是一些内容
</textarea>
<script language= "javascript ">
function setl(){
var jia = document.getElementById( "jia ");
var rng = document.selection.createRange();
cursorDiv.style.top = rng.boundingTop-18+jia.scrollTop;
}
</script>
</body>
</html>
------解决方案--------------------
支持一下，有创意
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
