颠覆软件

key words: IE打印 web打印 页面打印

最近又碰到了页面打印，顺便记录一下，本来下午写完了，可惜最近blogjava最近总是出现问题，提交居然失败，只好再来一次.

function SaveDataSourec(HeadName1, HeadName2, DivName) {
var Div1 = DivName.innerHTML;
var css = ’<style type=“text/css“ media=all>‘ +
‘p { line-height: 120%}’ +
‘.fhead {   font-size: 9pt; text-decoration: none; color: 104A7B}’ +
‘.ftitle { line-height: 120%; font-size: 18px; color: #000000}’ +
‘td { font-size: 10px; color: #000000}’ +
‘</style>‘ ;

var body = ’<table width=“640“ border=“0“ cellspacing=“0“ cellpadding=“5“>‘ +
‘ <tr> ’ +
‘ <td class=“fbody“>‘ +
‘ <b><div align=“center“>‘ + ’<font size=“+1“ class=fhead>‘ + HeadName1 + ’</div>‘ + ’</font></b>‘ +
‘ <b><div align=“center“>‘ + ’<font size=“+1“ class=fhead>‘ + HeadName2 + ’</div>‘ + ’</font></b>‘ +
‘ </td>‘ +
‘ </tr>‘ +
‘ <tr> ’ +
‘ <td class=“fbody“>‘ +
‘ <div align=“center“ class=ftitle>‘ + Div1 + ’</div>‘ +
‘ </td>‘ +
‘ </tr>‘ +
‘</table>‘;
document.body.innerHTML = ’<center>‘ + css + body + ’<OBJECT classid=“CLSID:8856F961-340A-11D0-A96B-00C04FD705A2“ height=0 id=wb name=wb width=0></OBJECT>‘ + ’</center>‘;
}

function PrintDataSourec(HeadName1, DivName) {
var oldBody = document.body.innerHTML;
var Div1 = DivName.innerHTML;
var css = ’<style type=“text/css“ media=all>‘ +
‘p { line-height: 120%}’ +
‘.fhead {   font-size: 40pt; text-decoration: none; color: 104A7B}’ +
‘.ftitle { line-height: 120%; font-size: 25px; color: #000000}’ +
‘td { font-size: 25px; color: #000000}’ +
‘</style>‘ ;

var body =
‘<table width=“100%“ border=“0“ cellspacing=“0“ cellpadding=“0“>‘ +
‘ <tr>‘ +
‘   <td height=“40“></td>‘ +
‘ </tr>‘ +
‘</table>‘ +
‘<table width=“640“ border=“0“ cellspacing=“0“ cellpadding=“5“>‘ +
‘ <tr> ’ +
‘ <td class=“fbody“>‘ +
‘ <b><div align=“center“>‘ + ’<font size=“+3“ class=fhead>‘ + HeadName1 + ’</div>‘ + ’</font></b>‘ +
‘ </td>‘ +
‘ </tr>‘ +
‘ <tr> ’ +
‘ <td class=“fbody“>‘ +
‘ <div align=“center“ class=ftitle>‘ + Div1 + ’</div>‘ +
‘ </td>‘ +
‘ </tr>‘ +
‘</table>‘ +
‘<table width=“640“ border=“0“ cellspacing=“0“ cellpadding=“5“>‘ +
‘ <tr> ’ +
‘ <td class=“fbody“>‘ +
‘ </td>‘ +
‘ </tr>‘ +
‘</table>‘;
document.body.innerHTML = ’<center>‘ + css + body + ’<OBJECT classid=“CLSID:8856F961-340A-11D0-A96B-00C04FD705A2“ height=0 id=wb name=wb width=0></OBJECT>‘ + ’</center>‘;
try {
wb.execwb(6, 6);
}
catch(ex) {
alert(“请在ＩＥ里设置允许ActiveX“);
}
document.body.innerHTML = oldBody;
}

function PrintDataSourecWithSetup(HeadName1, HeadName2, DivName) {
var oldBody = document.body.innerHTML;
var Div1 = DivName.innerHTML;
var css = ’<style type=“text/css“ media=all>‘ +
‘p { line-height: 120%}’ +
‘.fhead {   font-size: 9pt; text-decoration: none; color: 104A7B}’ +
‘.ftitle { line-height: 120%; font-size: 18px; color: #000000}’ +
‘td { font-size: 10px; color: #000000}’ +
‘</style>‘ ;

var body = ’<table width=“640“ border=“0“ cellspacing=“0“ cellpadding=“5“>‘ +
‘ <tr> ’ +
‘ <td class=“fbody“>‘ +
‘ <b><div align=“center“>‘ + ’<font size=“+1“ class=fhead>‘ + HeadName1 + ’</div>‘ + ’</font></b>‘ +
‘ <b><div align=“center“>‘ + ’<font size=“+1“ class=fhead>‘ + HeadName2 + ’</div>‘ + ’</font></b>‘ +
‘ </td>‘ +
‘ </tr>‘ +
‘ <tr> ’ +
‘ <td class=“fbody“>‘ +
‘ <div align=“center“ class=ftitle>‘ + Div1 + ’</div>‘ +
‘ </td>‘ +
‘ </tr>‘ +
‘</table>‘;
document.body.innerHTML = ’<center>‘ + css + body + ’<OBJECT classid=“CLSID:8856F961-340A-11D0-A96B-00C04FD705A2“ height=0 id=wb name=wb width=0></OBJECT>‘ + ’</center>‘;
wb.execwb(6, 6);
document.body.innerHTML = oldBody;
}

function SetPrintSettings() {
// – advanced features
    factory.printing.SetMarginMeasure(2) // measure margins in inches
    factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
    factory.printing.printer = “HP DeskJet 870C“
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = “A4“
factory.printing.paperSource = “Manual feed“

// – basic features
    factory.printing.header = “This is MeadCo“
factory.printing.footer = “Advanced Printing by ScriptX“
factory.printing.portrait = false
factory.printing.leftMargin = 1.0
factory.printing.topMargin = 1.0
factory.printing.rightMargin = 1.0
factory.printing.bottomMargin = 1.0

}

//调用接口
function printit(HeadName1, DivName) {
if (confirm(’是否确认打印?‘)) {
PrintDataSourec(HeadName1, DivName);
return;
}
}

//带配置的接口
function printitWithSetup(HeadName1, HeadName2, DivName) {
if (confirm(’是否确认’)) {
PrintDataSourecWithSetup(HeadName1, HeadName2, DivName);
}
}

//另存
function saveas(HeadName1, DivName) {
SaveDataSourec(HeadName1, “”, DivName);
//wb.execwb(4,1);
    top.frames(“mainFrame“).document.execCommand(“saveAs“);
window.history.back(0);
}

调用很简单，把要打印的部分直接放在 <div>里就可以了

<div id=”myPrint”>

your content to print

</div>

把div传给printit就可以了

由于本质上是js调用了ActiveX，所以会涉及到安全的问题，如果客户端对ActiveX禁用会出现问题，所以可以在异常处理信息里告诉用户，可以在安全设置里把你的站点的ＵＲＬ放进信任站点

关于打印，还有另一种类型，就是发票套打，可以用Applet实现，也可以用自己写的ActiveX来实现，上一次的一个phs项目里他们就使用ｖｃ写的ActiveX,用起来感觉不错，不过依然存在安全上的限制问题，不过如果用Applet的话实际上也是需要客户端安装jre的，从某种角度上来说差不多。话又说回来，做项目不同于做产品，可以对客户有所要求 

kew words: javamail

这几天项目里涉及到javamail,顺便看了下.

现在都习惯在blogjava上搜索一番了  XXX in site:blogjava.net是我常用的搜索方式了,呵呵,大多数时候发现blogjava没让我失望,也说明这里的高手很多啊

感觉 Bromon的两篇文章很实用:
JavaMail使用指南(一) 和 Javamail使用指南(二)

还有 morcble的 javamail发送邮件 和 javamail接受邮件

在测试的时候有几个问题值得一提:

• 第一就是一定要加上activation.jar 库文件,否则会报下面的异常:

NoClassDefFoundError: javax/activation/DataSource

• 另外,发现用yahoo的smtp会报535的验证错误,把验证的方式换为morcble的下面的内部类的方式验证也不行:

Session session = Session.getDefaultInstance(props,
new Authenticator() {
public PasswordAuthentication getPasswordAuthentication() {
return new PasswordAuthentication(mymail.username,
mymail.password);
}
});
最后换了个smtp服务器没问题,不知道各位兄弟有没有碰到这样的问题,可以确认的是我的yahoo配置信息应该是正确的,因为我用foxmail收发信件都是可以的.

后来到yahoo中国里面看了一下帮助,里面说

我们目前正在对雅虎邮箱该项服务进行相关的调整，因此我们暂时停止了在页面上POP服务设置的相关介绍。目前雅虎邮箱暂时不提供POP服务，敬请关注雅虎邮箱的近期活动。

应该就是这个原因了  

• 另外,还有一些基于javamail封装的工具类:

可以参考这篇 :  简化JavaMail：小巧 Jakarta Commons-Email 简单教程

出处:codeChina

key words: cos 文件上传 jsp上传

index.html文件:

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html;charset=gb2312″>
<title>无标题文档</title>
</head>

<body>
<!– enctype的值很重要,upload.jsp为处理上传的jsp–>
<form name=”form1″  method=”post” enctype=”multipart/form-data”
action=”upload.jsp”>
<p>
<input name=”file1″ type=”file”>
</p>
<p>
<input name=”file2″ type=”file”>
</p>
<p>  <input name=”file3″ type=”file”>
</p>
<p>
<input type=”submit” name=”Submit” value=”上传”>
</p>
</form >

</body>
</html> 
upload.jsp文件 :

<%@page import=“java.io.*“%>
<%@page import=“com.oreilly.servlet.MultipartRequest“%>
<%@page import=“com.oreilly.servlet.multipart.CoverFileRenamePolicy“%>
<%@page contentType=“text/html; charset=gb2312“ %>
<%
//文件上传后，保存在c:\\upload
String saveDirectory =“c:\\upload“;
//每个文件最大5m,最多3个文件,所以
int maxPostSize =3 * 5 * 1024 * 1024 ;
//response的编码为“gb2312“,同时采用缺省的文件名冲突解决策略,实现上传
//就这一句就完成上传了,真是很爽
MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize,“gb2312“);

//输出反馈信息
Enumeration files = multi.getFileNames();
while (files.hasMoreElements()) {
System.err.println(“ccc“);
String name = (String)files.nextElement();
File f = multi.getFile(name);
if(f!=null){
String fileName = multi.getFilesystemName(name);
String lastFileName= saveDirectory+“\\“ + fileName;
out.println(“上传的文件:“+lastFileName);
out.println(“<hr>“);

}
}

%>

相关链接:几种上传方法介绍和比较

key words: 动态树 eval函数用法

近期项目中需要在ilearning中做开发,用到大量纯jsp模式的开发,当然javaScript也用了很多,看来近期要好好研究javascript了

一.树
这次要做一个树,需要支持展开和放置checkbox,开始的时候打算找一个,后来发现没有适合的,最后自己写,其实也就是用到.style.display=’none’或者.style.display=’block’来支持展开
显示效果如下:

<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>Tree</title>
<script language=”javascript”>
function show(IMG,DV)
{
if(DV.style.display==“none“)
{
DV.style.display=“block“;
IMG.src=“manager.gif“
}
else
{
DV.style.display=“none“;
IMG.src=“manager.gif“
}
}
var display=“none“;
var i;
function showall()
{
var divTags=document.getElementsByTagName(“div“);
//alert(divTags[10].id.replace(”DV”,”"));
    if( display==“none“ )
{
for(i=0;i<divTags.length;i++)
{
divTags[i].style.display=“block“;
eval(“IMG“+divTags[i].id.replace(“DV“,“”)).src=“images/btnDel.gif“;
display=“block“
}
}
else
{
for(i=0;i<divTags.length;i++)
{
divTags[i].style.display=“none“;
eval(“IMG“+divTags[i].id.replace(“DV“,“”)).src=“images/btnAdd.gif“;
display=“none“;
}
}
}
</script>

<SCRIPT LANGUAGE=”JavaScript”>
function checkAll(str)
{
var a = document.getElementsByName(str);
var n = a.length;
for (var i=0; i<n; i++)
a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
var e = window.event.srcElement;
var all = eval(“document.form0.“+ str);
if (e.checked)
{
var a = document.getElementsByName(e.name);
all.checked = true;
for (var i=0; i<a.length; i++)
{
if (!a[i].checked){ all.checked = false; break;}
}
}
else all.checked = false;
}
</SCRIPT>

</head>

<body>
<a href=”#” ONCLICK=”show(IMG001,DV001)”>
<img id=”IMG001″ src=”manager.gif” border=”0″></a>
<input type=”Checkbox” name=”All” onclick=”checkAll(’cb’)”>
第一层

<!–Begin of 2–>
<DIV id=’DV001′ style=’display:none’>
&nbsp;&nbsp;<img id=”IMG0010″ src=”user.gif” border=”0″>
<input type=”checkbox” name=”cb” value=”1″ >
101
<br>
&nbsp;&nbsp;<img id=”IMG0010″ src=”user.gif” border=”0″>
<input type=”checkbox” name=”cb” value=”1″ >
102
<!–End of 2–>
</div>
<br>
<a href=”#” ONCLICK=”show(IMG002,DV002)”>
<img id=”IMG002″ src=”manager.gif” border=”0″>
</a>
<input type=”Checkbox” name=”fdasfdsafsd” onclick=”checkAll(’cbb’)” >
第二层

<!–Begin of 2–>
<DIV id=’DV002′ style=’display:none’>
&nbsp;&nbsp;<img id=”IMG0011″ src=”user.gif” border=”0″>
<input type=”checkbox” name=”cbd” value=”1″ id=”cbb”>
201
<br>
&nbsp;&nbsp;<img id=”IMG0011″ src=”user.gif” border=”0″>
<input type=”checkbox” name=”cbd” value=”1″ id=”cbb”>
202
<!–End of 2–>
</div>
</body>
</html>

---

2.eval函数用法
这次碰到一个问题,就是动态获取某个id的值,比如document.formX.idX.value,其中idX是动态的,所以直接写无法获得,会提示找不到某变量,这时eval就派上用场了
比如

var myObj = “document.formX.“+idX;
myObj.value = XXValue;
详细信息参考这里
这里再提供几个例子:

function simpleSwap()
{
var the_image = prompt(“change parrot or cheese“,“”);
var the_image_name = “window.document.“ + the_image;
var the_image_object = eval(the_image_name);
the_image_object.src = “ant.gif“;
}

function tophide(id)    //id indicates menu
{
if (top.topframeset.rows == “31,*“)
{
top.topframeset.rows = “86,*“;
eval(id + “_icon.src=“/imgs/collapse_up.gif’“);
eval(id + “_icon.alt=‘Collapse The Head’“);
head.style.display = “block“
}
else
{
top.topframeset.rows = “31,*“;
eval(id + “_icon.src=“/imgs/collapse_down.gif’“);
eval(id + “_icon.alt=’Expand The Head’“);
head.style.display = “none“
}
}

注:这个说的挺全面,考虑到了两种情况,一个是超连接,一个是表单

原文是这里

Struts 的 Token 机制可以解决这个问题。

1．   防止通过超链接重复访问 Struts Action 。

如果我们要防止 A 的默认页面 J 中指向 K 的超链接重复提交数据，按照下列步骤即可：

a．   如果 J 是从 Struts Action 转发而来，我们要在该 Struts Action 的 execute 方法中添加下面的一行：

    saveToken(request);

b．   如果 J 不是从 Struts Action 转发而来，那么新建一个 Struts Action ，在该 Struts Action 的 excute 方法中增加上面的一行，然后再从该 action 转到 J 页面。

c．   在 J 页面中使用 Struts 标签生成指向 K 的超链接，如：

   <html:link action=”/deleteLayoutAction?layoutId=0″ transaction=”true” >delete</html:link>

   注意红色字体部分。

d．   在 <html:link> 标签指向的 action 的 excute 方法中加入下面的代码：

   if (!isTokenValid(request)) {

                     return mapping.findForward(” 这种情况下就是重复提交，转到相应的页面 “);

              }

e ． All Done.

2．   防止通过表单重复提交数据。

a．   如果 J 是从 Struts Action 转发而来，我们要在该 Struts Action 的 execute 方法中添加下面的一行：

    saveToken(request);

b．   如果 J 不是从 Struts Action 转发而来，那么新建一个 Struts Action ，在该 Struts Action 的 excute 方法中增加上面的一行，然后再从该 action 转到 J 页面。

c．   在 J 页面中表单 Action 属性指向的 Struts action 的 excute 方法中加入下面的代码：

   if (!isTokenValid(request)) {

           saveToken(request);

                     return mapping.findForward(” 这种情况下就是重复提交，转到相应的页面 “);

   saveToken(request);

              }

e ． All Done.