$(document).ready(function() {
var _coordinateObj = $('#edition').offset();
$('#searchOrderFormDiv').css({ position: 'absolute', left: (_coordinateObj.left - 50) + 'px', top: (_coordinateObj.top - 24) + 'px' })
$.getScript("JS/Class/Globals.js", function() {
$.getScript("JS/Class/CommandFunctions.js", function() {
$.getScript("JS/Class/EventFunctions.js", function() {
$.getScript("JS/Class/FrameFunctions.js", function() {
$('#searchOrderButton').click(function() {
var _orderIdVal = $('#searchOrderInput').val();
if (_orderIdVal != '') {
searchOrderEvent(_orderIdVal, false);
}
});
var frontPics = new Array();
//取得上传图片后的回调信息
if ($("#getreturn") != null) {
$("#getreturn").focus(function() {
if (getReturnVal != $("#getreturn").val()) {
AddObjectToBoot($("#getreturn").val());
if ($("form")[0])
$("form")[0].reset();
getReturnVal = $("#getreturn").val();
}
else
BlockClose();
});
}
function AddObjectToBoot(str) {
if (str) {
var $getRetrun = DealSplit("|", str);
if ($getRetrun[0] == 1) {
if ($getRetrun[2]) {
var newPath = $getRetrun[2];
var picName = UpLoadedPicName(newPath);
var path = "../UpLoadFiles/" + newPath;
$.post("Handler/GetUpLoadedPicInfo.ashx", { picpath: path }, function(data) {
BlockClose();
if (data != "") {
var responseText = data;
var width = 0;
var height = 0;
var zindex = mouseCoordinates.maxZIndex;
if (responseText != undefined) {
var responseArray = DealSplit(",", responseText);
if (responseArray[0])
width = responseArray[0];
if (responseArray[1])
height = responseArray[1];
}
if (IsJQueryExists($("#" + picName)))
picName += boundrandom(0, 10000);
mapCanvas.append(NewElement("img", picName, true, width + "px", height + "px", zindex));
var $objId = "#" + picName;
if (IsJQueryExists($($objId))) {
var obj = $($objId);
var srcPath = "UpLoadFiles/" + newPath;
obj.attr("src", srcPath);
obj.attr("longdesc", "0_" + srcPath + "_" + srcPath + "_" + width + "_" + height);
if ($getRetrun[4])
obj.attr("imgkey", $getRetrun[4]);
//obj.attr("longdesc", "0_" + srcPath);
obj.attr("lang", srcPath);
obj.attr("class", "IE6png");
//obj.css({border:"solid 1px #CCCCCC"});
//obj.css("backgroundColor", "white");
SetElementRelativeCoordinate(mapCanvas, obj, 0, 0);
obj.mousedown(function(e) {
$("#boot > div > img").css("border", "0px");
$(this).css("border", "1px dotted #ACE6E6");
$(this).css("cursor", "pointer");
mouseCoordinates.maxZIndex++;
$(this).css("zIndex", mouseCoordinates.maxZIndex);
if ($getRetrun[3]) {
var elementStyle = $getRetrun[3];
switch (elementStyle) {
case "img":
ImgEditBox($(this).attr("id"), $(this).attr("lang"), $(this).attr("longdesc"));
break;
case "text":
if ($getRetrun[4])
TextEditBox($(this).attr("id"), $(this).attr("lang"), $(this).attr("imgkey"));
break;
default:
break;
}
}
});
obj.mouseup(function(e) {
$(this).css("cursor", "auto");
});
obj.draggable({
start: function() {
mapCanvas.css("border", "1px dotted #CCCCCC");
$(this).css("border", "1px dotted #ACE6E6");
$(this).css("cursor", "move");
},
containment: mapCanvas,
iframeFix: true,
stop: function() {
mapCanvas.css("border", "0px");
}
});
//frontPics[picName] = obj;//将新图片加入列表
frontPics.push(obj);
}
}
});
}
}
else {
BlockClose();
if ($getRetrun[1])
alert($getRetrun[1]);
}
}
}
function CreatePicHandler(event) {
var newArray = event.data.str;
var picPath = event.data.propic;
if (IsJQueryExists($("#createemail")))
orderObj.email = $("#createemail").val();
if ($("img", mapCanvas).length > 0) {
var sendStr = "";
for (var pic in ReSortArray(newArray)) {
var obj = frontPics[pic];
if (obj.css("backgroundColor") != "#000000" && obj.css("backgroundColor") != "rgb(0, 0, 0)") {
var relativeCoordinate = GetElementRelativeCoordinate(bootCanvas, obj);
sendStr += "../" + obj.attr("lang") + "," + parseInt(obj.css("width")) + "," + parseInt(obj.css("height")) + "," + obj.css("backgroundColor") + "," + relativeCoordinate.X + "," + relativeCoordinate.Y + "|";
}
}
var newForm = new ChangeStringForm(bootCanvas.css("backgroundImage"));
sendStr += "../" + newForm.ClearUrl();
BlockOpen();
$.post("Handler/StartCreatingPic.ashx", { str: sendStr, path: picPath }, function(data) {
BlockClose();
if (data != 0) {
OpenMsgBox_Style1("100%", "500px", data);
orderObj.propic = data;
alert("This is the T-Shirt designed by yourself.\nNow you can click the right keyboard save it.\nOr click 'close' to continue.");
if (orderObj.propic != '') {
if (IsJQueryExists($('#buy_now')))
$('#buy_now').click();
}
}
});
}
}
if ($("#docreate") != null)
$("#docreate").bind("click", { str: frontPics }, CreatePicHandler);
if ($("#showarray") != null) {
$("#showarray").click(function() {
var show = "frontPics.length:" + GetObjectArrayLength(frontPics) + ". \n";
for (var pic in frontPics) {
var obj = frontPics[pic];
var relativeCoordinate = GetElementRelativeCoordinate(bootCanvas, obj);
show += "id:" + obj.attr("id") + ", zIndex:" + obj.css("zIndex") + ", width:" + obj.css("width") + ", height:" + obj.css("height") + ", X:" + relativeCoordinate.X + ", Y:" + relativeCoordinate.Y + "\n"
}
show += "mouseCoordinates { X:" + mouseCoordinates.X + ", Y:" + mouseCoordinates.Y + " };\n"
alert(show);
});
}
//异步获取目录信息 - 事件
function GetDirectoryInfoWithEvent_Click(clickElement, aimElement, directoryName) {
clickElement.click(function() {
GetDirectoryInfo(aimElement, directoryName);
});
}
//异步获取目录信息
function GetDirectoryInfo(element, directoryName) {
$.ajax({
type: "POST",
url: "Handler/GetDirectorysInfo.ashx",
data: "directory=" + directoryName,
dataType: "json",
beforeSend: function() {
BlockOpen();
},
success: function(json) {
BlockClose();
var getJSon = json;
if (IsJQueryExists(element)) {
//alert(getJSon.ArtsBootPath + "," + getJSon.Parent + "," + getJSon.Son);
//分类菜单
var titleObj = $("#art_frame_title");
if (IsJQueryExists(titleObj)) {
titleObj.html("");
var fens = getJSon.Son.split("/");
for (var i = 0; i < fens.length; i++) {
if (i < fens.length - 1) {
var fenObj = fens[i];
titleObj.html(titleObj.html() + "" + fenObj + "");
titleObj.html(titleObj.html() + " > ");
}
else
titleObj.html(titleObj.html() + fens[i]);
}
for (var i = 0; i < fens.length; i++) {
if (i < fens.length - 1) {
var obj = $("#" + fens[i]);
if (IsJQueryExists(obj)) {
var parentPath = "";
for (var j = 0; j <= i; j++) {
parentPath += fens[j];
if (j < i)
parentPath += "/";
}
GetDirectoryInfoWithEvent_Click(obj, element, parentPath);
}
}
}
}
//文件夹和文件创建
var idKey = getJSon.ArtsBootPath + "_";
var cates = "";
for (var directory in getJSon.Directorys) {
var directoryId = getJSon.Directorys[directory];
cates += "- " + directoryId + "
";
}
cates += "
";
for (var file in getJSon.Files) {
var filesId = getJSon.Files[file];
var src = getJSon.ArtsBootPath + "/" + getJSon.Son + "/" + filesId;
cates += "![](\"")
";
}
element.html(cates);
//文件夹和文件的事件定义
for (var directory in getJSon.Directorys) {
var directoryId = getJSon.Directorys[directory];
var obj = $("#" + directoryId);
if (IsJQueryExists(obj))
GetDirectoryInfoWithEvent_Click(obj, element, directoryName + "/" + directoryId);
}
for (var file in getJSon.Files) {
var filesId = getJSon.Files[file];
var obj = $("#" + idKey + DealSplit(".", filesId)[0]);
if (IsJQueryExists(obj)) {
obj.click(function() {
BlockOpen();
var imgurl = DealSplit("UpLoadFiles/", $(this).attr("lang"))[1];
AddObjectToBoot("1|cates|" + imgurl + "|img|");
});
obj.mouseover(function() {
$(this).css("cursor", "pointer");
$(this).css("border", "solid 1px #7BCB00");
});
obj.mouseout(function() {
$("this").css("cursor", "auto");
$(this).css("border", "solid 1px #CCCCCC");
});
}
}
}
},
error: function(XMLHttpRequest, status, erro) {
alert(erro);
BlockClose();
}
});
}
/*Editor.html Start*/
var menuTop = $("#menu_top div");
var toolBarDiv = $("#toolbardiv");
var menuViewTitle = $("#menuview_title");
var menuViewShow = $("#menuview_show");
menuViewTitle.text("Select item color");
$("#menu").click(function() {
DelElement("ImgEditBox");
DelElement("TextEditBox");
});
$("#menuview").click(function() {
DelElement("ImgEditBox");
DelElement("TextEditBox");
});
$("#item_color").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Select item color");
menuViewShow.html(Frames(1));
ItemColor_Event();
menuObj.nowMenu = $(this).attr("id");
});
$("#add_text").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Add text");
menuViewShow.html(Frames(2));
if (IsJQueryExists($("#createtext"))) {
$("#createtext").click(function() {
if ($("#gettext").val() != "") {
BlockOpen();
$.post("Handler/CreateText.ashx", { strContent: $("#gettext").val(), fontFamily: "Arial", fontSize: "30", color: "#000000", borderColor: "#FFFFFF", borderWidth: "0" }, function(data) {
AddObjectToBoot(data);
$("#gettext").val("");
});
}
});
}
menuObj.nowMenu = $(this).attr("id");
});
$("#add_art").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Add art");
menuViewShow.hide();
if (IsJQueryExists($("#quote_show"))) {
if ($("#quote_show").html() != '')
$('#quote_show').hide();
}
if (IsJQueryExists($("#artview_show")))
$("#artview_show").show();
if (menuObj.artMenu == null) {
GetDirectoryInfo($("#art_frame_content"), menuObj.artsBoot);
menuObj.artMenu = 1;
}
menuObj.nowMenu = $(this).attr("id");
});
$("#upload_pic").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Upload Pic");
menuViewShow.html(Frames(4));
if (IsJQueryExists($("#upsubmit"))) {
$("#upsubmit").click(function() {
if ($("#upfile").val() == "")
return false;
else {
BlockOpen();
$("#upfile").attr("disabled", false);
$("#getreturn").attr("disabled", false);
$("#form1").submit();
}
});
}
menuObj.nowMenu = $(this).attr("id");
});
$("#add_notes").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Add notes");
menuViewShow.html(Frames(5));
menuObj.nowMenu = $(this).attr("id");
});
$("#save_send").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Save or send");
menuViewShow.html(Frames(6));
if (IsJQueryExists($("#docreate")))
$("#docreate").bind("click", { str: frontPics, propic: orderObj.propic }, CreatePicHandler);
menuObj.nowMenu = $(this).attr("id");
});
$("#get_quote").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Get quote");
menuViewShow.hide();
if (IsJQueryExists($("#artview_show")))
$("#artview_show").hide();
if (IsJQueryExists($('#quote_show'))) {
if ($('#quote_show').html() == '') {
$('#quote_show').append(ReturnFrames.QuoteFrame());
$('#quote_show input[type=text]').keyup(function(event) {
if (this == event.target) {
if ($(this).val() == "")
$(this).val(0)
var name = $(this).attr("id").replace('t', 'q');
orderObj.quotes[name]['Qty'] = $(this).val();
}
});
InputNumOnly($('#quote_show input[type=text]'));
$('#quote_show select').change(function(event) {
if (this == event.target) {
var name = $(this).attr("id").replace('s', 'q');
if (bootCanvas.css("backgroundImage").indexOf("mapBase1.png") >= 0) {
if ($(this).val() == 1)
$(this).val(0);
} else {
if ($(this).val() == 0)
$(this).val(1);
}
orderObj.quotes[name]['Type'] = $(this).val();
}
});
$('#ViewPrice').click(function(event) {
if (IsJQueryExists($('#priceframe')))
$('#priceframe').slideDown('normal');
else {
$('body').append(ReturnFrames.PriceFrame());
var mark = $('#mapbg');
SetElementRelativeCoordinate(mark, $('#priceframe').css({ opacity: 0.9, width: mark.width() - 1 }), 0, 0);
$('#closeprice').click(function() {
if (IsJQueryExists($('#priceframe')))
$('#priceframe').slideUp('normal');
});
}
});
$('#GetQuote').click(function(event) {
orderObj.queue.splice(0, orderObj.queue.length);
$.each(orderObj.quotes, function(key, value) {
if (value['Qty'] > 0) {
orderObj.queue.push(value);
}
});
if (orderObj.queue.length > 0)
$("#buy_now").click();
});
} else
$('#quote_show').show();
}
menuObj.nowMenu = $(this).attr("id");
});
$("#buy_now").click(function() {
if (menuObj.nowMenu == $(this).attr("id"))
return;
ReSetMenu();
$(this).attr("class", "menu_style2");
menuViewTitle.text("Buy now");
menuViewShow.html(Frames(8));
if (IsJQueryExists($('#ChangeQty')))
$('#ChangeQty').click(function() {
if (IsJQueryExists($("#get_quote")))
$("#get_quote").click();
});
if (IsJQueryExists($('#Process')))
$('#Process').click(function() {
if (orderObj.totalquantity > 0) {
if (orderObj.propic == '')
$("#save_send").click();
else {
if (IsJQueryExists($('#orderframe')))
$('#orderframe').slideDown('normal');
else {
$('body').append(ReturnFrames.Order());
SetElementRelativeCoordinate($('#frame'), $('#orderframe'), 0, 0);
$('#orderframe input[type=text]').mouseover(function(event) {
if (this == event.target) {
$(this).css('border', '1px solid #E50066');
}
});
$('#orderframe input[type=text]').mouseout(function(event) {
if (this == event.target) {
$(this).css('border', '1px solid #0066B2');
}
});
if (IsJQueryExists($('#Email')))
$('#Email').val(orderObj.email);
if (IsJQueryExists($('#Notes')))
$('#Notes').val(orderObj.notes);
if (IsJQueryExists($('#SameAsBilling'))) {
$('#SameAsBilling').bind('click', function(event) {
var _checked = $(this).attr('checked');
if (_checked) {
$('#sFirstName').val($('#FirstName').val());
$('#sLastName').val($('#LastName').val());
$('#sCountry').val($('#Country').val());
$('#sAddress').val($('#Address').val());
$('#sCity').val($('#City').val());
$('#sStateProvince').val($('#StateProvince').val());
$('#sZipCode').val($('#ZipCode').val());
$('#sPhoneNumber').val($('#PhoneNumber').val());
}
else {
$('#sFirstName').val('');
$('#sLastName').val('');
$('#sCountry').val('');
$('#sAddress').val('');
$('#sCity').val('');
$('#sStateProvince').val('');
$('#sZipCode').val('');
$('#sPhoneNumber').val('');
}
});
}
if (IsJQueryExists($('#sendorder'))) {
$('#sendorder').click(function() {
var maysend = true;
$('#orderframe input[lang=m]').each(function() {
if ($(this).val() == '') {
alert('Please complete filling in order form.');
this.focus();
maysend = false;
return false;
}
});
if (maysend) {
BlockOpen();
var queueStr = new Array();
for (var i = 0; i < orderObj.queue.length; i++) {
queueStr.push(orderObj.queue[i]["Tag"] + "," + orderObj.queue[i]["Qty"] + "," + orderObj.queue[i]["Type"]);
}
queueStr = queueStr.join('|');
$.post('Handler/SaveOrderForm.ashx', {
firstname: $('#FirstName').val(),
lastname: $('#LastName').val(),
country: $('#Country').val(),
address: $('#Address').val(),
city: $('#City').val(),
state: $('#StateProvince').val(),
zip: $('#ZipCode').val(),
phone: $('#PhoneNumber').val(),
fax: $('#FaxNumber').val(),
email: $('#Email').val(),
payment: $('#Payment').val(),
creditcardno: $('#CreditCardNo').val(),
nameoncard: $('#NameOnCard').val(),
cardexpires: $('#CardExpires').val(),
notes: $('#Notes').val(),
shippingmethod: $('#ShippingMethod').val(),
sfirstname: $('#sFirstName').val(),
slastname: $('#sLastName').val(),
scountry: $('#sCountry').val(),
saddress: $('#sAddress').val(),
scity: $('#sCity').val(),
sstate: $('#sStateProvince').val(),
szip: $('#sZipCode').val(),
bphone: $('#sPhoneNumber').val(),
propic: orderObj.propic,
queue: queueStr.toString(),
totalprice: orderObj.totalprice
}, function(data, state) {
if (data != '') {
alert('Order Id: ' + data + ' \nPlease keep it firmly in mind, for inquiring the order form!');
orderObj.propic = '';
$('#closeorder').click();
$('#orderframe input[type=text]').val('');
$('select#Country').val('United States');
$('select#Payment').val('Visa');
$('select#ShippingMethod').val('UPS Ground');
$('#searchOrderInput').val(data);
$('#searchOrderButton').click();
}
//location.href = 'Editor.html';
BlockClose();
});
}
});
}
if (IsJQueryExists($('#resetorder'))) {
$('#resetorder').click(function() {
if (confirm('Are you sure?')) {
$('#orderframe input[type=text]').val('');
$('select#Country').val('United States');
$('select#Payment').val('Visa');
$('select#ShippingMethod').val('UPS Ground');
}
});
}
if (IsJQueryExists($('#closeorder'))) {
$('#closeorder').click(function() {
$('#orderframe').slideUp('normal');
});
}
}
}
}
});
menuObj.nowMenu = $(this).attr("id");
});
function ReSetMenu() {
menuTop.attr("class", "menu_style1");
toolBarDiv.css("cursor", "auto");
}
ItemColor_Event();
function ItemColor_Event() {
for (var i = 1; i <= 9; i++) {
var obj = $("#color" + i);
if (obj) {
obj.click(function(e) {
$("#get_quote").click();
var id = e.target.id.replace("color", "");
bootCanvas.css("backgroundImage", "url(Images/BasePics/mapBase" + id + ".png)");
if (id == 1) {
if (IsJQueryExists($('#quote_show select'))) {
$('#quote_show select').each(function() {
if ($(this).val() == 1) {
$(this).val(0);
$(this).change();
}
});
}
}
else {
if (IsJQueryExists($('#quote_show select'))) {
$('#quote_show select').each(function() {
if ($(this).val() == 0) {
$(this).val(1);
$(this).change();
}
});
}
}
});
}
}
}
/*Editor.html End*/
});
});
});
});
});