Слияние кода завершено, страница обновится автоматически
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>WEB打印控件LODOP的样例三十六:如何在设计过程中用js编辑内容</title>
<script language="javascript" src="LodopFuncs.js"></script>
<object id="LODOP1" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
<embed id="LODOP_EM1" TYPE="application/x-print-lodop" width=0 height=0 PLUGINSPAGE="install_lodop32.exe"></embed>
</object>
</head>
<body>
<h2><font color="#009999">演示如何在设计过程中用js编辑内容：</font>
</h2>
一般当窗口弹出显示时，各种ADD或SET语句就无法继续执行，但如果窗口是内嵌的，则可以执行。<br>
下面首先打开显示<a href="javascript:DisplayDesign()">打印设计</a>或<a href="javascript:DisplaySetup()">打印维护</a>窗口,然后点击后面的ADD或SET语句，看看追加效果：<br>
<object id="LODOP2" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=810 height=407>
<param name="Caption" value="内嵌显示区域">
<param name="Border" value="1">
<param name="Color" value="#C0C0C0">
<embed id="LODOP_EM2" TYPE="application/x-print-lodop" width=810 height=407 PLUGINSPAGE="install_lodop.exe">
</object>
<br>
<a href="javascript:;" onclick="javascript:LODOP.ADD_PRINT_TEXTA('a',9,262,175,30,'后加的Text内容，类名为a');">ADD_PRINT_TEXTA</a>或
<a href="javascript:;" onclick="javascript:LODOP.ADD_PRINT_LINE(120,33,60,133,0,1);">ADD_PRINT_LINE</a>或
<a href="javascript:;" onclick="javascript:LODOP.ADD_PRINT_RECT(141,44,100,60,0,1);">ADD_PRINT_RECT</a>或
<a href="javascript:;" onclick="javascript:LODOP.ADD_PRINT_ELLIPSE(235,45,100,60,0,1);">ADD_PRINT_ELLIPSE</a><br>或
<a href="javascript:;" onclick="javascript:LODOP.ADD_PRINT_BARCODE(87,258,100,60,'Code39','123456789012');">ADD_PRINT_BARCODE</a>或
<a href="javascript:;" onclick="javascript:LODOP.ADD_PRINT_CHART(128,242,497,198,'5','');">ADD_PRINT_CHART</a>或
<a href="javascript:;" onclick="javascript:Addhtm();">ADD_PRINT_HTM</a><br>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA(2,'FontSize',15);">SET第2项的字体为15</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA(1,'Top','30mm');">SET第1项的Top为30mm</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA(1,'Left','++5mm');">SET第1项Left偏移++5mm</a>(可连续点击)<br>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('PRINT_INIT','Top','10mm');">SET整体Top为10mm</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('PRINT_INIT','Left','++5mm');">SET整体Left偏移++5mm</a><br>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA(2,'Deleted',true);">删除第2项</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('Selected','Deleted',true);">删除所选内容项</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('unSelected','Deleted',true);">删除未选内容项</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('All','Deleted',true);">删除全部内容项</a><br>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('First','Deleted',true);">删除第一内容项</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('Last','Deleted',true);">删除末尾内容项</a>或
<a href="javascript:;" onclick="javascript:LODOP.SET_PRINT_STYLEA('a','Deleted',true);">删除类名为“a”的内容项</a><br>或
<a href="javascript:;" onclick="javascript:SetBKIMG()">设置背景图</a><br>
或选项：<input type="checkbox" name="SendMan" value="发货人" onclick="Moditify(this)">发货人
<br><br>
<a href="javascript:;" onclick="javascript:getProgram();">1：获得全部程序代码：</a><br>
<textarea rows="6" id="S1" cols="107" >返回的结果值</textarea><br>
<input type="button" value="用这些代码执行打印预览" id="button01" style="display:none" onclick="prn_Preview()">
<p>2：获得所有打印项的
<input type="button" value="有效个数:" onclick="document.getElementById('T1').value=LODOP.GET_VALUE('ItemCount',0)">
<input type="text" id="T1" size="20">
<input type="button" value="历史个数:" onclick="document.getElementById('T1HS').value=LODOP.GET_VALUE('ItemCountHS',0)">
<input type="text" id="T1HS" size="20">
</p>
<p>3：获得第<input type="text" id="T2" size="2" value="1">个打印项的
<select size="1" id="Select01">
<option value="ItemTop">上边距</option>
<option value="ItemLeft">左边距</option>
<option value="ItemWidth">宽度</option>
<option value="ItemHeight">高度</option>
<option value="ItemContent">内容</option>
<option value="ItemClass">对象类别</option>
<option value="ItemClassName">对象类别名</option>
<option value="ItemPageType">对象类型</option>
<option value="ItemName">对象类名</option>
<option value="ItemNameID">对象识别序号</option>
<option value="ItemIndex">对象物理序号</option>
<option value="ItemFontName">字体名称</option>
<option value="ItemFontSize">字体大小</option>
<option value="ItemColor">字体颜色</option>
<option value="ItemAlign">靠齐方式</option>
<option value="Itembold">是否粗体</option>
<option value="ItemItalic">是否斜体</option>
<option value="ItemUnderline">是否下划线</option>
<option value="ItemSelected">是否被选择</option>
<option value="ItemPenWidth">线条宽度</option>
<option value="ItemPenStyle">线条类型</option>
<option value="ItemHorient">左右位置</option>
<option value="ItemVorient">上下位置</option>
<option value="ItemAngle">旋转角度</option>
<option value="ItemStretch">图片缩放模式</option>
<option value="ItemReadOnly">打印维护内容只读</option>
<option value="ItemPreviewOnly">是否仅预览</option>
<option value="ItemPageIndex">目标输出页</option>
<option value="ItemNumberStartPage">页号起始页</option>
<option value="ItemStartNumberValue">页号起始值</option>
<option value="ItemLineSpacing">行间距</option>
<option value="ItemLetterSpacing">字间距</option>
<option value="ItemGroundColor">背景色</option>
<option value="ItemShowBarText">显示条码文字</option>
<option value="ItemQRCodeVersion">QRCode版本号</option>
<option value="ItemTextFrame">边框类型</option>
<option value="ItemSpacePatch">文本尾是否补空格</option>
<option value="ItemAlignJustify">文本两端是否靠齐</option>
<option value="ItemTranscolor">图片透明背景色</option>
<option value="ItemTop2Offset">次页上边距偏移</option>
<option value="ItemLeft2Offset">次页左边距偏移</option>
<option value="ItemTableHeightScope">表格高是否含头脚</option>
<option value="ItemLinkedItem">关联对象(类名或识别序号)</option>
<option value="ItemHtmWaitMilSecs">HTM下载附加延迟毫秒数</option>
</select>
<input type="button" value="值:" onclick="document.getElementById('S2').value=
LODOP.GET_VALUE(document.getElementById('Select01').value,document.getElementById('T2').value)">
或当前“已选”对象的这些<input type="button" value="值:" onclick="document.getElementById('S2').value=
LODOP.GET_VALUE(document.getElementById('Select01').value,'selected')">
<br><textarea rows="4" id="S2" cols="107" ></textarea>
</p>
<p>4：把第<input type="text" id="T3" size="2" value="1">个打印项的内容
<input type="button" value="设置" onclick="LODOP.SET_PRINT_STYLEA(document.getElementById('T3').value,'Content',document.getElementById('S3').value)">
为如下：
<br><textarea rows="3" id="S3" cols="107" >重新设置的内容</textarea>
</p>
<p>5：获得所设背景图地址的
<input type="button" value="内容:" onclick="document.getElementById('T5').value=LODOP.GET_VALUE('BKIMG_Content',0)">
<input type="text" id="T5" size="73">
</p>
<p>6：获得打印初始化设置的
<input type="button" value="整体上边距:" onclick="document.getElementById('T6').value=LODOP.GET_VALUE('printInitTop',0)">
<input type="text" id="T6" size="65">
</p>
<p>7：获得打印初始化设置的
<input type="button" value="整体左边距:" onclick="document.getElementById('T7').value=LODOP.GET_VALUE('PrintInitLeft',0)">
<input type="text" id="T7" size="65">
</p>
<p>8：获得打印初始化设置的
<input type="button" value="编辑区宽度:" onclick="document.getElementById('T8').value=LODOP.GET_VALUE('PrintInitWidth',0)">
<input type="text" id="T8" size="65">
</p>
<p>9：获得打印初始化设置的
<input type="button" value="编辑区高度:" onclick="document.getElementById('T9').value=LODOP.GET_VALUE('PrintInitHeight',0)">
<input type="text" id="T9" size="65">
</p>
<p>10：获得打印初始化设置的
<input type="button" value="打印任务名:" onclick="document.getElementById('T10').value=LODOP.GET_VALUE('PrintTaskName',0)">
<input type="text" id="T10" size="64">
</p>
<p>11：获得当前内容被
<input type="button" value="打印的次数:" onclick="document.getElementById('T11').value=LODOP.GET_VALUE('PrintedTimes',0)">
<input type="text" id="T11" size="71">
</p>
<p>12：获得所设背景图的
<input type="button" value="X坐标(px):" onclick="document.getElementById('T12').value=LODOP.GET_VALUE('BKIMG_LEFT',0)">
<input type="text" id="T12" size="69">
</p>
<p>13：获得所设背景图的
<input type="button" value="Y坐标(px):" onclick="document.getElementById('T13').value=LODOP.GET_VALUE('BKIMG_TOP',0)">
<input type="text" id="T13" size="69">
</p>
<p>14：获得所设背景图的
<input type="button" value="宽度(px):" onclick="document.getElementById('T14').value=LODOP.GET_VALUE('BKIMG_WIDTH',0)">
<input type="text" id="T14" size="71">
</p>
<p>15：获得所设背景图的
<input type="button" value="高度(px):" onclick="document.getElementById('T15').value=LODOP.GET_VALUE('BKIMG_HEIGHT',0)">
<input type="text" id="T15" size="71">
</p>
<p>16：获得编辑界面原点坐标(相对于object)
<input type="button" value="X坐标(px):" onclick="document.getElementById('T16').value=LODOP.GET_VALUE('DesignInterfaceBaseX',0)">
<input type="text" id="T16" size="41">
</p>
<p>17：获得编辑界面原点坐标(相对于object)
<input type="button" value="Y坐标(px):" onclick="document.getElementById('T17').value=LODOP.GET_VALUE('DesignInterfaceBaseY',0)">
<input type="text" id="T17" size="41"><a href="http://www.lodop.net/uploads/file/sample/extsamples/drop_lodop/PrintSample36-01.html" target="_blank">>>原点坐标的实战例子</a>
</p>
<script language="javascript" type="text/javascript">
var LODOP; //声明为全局变量
function Moditify(item){
LODOP=getLodop(document.getElementById('LODOP2'),document.getElementById('LODOP_EM2'));
if ((!LODOP.GET_VALUE("ItemIsAdded",item.name))&&(item.checked)){
LODOP.ADD_PRINT_TEXTA(item.name,56,32,175,30,item.value); } else {
LODOP.SET_PRINT_STYLEA(item.name,'Deleted',!item.checked);}
}
function CreatePage(){
LODOP=getLodop(document.getElementById('LODOP2'),document.getElementById('LODOP_EM2'));
LODOP.PRINT_INITA(0,0,760,321,"打印控件功能演示_Lodop功能_在线编辑获得程序代码");
LODOP.ADD_PRINT_TEXT(10,50,175,30,"先加的内容");
};
function DisplayDesign() {
CreatePage();
LODOP.SET_SHOW_MODE("DESIGN_IN_BROWSE",1);
LODOP.SET_SHOW_MODE("SETUP_ENABLESS","11111111000000");//隐藏关闭(叉)按钮
LODOP.SET_SHOW_MODE("HIDE_GROUND_LOCK",true);//隐藏纸钉按钮
LODOP.PRINT_DESIGN();
};
function DisplaySetup() {
CreatePage();
LODOP.SET_SHOW_MODE("SETUP_IN_BROWSE",1);
LODOP.SET_SHOW_MODE("MESSAGE_NOSET_PROPERTY",'不能设置属性，请用打印设计(本提示可修改)！');
LODOP.PRINT_SETUP();
};
function Addhtm() {
LODOP.ADD_PRINT_HTM(45,494,288,88,"<table border='1'>\n<tr>\n<td>表格11</td>\n<td>表格12</td>\n<td>表格13</td>\n</tr>\n<tr>\n<td>表格21</td>\n<td>表格22</td>\n<td>表格23</td>\n</tr>\n</table>");
};
function SetBKIMG() {
LODOP=getLodop(document.getElementById('LODOP2'),document.getElementById('LODOP_EM2'));
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://s1.sinaimg.cn/middle/721e77e5t99431b026bd0&690'>");
};
function getProgram() {
LODOP=getLodop(document.getElementById('LODOP2'),document.getElementById('LODOP_EM2'));
document.getElementById('S1').value=LODOP.GET_VALUE("ProgramCodes",0);
document.getElementById('button01').style.display="";
};
function prn_Preview() {
LODOP=getLodop(document.getElementById('LODOP1'),document.getElementById('LODOP_EM1'));
eval(document.getElementById('S1').value);
LODOP.PREVIEW();
LODOP=getLodop(document.getElementById('LODOP2'),document.getElementById('LODOP_EM2'));
};
</script>
<p><a href="PrintSampIndex.html"><<回样例目录</a></p>
</body>
</html>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )