Hello all,
I want to write a dialog that allows the author to sequentially move through elements he/she has created in the wysiwyg area.. Each time they click the 'Find' button the code moves on to the next html element in the wysiwyg area.. The problem is, i dont know how to get a reference to the onClick event so that the function can move to the next element..This is the idea of what i want to achieve (i know its wrong):
Can someone explain to me how i would achieve this functionality?? Thanks
I want to write a dialog that allows the author to sequentially move through elements he/she has created in the wysiwyg area.. Each time they click the 'Find' button the code moves on to the next html element in the wysiwyg area.. The problem is, i dont know how to get a reference to the onClick event so that the function can move to the next element..This is the idea of what i want to achieve (i know its wrong):
{
type : 'button',
align : 'left',
style : 'width:100%',
label : 'Find Next',
isChanged : false,
onClick : function() {
var dialog = this.getDialog();
var editor = getEditor();
var requestedElement = dialog.getValueOf('find', 'findNext');
var documentWrapper = editor.document;
var documentNode = documentWrapper.$;
var elementArray = documentNode.getElementsByTagName(requestedElement);
var i=0;
do{
elementArray[i].setAttribute('style', 'background-color: blue');
elementArray[i].scrollIntoView(true);
i++;
}
while(this.onClick);
}
}Can someone explain to me how i would achieve this functionality?? Thanks