Rank: Newbie
Groups: Member
Joined: 3/28/2009(UTC) Posts: 1
|
THis code worked fine until a few days ago. Now FF don't recognize this as a function. Am I missing something? Any Help would be appreciated. Thank you. Here's my code: Code:<script type="text/javascript">
//<![CDATA[
var imageUploader1 = null;
var uniqueId = 0;
var prevUploadFileCount = 0;
var dragAndDropEnabled = true;
var allowDrag = false;
function fullPageLoad(){
imageUploader1 = getImageUploader("ImageUploader1");
var UploadPane=document.getElementById("UploadPane");
while (UploadPane.childNodes.length > 0){
UploadPane.removeChild(UploadPane.childNodes[0]);
}
//Fix Opera applet z-order bug
if (__browser.isOpera){
UploadPane.style.height = "auto";
UploadPane.style.overflow = "visible";
}
//Handle drag & drop.
if (__browser.isIE || __browser.isSafari){
var target = __browser.isIE ? UploadPane : document.body;
target.ondragenter = function(){
var e=window.event;
var data = e.dataTransfer;
if (data.getData('Text')==null){
this.ondragover();
data.dropEffect="copy";
allowDrag=true;
}
else{
allowDrag=false;
}
}
target.ondragover=function(){
var e = window.event;
e.returnValue = !allowDrag;
}
target.ondrop = function(){
var e = window.event;
this.ondragover();
e.dataTransfer.dropEffect = "none";
processDragDrop();
}
}
else {
window.captureEvents(Event.DRAGDROP);
window.addEventListener("dragdrop", function(){
processDragDrop();
}, true);
}
}
function processDragDrop(){
alert("Adding files with drag & drop can not be implemented in standard version due security reasons. However it can be enabled in private-label version."+
"\r\n\r\nFor more information please contact us at sales@aurigma.com");
if (imageUploader1){
//imageUploader1.AddToUploadList();
}
}
//To identify items in upload list, GUID are used. However it would work
//too slow if we use GUIDs directly. To increase performance, we will use
//hash table which will map the guid to the index in upload list.
//This function builds and returns the hash table which will be used for
//fast item search.
function getGuidIndexHash(){
var uploadFileCount = imageUploader1.getUploadFileCount();
var guidIndexHash = new Object();
for (var i = 1; i <= uploadFileCount; i++){
guidIndexHash["" + imageUploader1.getUploadFileGuid(i)] = i;
}
return guidIndexHash;
}
//This function returns HTML which represent the single item in the custom upload pane.
//It contains of the Thumbnail object and form elements for each piece of data (in our
//case - title and description). If you want to upload extra data, you should write
//additional form elements here.
//
//It is highly recommended not to copy this function into the main HTML page to
//avoid problems with activation of ActiveX controls in Internet Explorer with
//security update 912945. You can read more detailed about activation on Microsoft website:
//
//http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/activating_activex.asp
function addUploadFileHtml(index){
var guid = "" + imageUploader1.getUploadFileGuid(index);
var fileName = "" + imageUploader1.getUploadFileName(index);
var h = "<table cellspacing=\"5\"><tbody>";
h += "<tr>";
h += "<td class=\"Thumbnail\" align=\"center\" valign=\"middle\">";
//Add thumbnail control and link it with Image Uploader by its name and GUID.
var tn = new ThumbnailWriter("Thumbnail" + uniqueId, 96, 96);
//Copy codebase and version settings from ImageUploaderWriter instance.
tn.activeXControlCodeBase = iu.activeXControlCodeBase;
tn.activeXControlVersion = iu.activeXControlVersion;
tn.javaAppletCodeBase = iu.javaAppletCodeBase;
tn.javaAppletCached = iu.javaAppletCached;
tn.javaAppletVersion = iu.javaAppletVersion;
tn.addParam("ParentControlName", "ImageUploader1");
tn.addParam("Guid", guid);
tn.addParam("FileName", fileName);
h += tn.getHtml();
h += "</td>";
h += "<td valign=\"top\">";
//Add Title element.
h += "Title:<br />";
h += "<input id=\"Title" + uniqueId + "\" class=\"Title\" type=\"text\" /><br />";
//Add Description element.
h += "Description:<br />";
h += "<textarea id=\"Description" + uniqueId + "\" class=\"Description\"\"></textarea><br />";
//Add Tags element.
h += "Tags (separate each phrase with a comma):<br />";
h += "<input id=\"Tags" + uniqueId + "\" class=\"Title\" type=\"text\" /><br />";
h += "</td>";
h += "</tr>";
h += "<tr>";
h += "<td align=\"center\"><a href=\"experience_add.cfm\" onclick=\"return Remove_click('" + guid + "');\">Remove</a></td>";
h += "<td></td>";
h += "</tr>";
h += "</tbody></table>";
//Create DIV element which will represent the upload list item.
var div = document.createElement("div");
div.className = "UploadFile";
div.innerHTML = h;
div._guid = guid;
//_uniqueId is used for fast access to the Title and Description form elements.
div._uniqueId = uniqueId;
//Append this upload list item to the custom upload pane.
document.getElementById("UploadPane").appendChild(div);
//Increase the ID to guaranty uniqueness.
uniqueId++;
}
//Synchronize custom upload pane with Image Uploader upload list when
//some files are added or removed.
function ImageUploader_UploadFileCountChange(){
if (imageUploader1){
var uploadFileCount = imageUploader1.getUploadFileCount();
//Files are being added.
if (prevUploadFileCount <= uploadFileCount){
for (var i = prevUploadFileCount + 1; i <= uploadFileCount; i++){
addUploadFileHtml(i);
}
}
//Files are being removed.
else{
var guidIndexHash = getGuidIndexHash();
var UploadPane = document.getElementById("UploadPane");
var i = UploadPane.childNodes.length - 1;
while (i >= 0){
if (guidIndexHash["" + UploadPane.childNodes[i]._guid] == undefined){
UploadPane.removeChild(UploadPane.childNodes[i]);
}
i--;
}
}
prevUploadFileCount = uploadFileCount;
document.getElementById("UploadButton").disabled = (uploadFileCount == 0);
}
}
//Append the additional data entered by the user (title and description)
//to the upload. If you add more fields, do not forget to modify this event
//handler to call AddField for these fields.
function ImageUploader_BeforeUpload(){
var guidIndexHash = getGuidIndexHash();
var UploadPane = document.getElementById("UploadPane");
for (var i = 0; i < UploadPane.childNodes.length; i++){
var div = UploadPane.childNodes[i];
var index = guidIndexHash[div._guid];
//Description will be sent as a native Description POST field
//provided by Image Uploader.
imageUploader1.setUploadFileDescription(index,
document.getElementById("Description" + div._uniqueId).value);
//Title will be sent as a custom Title_N POST field, where N is an
//index of the file.
imageUploader1.AddField("Title_" + index, document.getElementById("Title" + div._uniqueId).value);
//Tags will be sent as a custom Tags_N POST field, where N is an
//index of the file.
imageUploader1.AddField("Tags_" + index, document.getElementById("Tags" + div._uniqueId).value);
}
//Add Additional Fields
imageUploader1.AddField("ct", "Test");
imageUploader1.AddField("dtags", "Test");
imageUploader1.AddField("concertID", "test");
}
//This function is used to handle Remove link click. It removes an item
//from the custom upload pane by specified GUID.
function Remove_click(guid){
var guidIndexHash = getGuidIndexHash();
imageUploader1.UploadFileRemove(guidIndexHash[guid]);
}
//This function posts data on server.
function UploadButton_click(){
imageUploader1.Send();
}
//Create JavaScript object that will embed Image Uploader to the page.
var iu = new ImageUploaderWriter("ImageUploader1", 650, 250);
<!---
//For ActiveX control full path to CAB file (including file name) should be specified.
iu.activeXControlCodeBase = "iu/ImageUploader5.cab";
iu.activeXControlVersion = "5,7,24,0";--->
//For Java applet only path to directory with JAR files should be specified (without file name).
iu.javaAppletJarFileName = "ImageUploader5.jar";
iu.javaAppletCodeBase = "iu/";
iu.javaAppletCached = true;
iu.javaAppletVersion = "5.7.24.0";
iu.activeXControlEnabled = false;
iu.showNonemptyResponse = "off";
//Configure License Keys
iu.addParam("LicenseKey", "#######KEY REMOVED#######");
//Configure appearance and behaviour.
iu.addParam("PaneLayout", "ThreePanes");
iu.addParam("FolderView", "Thumbnails");
iu.addParam("ShowDescriptions", "false");
iu.addParam("BackgroundColor", "#eff1f9");
iu.addParam("ShowUploadListButtons", "true");
iu.addParam("ButtonRemoveFromUploadListText", "");
iu.addParam("ButtonRemoveAllFromUploadListText", "");
iu.addParam("ShowButtons", "false");
iu.addParam("ShowDebugWindow", "true");
<!---
//Configure Image Uploader to rotate photos automatically
//according to the orientation stored in EXIF metadata.
iu.addParam("AllowAutoRotate", "false");--->
//Configure file mask to upload JPEG images only.
iu.addParam("FileMask", "*.jpeg;*.jpg;*.jpe");
//Set image size restrictions.
iu.addParam("MinImageWidth", "360");
iu.addParam("MinImageHeight", "360");
//Exclude the source file from upload because only
//resized versions of the photo will be sent.
iu.addParam("UploadSourceFile", "false");
//Hide standard upload pane.
iu.addParam("FolderPaneHeight", "-1");
//Configure settings of the optimized image. Optimized image
//is resized to 1024X1024 with JPEG quality = 80 and EXIF
//metadata is preserved.
iu.addParam("UploadThumbnail1FitMode", "Fit");
iu.addParam("UploadThumbnail1Width", "1024");
iu.addParam("UploadThumbnail1Height", "1024");
iu.addParam("UploadThumbnail1JpegQuality", "60");
iu.addParam("UploadThumbnail1CopyExif", "true");
//Configure thumbnail settings.
iu.addParam("UploadThumbnail2FitMode", "Fit");
iu.addParam("UploadThumbnail2Width", "300");
iu.addParam("UploadThumbnail2Height", "300");
iu.addParam("UploadThumbnail2JpegQuality", "60");
//Configure URL files are uploaded to.
iu.addParam("Action", "<cfoutput>#sitebase#</cfoutput>upload_iu.cfm");
//Configure URL where to redirect after upload.
iu.addParam("RedirectUrl", "experience_add.cfm");
//Add event handlers.
iu.addEventListener("UploadFileCountChange", "ImageUploader_UploadFileCountChange");
iu.addEventListener("BeforeUpload", "ImageUploader_BeforeUpload")
iu.fullPageLoadListenerName = "fullPageLoad";
//Tell Image Uploader writer object to generate all necessary HTML code to embed
//Image Uploader to the page.
iu.writeHtml();
//]]>
</script>
|