213 lines
10 KiB
Plaintext
213 lines
10 KiB
Plaintext
<%@ Page CodeBehind="insertimage.aspx.cs" Language="c#" AutoEventWireup="True" Inherits="CompanyWeb.insertimage" %>
|
|
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
|
<HTML>
|
|
<HEAD>
|
|
<TITLE>²åÈëÎļþ</TITLE>
|
|
<style type="text/css">*{ margin:0;padding:0;}</style>
|
|
<link href="css/style.css" rel="stylesheet"/>
|
|
<script src="/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
|
|
<script src="/artDialog/artDialog.js?skin=default" type="text/javascript"></script>
|
|
<script src="/artDialog/iframeTools.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
function showbox(d) {
|
|
$(".imagebox h3 a").removeClass("visited");
|
|
$(".imagebox h3 a#a" + d).addClass("visited");
|
|
$(".insertbox").hide();
|
|
$(".insertbox#insertbox" + d).show();
|
|
if (d == 2) {
|
|
$("#showimage2").html("<li id='showLoaderpic'><img src='/static/img/ajaxLoader.gif' /></li>");
|
|
var pics = "";
|
|
$.post("/artDialog/net/imageManager.ashx", { action: "get" }, function (data) {
|
|
if (data != "") {
|
|
|
|
var datas = data.split("ue_separate_ue");
|
|
for (var i = 0; i < datas.length; i++) {
|
|
if (datas[i] != "") {
|
|
pics += "<li onclick='selectimage(\"image" + i + "\")' id='image" + i + "' pic='" + datas[i].replace("Files/Image/", "") + "'><img src='/GetFiles.ashx?image=" + datas[i].replace("Files/Image/", "") + "&itsize=100x100&itmode=cut' width='100' /><em></em></li>";
|
|
}
|
|
}
|
|
$("#showimage2").html(pics);
|
|
} else {
|
|
alert("»ñÈ¡´íÎó");
|
|
$("#showimage2").html("");
|
|
}
|
|
});
|
|
}
|
|
}
|
|
function selectimage(id) {
|
|
$("#"+id).toggleClass("selected");
|
|
}
|
|
function qydelete(id) {
|
|
var pics = $("#showimage" + id + " li.selected");
|
|
var delpics = "";
|
|
if (pics.length > 0) {
|
|
for (var i = 0; i < pics.length; i++) {
|
|
delpics += $(pics[i]).attr("pic") + ",";
|
|
}
|
|
alert(delpics);
|
|
$.post("/artDialog/net/imageManager.ashx", { action: "del", delpics: escape(delpics) }, function (data) {
|
|
|
|
if (data == "true") {
|
|
var d = $(window.parent.document);
|
|
var pics = $("#showimage" + id + " li.selected");
|
|
for (var i = 0; i < pics.length; i++) {
|
|
if (d.find("#hiddenphotos").length > 0) {
|
|
d.find("#hiddenphotos").val(d.find("#hiddenphotos").val().replace($(pics[i]).attr("pic") + "|", ""));
|
|
} else {
|
|
d.find("#hiddenphoto").val(d.find("#hiddenphoto").val().replace($(pics[i]).attr("pic"), ""));
|
|
}
|
|
$(pics[i]).hide();
|
|
}
|
|
if (d.find("#hiddenphotos").length > 0) {
|
|
var photos = d.find("#hiddenphotos");
|
|
var yanse = d.find("#hiddenyanse");
|
|
var strphotos = photos.val();
|
|
|
|
var stryanse = yanse.val();
|
|
var Ayanse = stryanse.split(",");
|
|
var stryanseoption = "";
|
|
for (var i = 0; i < Ayanse.length; i++) {
|
|
if (Ayanse[i] != "") {
|
|
stryanseoption += "<option value='" + Ayanse[i] + "' style='background-color:" + Ayanse[i] + ";'>" + Ayanse[i] + "</option>";
|
|
}
|
|
}
|
|
var j = 0;
|
|
var imgurl = "";
|
|
var Aphotos = strphotos.split("|");
|
|
|
|
for (var i = 0; i < Aphotos.length; i++) {
|
|
|
|
if (Aphotos[i] != "") {
|
|
|
|
var strPhoto = Aphotos[i].split(",");
|
|
imgurl += "<li id='picli" + i + "'><img src='/GetFiles.ashx?image=" + strPhoto[0] + "&itsize=100x100&itmode=cut' width='100' class='pic'/><a href=javascript:DeletePic('" + Aphotos[i] + "'," + i + ")>ɾ³ý</a>";
|
|
if (j == 0) {
|
|
imgurl += " ÒÑÉèΪ·âÃæ";
|
|
}
|
|
else {
|
|
imgurl += " <a href=javascript:SetPic('" + Aphotos[i] + "'," + i + ")>ÉèΪ·âÃæ</a>";
|
|
}
|
|
if (stryanseoption != "") {
|
|
|
|
var stryanseoption2 = stryanseoption;
|
|
if (strPhoto.length == 2) {
|
|
if (strPhoto[1] != "") {
|
|
stryanseoption2 = stryanseoption.replace("value='" + strPhoto[1] + "'", "value='" + strPhoto[1] + "' selected");
|
|
}
|
|
}
|
|
imgurl += "<br><select id='select_yanse_" + j + "' name='select_yanse_" + j + "'>" + stryanseoption2 + "</select>";
|
|
}
|
|
imgurl += "</li>";
|
|
j += 1;
|
|
}
|
|
}
|
|
d.find("#inputTips2").html(imgurl);
|
|
} else {
|
|
if (d.find("#hiddenphoto").val() == "") {
|
|
d.find("#inputTips2").html("");
|
|
}
|
|
}
|
|
} else {
|
|
alert("ɾ³ýʧ°Ü");
|
|
}
|
|
});
|
|
} else {
|
|
alert("Äú»¹Ã»ÓÐÑ¡ÔñͼƬ");
|
|
}
|
|
}
|
|
function qx() {
|
|
art.dialog.close();
|
|
}
|
|
function qyinsert(d) {
|
|
var pics = $("#showimage" + d + " li.selected");
|
|
var delpics = "";
|
|
if (pics.length > 0) {
|
|
|
|
var d = $(window.parent.document);
|
|
|
|
if (d.find("#hiddenphotos").length > 0) {
|
|
|
|
for (var i = 0; i < pics.length; i++) {
|
|
if (pics[i] != "") {
|
|
|
|
d.find("#hiddenphotos").val(d.find("#hiddenphotos").val() + $(pics[i]).attr("pic") + "|");
|
|
}
|
|
}
|
|
|
|
var photos = d.find("#hiddenphotos");
|
|
var yanse = d.find("#hiddenyanse");
|
|
var strphotos = photos.val();
|
|
|
|
var stryanse = yanse.val();
|
|
var Ayanse = stryanse.split(",");
|
|
var stryanseoption = "";
|
|
for (var i = 0; i < Ayanse.length; i++) {
|
|
if (Ayanse[i] != "") {
|
|
stryanseoption += "<option value='" + Ayanse[i] + "' style='background-color:" + Ayanse[i] + ";'>" + Ayanse[i] + "</option>";
|
|
}
|
|
}
|
|
var j = 0;
|
|
var imgurl = "";
|
|
var Aphotos = strphotos.split("|");
|
|
for (var i = 0; i < Aphotos.length; i++) {
|
|
|
|
if (Aphotos[i] != "") {
|
|
|
|
var strPhoto = Aphotos[i].split(",");
|
|
imgurl += "<li id='picli" + i + "'><img src='/GetFiles.ashx?image=" + strPhoto[0] + "&itsize=100x100&itmode=cut' width='100' class='pic'/><a href=javascript:DeletePic('" + Aphotos[i] + "'," + i + ")>ɾ³ý</a>";
|
|
if (j == 0) {
|
|
imgurl += " ÒÑÉèΪ·âÃæ";
|
|
}
|
|
else {
|
|
imgurl += " <a href=javascript:SetPic('" + Aphotos[i] + "'," + i + ")>ÉèΪ·âÃæ</a>";
|
|
}
|
|
if (stryanseoption != "") {
|
|
|
|
var stryanseoption2 = stryanseoption;
|
|
if (strPhoto.length == 2) {
|
|
if (strPhoto[1] != "") {
|
|
stryanseoption2 = stryanseoption.replace("value='" + strPhoto[1] + "'", "value='" + strPhoto[1] + "' selected");
|
|
}
|
|
}
|
|
imgurl += "<br><select id='select_yanse_" + j + "' name='select_yanse_" + j + "'>" + stryanseoption2 + "</select>";
|
|
}
|
|
imgurl += "</li>";
|
|
j += 1;
|
|
}
|
|
}
|
|
d.find("#inputTips2").html(imgurl);
|
|
pics.removeClass("selected");
|
|
art.dialog.close();
|
|
} else {
|
|
if (pics.length == 1) {
|
|
d.find("#hiddenphoto").val($(pics[0]).attr("pic"));
|
|
d.find("#inputTips2").html("<li id='picli0'><img src='/GetFiles.ashx?image=" + d.find("#hiddenphoto").val() + "&itsize=100x100&itmode=cut' width='100' class='pic'/><a href=javascript:DeletePic('" + $(pics[0]).attr("pic") + "',0)>ɾ³ý</a></li>");
|
|
pics.removeClass("selected");
|
|
art.dialog.close();
|
|
} else {
|
|
alert("Ö»ÄÜÑ¡Ôñ1ÕÅͼƬ");
|
|
}
|
|
}
|
|
} else {
|
|
alert("Äú»¹Ã»ÓÐÑ¡ÔñͼƬ");
|
|
}
|
|
}
|
|
</script>
|
|
</HEAD>
|
|
<BODY>
|
|
<div class="imagebox"><h3><a href="javascript:void()" id="a1" class="visited" onclick="showbox(1)">±¾µØÉÏ´«</a><a href="javascript:void()" id="a2" onclick="showbox(2)">ÔÚÏß¹ÜÀí</a></h3>
|
|
<div id="insertbox1" class="insertbox">
|
|
|
|
<div class="insertbody"><input name="IFUpload2" id="IFUpload2" type="hidden" value="0" /><input name="UploadNum" id="UploadNum" type="hidden" value="0" /><iframe marginwidth="0" framespacing="0" marginheight="0" frameborder="0" name="uploadframe2" id="uploadframe2"
|
|
src='Photo_upload2.aspx' scrolling="no" width="578" height="50" ></iframe></div>
|
|
<div class="insertedbox"><ul class="showimage" id="showimage1"></ul></div>
|
|
<div class="insertbutton"><input id="qydelete1" type="button" value="ɾ³ý" onclick="qydelete(1)" class="btnccc" /><input id="qx1" type="button" value="È¡Ïû" onclick="qx()" class="btnccc" /><input id="qyinsert1" type="button" value="²åÈëͼƬ" onclick="qyinsert(1)" /></div>
|
|
</div>
|
|
<div id="insertbox2" class="insertbox" style=" display:none;">
|
|
<div class="showbox"><ul class="showimage" id="showimage2"></ul></div>
|
|
<div class="insertbutton"><input id="qydelete2" type="button" value="ɾ³ý" onclick="qydelete(2)" class="btnccc" /><input id="qx2" type="button" value="È¡Ïû" onclick="qx()" class="btnccc" /><input id="qyinsert2" type="button" value="²åÈëͼƬ" onclick="qyinsert(2)" /></div>
|
|
</div>
|
|
</div>
|
|
</BODY>
|
|
</HTML>
|