日期:2014-05-16  浏览次数:20345 次

获取页面特殊字符位置
比如一个静态页面
我想找到   公正人盖章这几个字所在页面的位置,如何获取

主要想实现如下功能;

http://community.csdn.net/Expert/topic/5420/5420370.xml?temp=.4192926

就是在这个位置上加个层

两边揭贴

------解决方案--------------------
在这几个字外面放个span,得到这个span的绝对位置日,然后把公章放到div中,设置绝对位移

------解决方案--------------------
<div id= "message ">
用层存在个问题

我页面显示的内容是从一个text字段里调的,但是我必须把公章定位在一个特殊位置

我无法获取这个位置,因为是一个字段

我这个页面中有一段特殊文字 比如公正人盖章 这个5个字 能否找个这5个字的位置!

比如一个静态页面
我想找到 公正人盖章这几个字所在页面的位置,如何获取

主要想实现如下功能;

http://community.csdn.net/Expert/topic/5420/5420370.xml?temp=.4192926

就是在这个位置上加个层

两边揭贴
</div> <br/>
<textarea id= "source " cols=80 rows=6>
用层存在个问题

我页面显示的内容是从一个text字段里调的,但是我必须把公章定位在一个特殊位置

我无法获取这个位置,因为是一个字段

我这个页面中有一段特殊文字 比如公正人盖章 这个5个字 能否找个这5个字的位置!

比如一个静态页面
我想找到 公正人盖章这几个字所在页面的位置,如何获取

主要想实现如下功能;

http://community.csdn.net/Expert/topic/5420/5420370.xml?temp=.4192926

就是在这个位置上加个层

两边揭贴

</textarea> <br/>
<input type= "button " value= "修改文字 " onclick= "document.getElementById( 'message ').innerHTML = document.getElementById( 'source ').value "/> <input type= "button " value= "插入图章 " onclick= "insertPress() "/>
<div id= "press " style= "position:absolute;top:1;left:0;display:none "> <img src= "http://community.csdn.net/logo/images/prj.210.67.gif "/> </div>
<script>
function insertPress(){
var message = document.getElementById( "message ");
var content = message.innerHTML;
if(content.indexOf( ' <img name= "insertImg " src= " " width= "0 " height= "0 " /> ') == -1){
var oDiv = document.getElementById( "press ");
message.innerHTML = content.replace(/公正人盖章/g, ' <img name= "insertImg " src= " " width= "0 " height= "0 " /> 公正人盖章 ');
var insertImgs = document.getElementsByName( "insertImg ");
for(i=0;i <insertImgs.length;i++){
img = insertImgs[i];
var newDiv=oDiv.cloneNode(true);
newDiv.style.display = "block ";
newDiv.style.left = img.offsetLeft+ "px ";
newDiv.style.top = img.offsetTop+ "px ";
message.appendChild(newDiv);
}
}
}
</script>