部分javascript代码_decument-优快云博客

本文链接：https://blog.youkuaiyun.com/kinglino520/article/details/4519232

本文介绍了一种网页中水印设置的方法，包括水印模板的选择、颜色调整、位置设定等操作。通过JavaScript实现了无刷新页面加载水印配置，并提供了调色板功能以自定义水印的颜色。

//无刷新页面

function selectTemplate(){

var url = 'waterMarkSetting!query.do';0

var params={

waterMarkName:$('#mc2').attr('value')

};

jQuery.post(url,params,callbackFun,'json');

}

function callbackFun(data){

$("#position"+data.waterMarkSetting.position).attr("checked","true");

$("#picker1").val(data.waterarkSetting.fontColor);s

}

//隐藏TD

function forHiddenCode(index){

for(a=1;a<=2;a++){

if(index==a){

if(decument.getElementById("TD的ID"+a).style.display=="none"){

decument.getElementById("TD的ID"+a).style.display=="block";

}else{

decument.getElementById("TD的ID"+a).style.display=="none";

}

}else{

decument.getElementById("TD的ID"+a).style.display=="none";

}

//确定按钮

function doDel(){

if(!confirm("确定删除吗?")){

return false;

}

return true;

}

//调色控件

jQuer(

function($){

$("#picker1").attachColoPicker();

$().change(function(){$(docuent.body).css("",$("#picker1").getValue())});

}

);

//combobox

function set_mc(targetElement){

if(targetElement.selectedIndex != -1){

targetElement.form.elements['mc'].value = targetElement.options[targetElement.selectedIndex].value;

}

$('#mc2').css('display','none');

}

function showDrop(id){

$('#mc2').attr("size",20);

$('#mc2').css('display','');

}

<s:form action="waterMarkSettingSU!saveOrUpdate.do" name="aa" method="post" onsubmit="return checkSubmit();">

//combobox

<s:select id="mc2" name ="waterMarkName" list="%{oldImg}" onclick="set_mc(this )"/>

//TD隐藏

//调色控件

<s:textfield id="picker2" name="waterMarkSetting.arkBackColor" value=""/>

//换图控件

<s:select id="markImage" label="" name="" list="%{image}" onchange="document.getElementById('img1').src='../image.jsp?p='+this.value"/><img id="img1" src="../image.jsp?p=blank.gif"/>

<s:submit id="s1" value="submit" src="../img/save.gif" type="image"/>

<s:submit id="s2" value="reset" src="../img/delete.gif" action="waterMarkSettingDel!delect" type="image" onclick="doDel();" ondblclick="return checkSubmit();"/>

</s:form>