function ajyidon() {
//按键移动组件
jQuery('.poabs').unbind('click');
jQuery('.poabs').click(function () {
jQuery('.poabs').removeClass('ajck') && jQuery(this).addClass('ajck');
});
}
document.onkeydown = function (event) {
var e = event || window.event || arguments.callee.caller.arguments[0];
var yleft = jQuery('.poabs.ajck').offset().left;
var ytop = jQuery('.poabs.ajck').offset().top;
if (e && (e.keyCode == 40 || e.keyCode == 38 || e.keyCode == 37 || e.keyCode == 39)) {
if (e && e.keyCode == 40) { //下
jQuery('.poabs.ajck').offset({ top: ytop + 1 })
}
if (e && e.keyCode == 38) { //上
jQuery('.poabs.ajck').offset({ top: ytop - 1 })
}
if (e && e.keyCode == 37) { //左
jQuery('.poabs.ajck').offset({ left: yleft - 1 })
}
if (e && e.keyCode == 39) { //右
jQuery('.poabs.ajck').offset({ left: yleft + 1 })
}
var thiid = jQuery('.poabs.ajck').attr('id');
var reg = /\d+/;
var thisid = thiid.match(reg);
yleft = jQuery('.poabs.ajck').css('left');
ytop = jQuery('.poabs.ajck').css('top');
jQuery('[name="x[' + thisid + ']"]').val(yleft);
jQuery('[name="y[' + thisid + ']"]').val(ytop);
return false;
}
}
var yaoti = 88;
zhikeyidon();
function addpic() {
var pic = jq("#picbox .control-group").length;
pic++;
var newpic = '
';
var newpop = '-: ';
if (pic <= 30) {
jq("#picbox").append(newpic);
jq("#dmspmk").append(newpop);
zhikeyidon();
} else {
alert("数量建议不要超过30个!");
}
}
function delpic() {
var pic = jq("#picbox .control-group").length;
pic--;
if (pic >= 1) {
jq("#picbox .control-group").eq(pic).remove();
jq("#anniu" + (pic + 1)).remove();
} else {
alert("亲再删就没有了啊!!!!");
}
}
function zhikeyidon() {
jq('#dmspmk .poabs').draggable({
stop: function () {
var zjid = jq(this).attr("data-mkid");
//alert(zjid);
jq('[name="x[' + zjid + ']"]').val(this.style.left);
jq('[name="y[' + zjid + ']"]').val(this.style.top);
}
});
jq('#dmspmk .poabsdt').draggable({
stop: function () {
//alert(this.style.width);
jq('[name="dtx"]').val(this.style.left);
jq('[name="dty"]').val(this.style.top);
}
});
jq('#dmspmk #zuojt').draggable({
stop: function () {
//alert(this.style.width);
jq('[name="zjtx"]').val(this.style.left);
jq('[name="zjty"]').val(this.style.top);
}
});
jq('#dmspmk #youjt').draggable({
stop: function () {
//alert(this.style.width);
jq('[name="yjtx"]').val(this.style.left);
jq('[name="yjty"]').val(this.style.top);
}
});
ajyidon();
}
function yunguiwei() {
for (var i = 0; i <= jq("#picbox .control-group").length; i++) {
//定位按钮
jq("#anniu" + i + " img").attr('src', jq('[name="pica[' + i + ']"]').val());
jq('#anniu' + i).css("left", jq('[name="x[' + i + ']"]').val());
jq('#anniu' + i).css("top", jq('[name="y[' + i + ']"]').val());
jq('#anniu' + i).css("width", jq('[name="w[' + i + ']"]').val());
jq('#anniu' + i).css("height", jq('[name="h[' + i + ']"]').val());
}
//箭头归位
jq("#zuojt img").attr('src', jq('[name="zuo"]').val());
jq('#zuojt').css("left", jq('[name="zjtx"]').val());
jq('#zuojt').css("top", jq('[name="zjty"]').val());
jq('#zuojt').css("width", jq('[name="zjtk"]').val());
jq('#zuojt').css("height", jq('[name="zjtg"]').val());
jq("#youjt img").attr('src', jq('[name="you"]').val());
jq('#youjt').css("left", jq('[name="yjtx"]').val());
jq('#youjt').css("top", jq('[name="yjty"]').val());
jq('#youjt').css("width", jq('[name="yjtk"]').val());
jq('#youjt').css("height", jq('[name="yjtg"]').val());
//大图归位
jq("#datu1 img").attr('src', jq('[name="datu[1]"]').val());
jq('#datu1').css("left", jq('[name="dtx"]').val());
jq('#datu1').css("top", jq('[name="dty"]').val());
jq('#datu1').css("width", jq('[name="dtw"]').val());
jq('#datu1').css("height", jq('[name="dth"]').val());
//背景归位
jq("#dmspmk").css({
"background-image": 'url("' + jq('[name="bgtu"]').val() + '")',
"width": jq('[name="show_width"]').val(),
"height": jq('[name="show_height"]').val()
});
//html组合框归位
for (var ii = 0; ii <= jq("#htmlzujian .set-inner").length; ii++) {
var objS = document.getElementById("htmlxs" + (ii + 1));
var grade = objS.options[objS.selectedIndex].value;
if (grade == "block") {
jQuery('.htmlquk' + (ii + 1)).show();
var htmlquk = '' + jQuery("#htmldaima" + (ii + 1)).val() + '';
if (jq('span').is('#htmldome' + (ii + 1)) == false) {
jQuery("#dmspmk").append(htmlquk);
} else {
jq('#htmldome' + (ii + 1)).remove();
jQuery("#dmspmk").append(htmlquk);
}
jq('#dmspmk #htmldome' + (ii + 1)).draggable({
stop: function () {
jq('[name="dmx[' + (ii + 1) + ']"]').val(this.style.left);
jq('[name="dmy[' + (ii + 1) + ']"]').val(this.style.top);
}
});
jq("#dmspmk #htmldome" + (ii + 1)).resizable({
containment: "parent",
grid: 1,
stop: function () {
//alert(this.style.width);
jq('[name="dmw[' + (ii + 1) + ']"]').val(this.style.width);
jq('[name="dmh[' + (ii + 1) + ']"]').val(this.style.height);
}
});
jQuery("#htmldaima" + (ii + 1)).change(function () {
jQuery("#htmldaima" + (ii + 1)).val(zhuanyiut8(jQuery("#htmldaima" + (ii + 1)).val()));
jQuery('#htmldome' + (ii + 1) + ' .htmlmkSmk').html(jQuery("#htmldaima" + (ii + 1)).val());
});
}
}
}