Your IP : 216.73.216.68
/**
* Javascript object for textbox plugin
*
* @version $Id: textbox.js 306 2009-09-07 06:44:45Z dr_drsh $
* @package Joomla
* @subpackage JForms
* @copyright Copyright (C) 2008 Mostafa Muhammad. All rights reserved.
* @license GNU/GPL
*/
var textbox = new Class({
Extends: CLabeledElement,
adapt: function( from ){
this.position=from.position?from.position:this.position;
this.hash=from.hash?from.hash:this.hash;
this.label=from.label?from.label:this.label;
this.css=from.css?from.css:this.css;
this.lw=from.lw?from.lw:this.lw;
this.lh=from.lh?from.lh:this.lh;
this.cw=from.cw?from.cw:this.cw;
this.ch=from.ch?from.ch:this.ch;
this.required=from.required?from.required:this.required;
this.maxLength=from.maxLength?from.maxLength:this.maxLength;
this.validation=from.validation?from.validation:this.validation;
this.altValidation=from.altValidation?from.altValidation:this.altValidation;
this.isUserEmail=from.isUserEmail?from.isUserEmail:this.isUserEmail;
this.defaultValue=from.defaultValue?from.defaultValue:this.defaultValue;
this.onUpdate();
},
initialize: function( parent, id, beforeObject, params ) {
this.type = "textbox";
this.parent($(parent), id, $(beforeObject), params);
this.css = params.css;
this.validation = params.validation;
this.altValidation = params.altValidation;
this.maxLength = params.maxLength;
this.isUserEmail = params.isUserEmail;
this.cw = params.cw;
this.ch = 16; //params.ch;
//Red star that denotes a required field
this.htmlRequiredStar = new Element('span', {
'html': ' * ',
'styles': {
'color' : 'red'
}
});
if( this.required ){
this.htmlRequiredStar.inject( this.htmlLabel );
}
//Input element Resize handle
this.htmlControlResize = new Element('img',{
'src': './corner.png',
'id': 'resizeHandle_control_' + this.type + this.index,
'class': 'resize-handle'
});
this.htmlControlResize.inject( this.htmlContainer );
//Main input element
var br = new Element('br', {'clear':'all'});
this.htmlInput = new Element('input', {
'name': 'input_' + this.type + this.index,
'id':'input_' + this.type + this.index,
'styles':{
'position': 'static',
'width': this.cw + 'px',
'height': this.ch + 'px'
},
'value': params.defaultValue
});
this.htmlInput.inject( this.htmlContainer );
br.inject( this.htmlContainer );
this.htmlInput.makeResizable({
handle:this.htmlControlResize,
onDrag:dispatch_onResizeDrag,
onComplete:dispatch_onResizeEnd,
modifiers: {x: 'width', y: false},
limit:{x:[50,400]}
});
this._alignControlResizeHandle();
},
onUpdate : function(){
this.htmlLabel.set('html', this.label );
this.htmlInput.set('maxlength', this.maxLength );
//Red star that denotes a required field
//Fix for IE!
this.htmlRequiredStar.dispose();
this.htmlRequiredStar = new Element('span', {
'html': ' * ',
'styles': {
'color' : 'red'
}
});
if( this.required ){
this.htmlRequiredStar.inject( this.htmlLabel );
}
},
onResizeDrag: function(newSize,type) {
switch(type){
case "label":
this.htmlLabel.set('styles', { 'border': '1px solid white' } );
default:
break;
}
this._alignLabelResizeHandle();
},
onResizeEnd: function( newSize, type ){
switch(type){
case 'label':
this.lw = newSize.x;
this.lh = newSize.y;
this.htmlLabel.set('styles', { 'border' : '0'});
break;
default:
this.cw = newSize.x;
this.ch = newSize.y;
break;
}
this._alignLabelResizeHandle();
},
_alignControlResizeHandle : function(){
var ControlCoordinates = this.htmlInput.getCoordinates();
var imgSize = this.htmlControlResize.getSize();
var x = ControlCoordinates.right - imgSize.x + this.pixelCorrection;
var y = ControlCoordinates.bottom - imgSize.y + this.pixelCorrection;
this.htmlControlResize.set('styles', {
'position' : 'absolute',
'left' : x + 'px',
'top' : y + 'px'
});
},
deselect: function() {
this.htmlContainer.removeClass('selected');
this.htmlLabelResize.set({'styles':{ 'visibility' : 'hidden' }})
this.htmlControlResize.set({'styles':{ 'visibility' : 'hidden' }})
this.htmlDragHandle.set({'styles':{ 'visibility' : 'hidden' }})
this.htmlDeleteButton.set({'styles':{ 'visibility' : 'hidden' }})
},
select : function() {
this.htmlContainer.addClass('selected');
this.htmlLabelResize.set({'styles':{ 'visibility' : 'visible' }})
this.htmlControlResize.set({'styles':{ 'visibility' : 'visible' }})
this.htmlDragHandle.set({'styles':{ 'visibility' : 'visible' }})
this.htmlDeleteButton.set({'styles':{ 'visibility' : 'visible' }})
this._alignLabelResizeHandle();
},
serialize: function(){
var order = getOrder( this.htmlContainer );
var hash = '';
if(this.hash && this.hash.length){
hash = this.hash;
} else {
hash = uniqueId( 5 );
}
return JSON.encode({
type:this.type,
position:order,
hash:hash,
label:this.label,
css:this.css,
lw:this.lw,
lh:this.lh,
cw:this.cw,
ch:this.ch,
required:this.required,
maxLength:this.maxLength,
validation:this.validation,
altValidation:this.altValidation,
isUserEmail:this.isUserEmail,
defaultValue:this.htmlInput.value
});
}
});