关于文摘插件提交表单的开发

实例:具体功能见“我爱博客( http://www.woiblog.com )”里有相关使用介绍!

1,要实现的功能就是在浏览器加一个右键快捷方式提交所选的网页或图片内容!实例应用在博客程序里,就是在你已登陆的情况下,浏览网页时看到比较好的新闻或图片!你就可以选中内容--》点右键 出现“加入我的网摘”,这时就会弹出一个IE窗口,自动将网页标题加入表单的对应标题内容,及选中内容加入相应内容项,还有引用网址等!

2,现在 我们来看一下这个功能如何实现的!

首先我们用文本编辑器写入:
Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt]

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt\将此页加到我的网摘]
@=" http://www.woiblog.com/UserManage/addblog.asp "

。另存为.REG文件,即写入注册表项添加右键菜单

http://www.woiblog.com/UserManage/addblog.asp 为处理页
源文件如下:

 1<html>
 2<head>
 3<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
 4<title></title>
 5</head>
 6<body lang="zh-CN">
 7<form action="User_Post_Blog2.asp" id="form1" method="post">
 8<p>
 9<input id="title1" name="title" type="hidden"/>
10<input id="url1" name="url" type="hidden"/>
11<input id="js1" name="js" type="hidden"/>
12<textarea id="content1" name="content" style="DISPLAY: none"></textarea> </p>
13</form>
14</body>
15</html>
 1<script language="Javascript">
 2
 3var oWin = external.menuArguments;   
 4var oDoc = oWin.document;   
 5var titlestr;   
 6var start, end;   
 7var getzy;   
 8start = end = -1;   
 9titlestr = oWin.document.selection.createRange().text;   
10for( var i = 0; i < titlestr.length; i++ )   
11{   
12if( start == -1 )   
13if( titlestr.charAt( i ) == '\n' || titlestr.charAt( i ) == '\r' )   
14continue;   
15else   
16start = i;   
17else if( titlestr.charAt( i ) == '\n' || titlestr.charAt( i ) == '\r' )   
18{   
19end = i;   
20break;   
21}   
22  
23}   
24  
25if( start != -1 && end != -1 && start < end )   
26form1.title1.value = oDoc.title;   
27else   
28form1.title1.value = oDoc.title;   
29
30
31for( var i = 0; i < oDoc.images.length; i++ )   
32{   
33oDoc.images( i ).src = oDoc.images( i ).src;   
34} 
35
36for( var i = 0; i < oDoc.links.length; i++ )   
37{   
38oDoc.links( i ).href = oDoc.links( i ).href;   
39} 
40
41form1.url1.value = oDoc.URL ;   
42getzy = oDoc.selection.createRange().text;   
43form1.js1.value = getzy.substr(0, 250)+"..." ;   
44form1.content1.innerText = oWin.document.selection.createRange().htmlText;   
45  
46form1.submit();   
47</script>

相信很多人都看懂了,上面是一个普通的表单,下面是一个script,关键还在下面
oDoc.title 网页标题
oDoc.URL网页地址
getzy = oDoc.selection.createRange().text; '以文本方式取得所选 的内容
form1.js1.value = getzy.substr(0, 250)+"..." ; '取得前250个字符,之…结束,作为简介
form1.content1.innerText = oWin.document.selection.createRange().htmlText; HTML方式取得所选内容
form1.submit(); 自动提交表单到FORM里的ACTION即:User_Post_Blog2.asp
到这里已经做到了信息的获取!之后就是普通的ASP表单处理了!
像标题的VALUE就用value=``` =request("title")

1其它的照样子搬就是了! 
2
3出处:第五网络( http://www.d5web.com )转载请注明
Published At
Categories with Web编程
Tagged with
comments powered by Disqus