Hi all! I've start customizing ckfinder (creating a plugin) and I'm facing serious problem due to the dailog in the iframe, I'm using jquery and jquery ui inside the iframe but can't pass values to the iframe from plugin.js.
I just want to pass values to the iframe 'iframe_imageNotation' and get some values back
CKFinder.dialog.add( 'tagDailog', function( api )
{
console.log(api);
// CKFinder.dialog.definition
var dialogDefinition = {
title : api.getSelectedFile().name + " Tagging",
minWidth : 500,
minHeight : 500,
inIframe : false,
inPopup : true,
maxWidth : 500,
maxHeight : 500,
onShow : function() {
var dialog = this;
var thumbLarge = CKFinder.config.imageresize_thumbLarge;
doc = dialog.getElement().getDocument();
file = api.getSelectedFile();
//this.setTitle( file.name );
this.setTitle( 'Tag Photo' );
/*
annotationIframe = doc.getById('iframe_imageNotation');
ifram = $(annotationIframe.$);
doc = ifram.contentDocument;// its also null
console.log(ifram);
console.log(ifram.contentDocument);
console.log(previewImg);
*/
imagePath = file.getUrl( true );
return;
previewImg = $(doc).find('toAnnotate');
previewImg = $(previewImg);
var img = new Image();
img.src = file.getUrl( true );
img.onload = function()
{
};
},
onOk : function() {
var dialog = this;
return undefined;
},
contents : [
{
id : 'tab1',
label : '',
title : '',
expand : true,
padding : 0,
elements :
[
{
type : 'html',
html: '<iframe id="iframe_imageNotation" width="100%" style="height:100%" height="100%" src="plugins/imagennotation/imageAnnotation.html" ></iframe>'
}
]
}
],
// TODO http://dev.fckeditor.net/ticket/4750
buttons : [ CKFinder.dialog.okButton, CKFinder.dialog.cancelButton ]
};
return dialogDefinition;
} );