| You Type: | You See: |
|---|
| ===Sub Title=== | Sub Title |
| [Click here to visit the About Us Page](/About_Us) | Click here to visit the About Page |
| <b>This is important</b> | This is important |
| <i>"Difficulties mastered are opportunities won." - Winston Churchill</i> | "Difficulties mastered are opportunities won." - Winston Churchill |
| He\'s <u>NOT</u> the Messiah, He\'s a <u>very</u> naughty boy! | He\'s NOT the Messiah, He\'s a very naughty boy! |
').injectAfter(divholder);
}
}
}
}).setText('Show Help').injectInside(divholder);
new Element('input', {
'type': 'button',
'value': '-',
'class': 'submitbutton',
'style': 'margin:0;left:220px;margin-right:4px;padding: 0',
'title': 'Decrease EditBox Size',
'events': {
'click': function(form, el){
(new Event(form,el)).stop();
var h = input.getStyle('height').toInt();
var nh = h - 60;
if (nh <17) { nh = 17; }
var myH = new Fx.Style(input, 'height', {duration: 250}).start(h, nh);
}
}
}).injectInside(divholder);
new Element('input', {
'type': 'button',
'value': '+',
'class': 'submitbutton',
'style': 'padding: 0;left:224px;margin:0;',
'title': 'Increase EditBox Size',
'events': {
'click': function(form, el){
(new Event(form,el)).stop();
var h = input.getStyle('height').toInt();
var nh = h + 60;
var myH = new Fx.Style(input, 'height', {duration: 250}).start(h, nh);
}
}
}).injectInside(divholder);
// For every param, add a hidden input
for (param in this.params) {
new Element('input', {
'type': 'hidden',
'name': param,
'value': this.params[param]
}).injectInside(form);
}
//
new Element('input', {
'type': 'hidden',
'name': 'id',
'value': id
}).injectInside(form);
// inject our target
new Element('input', {'type': 'hidden','name': 'target','value': target }).injectInside(form);
// Add the form after the target element
form.injectAfter(el);
// Create a textarea or input for user
var input = new Element('textarea', {
'name': 'content',
'style': 'height: '+height,
'class': 'editbox',
'id' : 'textbox-'+id
}).appendText('Getting content from server...').injectInside(form);
this.ajaxGet(id,input,target);
oldstyles = input.getStyles('position','display','width','overflow','z-index');
// Focus on the input
input.focus();
},
/**
* Ajax Get
* @param id to pass to php script
* @param element to update with content
*/
ajaxGet: function(id, el, target) {
$$('form input.submitbutton').each(function(i, c) { i.setProperty('disabled', 'true'); });
el.setProperty('disabled', 'true');
if (!el) { el = $('textbox'); }
url = "?getcontent=1&id="+id+"&target="+target;
var rq = new Ajax("/update.php"+url, {
method: 'get',
onComplete:function(resp){
var content = resp;
el.setText(resp);
$$('form input.submitbutton').each(function(i, c) { i.setProperty('disabled', ''); });
el.setProperty('disabled', '');
}
}).request();
},
/**
* Hide form
* @param element form Your target form.
* @param element el Your target element.
*/
hideForm: function(form, el) {
form.addClass(this.options.hiddenCl);
el.removeClass(this.options.hiddenCl);
}
});
// needs to be domready instead of load for ie6
window.addEvent('load', Site.start);