Rfe 9201: Make Survey textAreas yui resizable

This commit is contained in:
Yung Han Khoe 2009-01-15 15:51:39 +00:00
parent 46cca4fae1
commit f4dab79093
2 changed files with 64 additions and 101 deletions

Binary file not shown.

View file

@ -1,110 +1,73 @@
if (typeof Survey == "undefined") {
/*global Survey, YAHOO */
if (typeof Survey === "undefined") {
var Survey = {}; var Survey = {};
} }
Survey.ObjectTemplate = (function(){ Survey.ObjectTemplate = new function(){
// Keep references to widgets here so that we can destory any instances before this.loadObject = function(html,type){
// creating new ones (to avoid memory leaks)
var dialog;
var editor;
return { document.getElementById('edit').innerHTML = html;
unloadObject: function(){ var myTextarea;
// First destory the editor..
if (editor) {
editor.destroy();
editor = null;
}
// And then the Dialog that contains it. var handleSubmit = function(){
if (dialog) { myTextarea.saveHTML();
dialog.destroy(); this.submit();
dialog = null; }
}
},
loadObject: function(html, type){ var butts = [
// Make sure we purge any event listeners before overwrite innerHTML.. { text:"Submit", handler:handleSubmit, isDefault:true },
YAHOO.util.Event.purgeElement('edit', true); { text:"Copy", handler:function(){document.getElementById('copy').value = 1; this.submit();}},
document.getElementById('edit').innerHTML = html; { text:"Cancel", handler:function(){this.cancel();}},
{ text:"Delete", handler:function(){document.getElementById('delete').value = 1; this.submit();}}
];
var btns = [{ var form = new YAHOO.widget.Dialog(type,
text: "Submit", {
handler: function(){ width : "500px",
editor.saveHTML(); fixedcenter : true,
this.submit(); visible : false,
}, constraintoviewport : true,
isDefault: true buttons : butts
}, { } );
text: "Copy",
handler: function(){
document.getElementById('copy').value = 1;
this.submit();
}
}, {
text: "Cancel",
handler: function(){
this.cancel();
}
}, {
text: "Delete",
handler: function(){
document.getElementById('delete').value = 1;
this.submit();
}
}, {
text: "Preview",
handler: function(){
if (type === 'answer') {
alert('Sorry, preview is only supported for Sections and Questions, not Answers');
}
else {
var msg = 'This will delete any Survey responses you have made under this ' +
'user account and redirect you to the Take Survey page starting at the selected item. ' +
"\n\nAre you sure you want to continue?";
if (confirm(msg)) {
window.location.search = 'func=jumpTo;id=' + dialog.getData().id;
}
}
}
}];
dialog = new YAHOO.widget.Dialog(type, { form.callback = Survey.Comm.callback;
width: "600px", form.render();
context: [document.body, 'tr', 'tr'],
visible: false,
constraintoviewport: true,
buttons: btns
});
dialog.callback = Survey.Comm.callback; if(type == 'question'){
dialog.render(); var resize = new YAHOO.util.Resize('resize_randomWords_formId');
resize.on('resize', function(ev) {
YAHOO.util.Dom.setStyle('randomWords_formId', 'width', (ev.width - 6) + "px");
YAHOO.util.Dom.setStyle('randomWords_formId', 'height', (ev.height - 6) + "px");
});
}
var textareaId = type + 'Text'; if(type == 'answer'){
var textarea = YAHOO.util.Dom.get(textareaId); var resize = new YAHOO.util.Resize('resize_gotoExpression_formId');
resize.on('resize', function(ev) {
YAHOO.util.Dom.setStyle('gotoExpression_formId', 'width', (ev.width - 6) + "px");
YAHOO.util.Dom.setStyle('gotoExpression_formId', 'height', (ev.height - 6) + "px");
});
}
var height = YAHOO.util.Dom.getStyle(textarea, 'height'); var textareaId = type+'Text';
if (!height) { var textarea = YAHOO.util.Dom.get(textareaId);
height = '300px'; var height = YAHOO.util.Dom.getStyle(textarea,'height');
} if (height == ''){
height = '300px';
}
var width = YAHOO.util.Dom.getStyle(textarea,'width');
if (width == ''){
width = '500px';
}
myTextarea = new YAHOO.widget.SimpleEditor(textareaId, {
height: height,
width: width,
dompath: false //Turns on the bar at the bottom
});
myTextarea.render();
// N.B. SimpleEditor has a memory leak so this eats memory on every instantiation form.show();
editor = new YAHOO.widget.SimpleEditor(textareaId, { }
height: height, }();
width: '100%',
dompath: false //Turns on the bar at the bottom
});
if (editor.get('toolbar')) {
editor.get('toolbar').titlebar = false;
}
editor.render();
dialog.show();
}
};
})();