Hai everybody,
i have following error.
user click dialogbox ok button.the above error was comming.
what is the problrm in my code
var c,pCrop,crop_api,rotate = false;
var temp,tempZIndex;
var imgCount = 0,imgList = new Array();
var fileSizeOption = "";
$(document).ready(function()
{
// $('#btnUploadPlanPicture').bind("mouseup", function()
$('#btnUploadPlanPicture').mouseup(function()
{
var id =$('#btnUploadPlanPicture').attr('id');
if(id=='btnUploadPlanPicture')
{
$(this).find('input[type = "file"]').trigger('click');
//$('input[name="file"]').focus().trigger('click');
$('#btnUploadPlanPicture').css('display','none');
}
});
var uploader = new qq.FileUploader(
{
//uploader.startUpload();
element: document.getElementById('btnUploadPlanPicture'),
action: upload_url,
params:
{
album: album,
type: 'plan',
desc: 'plan',
},
allowedExtensions: ['jpg','png','gif'],
onSubmit: function(id,filename)
{
imgCount = 0;
imgList = new Array();
fnOpenDialog();
},
onComplete: function(id, fileName,responseJSON)
{
imgList[imgCount++] =
{
id : responseJSON.id,
imagetakendate : responseJSON.imagetakendate
};
createPlanspaceImage(responseJSON);
return true;
},
onAllComplete: function(status)
{
if(fileSizeOption =="Random")
{
ArrRandomly();
imgGroup();
}
if(fileSizeOption =="TimeTaken")
{
sortByTimeTaken();
imgGroup();
}
if(fileSizeOption =="notarrange")
{
notArrange();
//alert("not arrange");
}
}
});
uploader.onSubmit;
//});
//});
});
function createPlanspaceImage(data)
{
//alert(uploadFilePath);
//var responseJSON = $.parseJSON(data);
var responseJSON = data;
var uploadFilePath = responseJSON.filePath;
var cWidth = $('#container_upload').css('width');
var cHeight = $('#container_upload').height();
//alert(cWidth);
imgTagStr = "";
imgTagStr += "<div id='image_container' class='planspace-image' style='position:relative; left=12px;' >";
imgTagStr += "<div class='image_controls' id='control-"+responseJSON.fileName+"' style='display:none; z-index:1;'>";
imgTagStr += "<img src='../images/rotate.png' class='rotate' width='20px' >";
imgTagStr += "<img src='../images/remove.png' class='remove' width='20px' >";
imgTagStr += "<img src='../images/crop.png' class='crop' width='20px' >";
//imgTagStr += "<img src='../images/resize.png' class='resize' width='20px'>";
imgTagStr += "</div>";
imgTagStr += "<img class='upload_pic' name='"+responseJSON.fileName+"' src='"+uploadFilePath+"' id="+responseJSON.id+" rotate=0 width=200 height=200 />" ;
imgTagStr += "</div>";
$('#container_upload').append(imgTagStr);
$('#container_upload').css('width','+='+400);
$('#planspace').css('width','+='+400);
$(document).ready(function()
{
$('.upload_pic').parent().mouseover(function(e)
{
$(this).css('border','orange 1px solid');
//alert($(this).attr('id'));
var uploadPic = $(this).find('.upload_pic');
var controlDiv = document.getElementById($(this).find('.image_controls').attr('id'));
tempZIndex = $(this).css('z-index');
$(this).css('z-index','2');
controlDiv.style.display = 'block';
updateControlImageCoords($(this));
attachEventsImage($(this));
})
.mouseout(function(e)
{
if(mode != 'rotate')
{
$(this).css('border','none');
var uploadPic = $(this).find('.upload_pic');
var controlDiv = document.getElementById($(this).find('.image_controls').attr('id'));
detachEvents($(this));
controlDiv.style.display = 'none';
}
});
/*$('.upload_pic').click(function(e)
{
var uploadPic = $(this);
var controlDiv = document.getElementById($(this).parent().find('.image_controls').attr('id'));
$('html').click(function(e)
{
if( e.target.id == uploadPic.attr('id') )
{
//$('#test-text').html('in clicked'+e.target.id);
//tempZIndex = $(this).parent().css('z-index');
//$(this).parent().css('z-index','2');
//controlDiv.style.display = 'block';
//updateControlImageCoords($(this).parent());
//attachEvents($(this).parent());
tempZIndex = uploadPic.parent().css('z-index');
uploadPic.parent().css('z-index','2');
controlDiv.style.display = 'block';
updateControlImageCoords(uploadPic.parent());
attachEventsImage(uploadPic.parent());
}
else
{
//$('#test-text').html('out clicked'+e.target.id);
detachEvents(uploadPic.parent());
controlDiv.style.display = 'none';
}
});
});*/
});
}
function sortByTimeTaken()
{
imgList.sort(sortByDate);
function sortByDate( obj1, obj2 )
{
return new Date(obj2.date) > new Date(obj1.date) ? -1 : 1;
}
}
function notArrange()
{
imgList.css('height','250');
imgList.css('float' ,'left');
imgList.css('position','relative');
imgList.css('padding-right','25');
}
function imgGroup()
{
var count = 0;
while(count<imgList.length)
{
var groupSize = Math.floor(Math.random() * (4 - 2 + 1)) + 2;
//var groupSize = 4;
var ele = new Array();
for(var i=0; i<groupSize && count<imgList.length ; i++,count++)
{
ele[i] = imgList[count];
}
if(groupSize==2)
{
//image A
var imgA = $('#'+ele[0]);
imgA.css('height','350');
//imgA.css('width','350');
imgA.attr('rotate','0');
imgA.parent().css('height','350');
//imgA.parent().css('width','350');
imgA.parent().css('transform','rotate(0deg)');
//image B
var imgB = $('#'+ele[1]);
imgB.css('height','380');
imgB.parent().css('padding-right','100');
imgB.attr('rotate','5');
imgB.parent().css('height','350');
imgB.parent().css('width','450');
imgB.parent().css('transform','rotate(5deg)');
imgB.parent().css('left',imgA.parent().css('left'));
imgA.parent().css('left',imgB.parent().css('left')-17);
imgA.parent().css('z-index','1');
//imgA.parent().css('position','relative');
}
else if(groupSize==3)
{
var imgA = $('#'+ele[0]);
imgA.css('height','280');
//imgA..css('position','relative');
//imgA.css('width','280');
imgA.attr('rotate','-5');
imgA.parent().css('height','280');
//imgA.parent().css('width','280');
imgA.parent().css('transform','rotate(-5deg)');
//image B
var imgB = $('#'+ele[1]);
imgB.css('height','320');
//imgB.css('width','320');
//imgB.css('position','relative');
imgB.attr('rotate','15');
imgB.parent().css('height','320');
//imgB.parent().css('width','320');
imgB.parent().css('transform','rotate(15deg)');
//image C
var imgC = $('#'+ele[2]);
//imgC.css('position','relative');
imgC.css('height','215');
//imgC.css('width','215');
imgC.attr('rotate','10');
imgC.parent().css('height','215');
imgC.parent().css('width','315');
imgC.parent().css('transform','rotate(10deg)');
imgC.parent().css('position','relative');
//imgB.parent().css('left',imgA.parent().css('left'));
//imgA.parent().css('left',imgB.parent().css('left')-17);
//imgA.parent().css('z-index','1');
imgC.parent().css('padding-right','100');
}
else if(groupSize==4)
{
//image A
var imgA = $('#'+ele[0]);
imgA.css('height','220');
imgA.css('width','220');
imgA.attr('rotate','5');
imgA.parent().css('height','220');
imgA.parent().css('transform','rotate(5deg)');
//image B
var imgB = $('#'+ele[1]);
imgB.css('height','190');
imgB.css('width','190');
//imgB.css('position','relative');
imgB.attr('rotate','-8');
imgB.parent().css('height','190');
//imgB.parent().css('width','190');
imgB.parent().css('transform','rotate(-8deg)');
//image C
var imgC = $('#'+ele[2]);
imgC.css('height','230');
//imgC.css('width','230');
//imgC.css('position','relative');
imgC.attr('rotate','-5');
imgC.parent().css('height','230');
//imgC.parent().css('width','230');
imgC.parent().css('transform','rotate(-5deg)');
//image D
var imgD = $('#'+ele[2]);
imgD.css('height','225');
//imgD.css('width','225');
imgD.attr('rotate','0');
imgD.parent().css('height','225');
//imgD.parent().css('width','325');
imgD.parent().css('transform','rotate(0deg)');
imgD.parent().css('padding-right','100');
//imgD.css('position','relative');
}
//groupSize.css('float','left');
}
}
function ArrRandomly()
{
for (var i = imgList.length - 1; i > 0; i--)
{
var j = Math.floor(Math.random() * (i - 0 + 1)+0);
var temp = imgList[i];
imgList[i] = imgList[j];
imgList[j] = temp;
}
//alert(JSON.stringify(imgList));
return imgList;
}
function fnOpenDialog() {
//alert(responseJSON);
$Dialog_div = $('#autoarrange').dialog({
autoOpen: true,
draggable: true,
resizable: true,
title: 'Dialog',
modal: true,
stack: true,
height: '400',
width: '200px',
buttons: {
'OK':
function() {
fileSizeOption=$("#arrangeoption option:selected").val();
//alert(fileSizeOption);
if(fileSizeOption =="Random")
{
//alert("random");
ArrRandomly();
imgGroup();
}
if(fileSizeOption =="TimeTaken")
{
sortByTimeTaken();
imgGroup();
}
if(fileSizeOption =="notarrange")
{
//notArrange();
//alert("not arrange");
}
//alert(fileSizeOption);
$Dialog_div.dialog('close');
}
// $Dialog_div.dialog('close');
}
});
}
anybody plz help me.
urgent.