Foros del Web » Programando para Internet » Javascript »

area de texto, a su derecha el contador de letras

Estas en el tema de area de texto, a su derecha el contador de letras en el foro de Javascript en Foros del Web. hola amix, tengo este codigo var q4 = new Ext.form.TextArea({ name:'q4', id:'q4', width:400, height:40, hidden:true, enableKeyEvents:true, maxLength: 100, maxLengthText : 'maximo 100 caracteres', listeners:{ keyUp:function(){ ...
  #1 (permalink)  
Antiguo 22/06/2010, 16:02
 
Fecha de Ingreso: agosto-2009
Ubicación: Lima
Mensajes: 226
Antigüedad: 14 años, 8 meses
Puntos: 3
De acuerdo area de texto, a su derecha el contador de letras

hola amix, tengo este codigo

var q4 = new Ext.form.TextArea({
name:'q4',
id:'q4',
width:400,
height:40,
hidden:true,
enableKeyEvents:true,
maxLength: 100,
maxLengthText : 'maximo 100 caracteres',
listeners:{
keyUp:function(){
var count = q4.getValue().length;
contador.setValue(count);
if (count>100){
q4.setValue(q4.getValue().substring(0,100));
}
}
}
});

var contador = new Ext.form.NumberField({
hidden:true,name:'contador',id:'contador',width:30 ,readOnly:true
//,addClass:'color:red;'
});

..........

var form2 = new Ext.FormPanel({
//title:'Modifcar Datos PARTE IZQUIERDA',
renderTo: 'form2',
url:'<?=base_url()."index.php/general/ajax_add";?>',
defaults:{xtype:'textfield'},
bodyStyle:'padding: 10px;background: #E5E5E8;',
border:false,
// se modifica este panel para el ancho de la parte de abajo
width:800,
// height:350,
// height:0,
items:[
indicador2,
unidadMedida,
new Ext.Panel({
border : false,
bodyStyle: '\
font-size: 12px;\n\
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;\n\
padding-left:120px;\n\
background: #E5E5E8;',
layout : 'column',
items : [tableLbl]
}),
new Ext.Panel({
border : false,
fieldLabel:'Programado',
layout : 'column',
bodyStyle:'background: #E5E5E8;',
items : [prot1,prot2,prot3,prot4]
}),
new Ext.Panel({
border : false,
fieldLabel:'Avance',
layout : 'column',
bodyStyle:'background: #E5E5E8;',
items : [avat1,avat2,avat3,avat4]
}),
new Ext.Panel({
border : false,
fieldLabel:'Modificado',
layout : 'column',
bodyStyle:'background: #E5E5E8;',
items : [modt1,modt2,modt3,modt4, totalIp]
}),
// totalIp,

//COmbo para el motivo de la modificacion

new Ext.Panel({
border : false,
fieldLabel:'Motivo de modificaci&oacute;n',
bodyStyle:'background: #E5E5E8;',
//layout : 'column',
items : [q1,q2,q3]
}),
q4, contador
],
buttonAlign: 'center', //<--botones alineados a la derecha
buttons:[button]
});



Sucede que quiero que me muestre el q4 y contador juntos, pero el contador me sale abajo del q4.

Como puedo solucionar este detalle

Gracias anticipadas

Luis

Etiquetas: area, contador, derecha, letras
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:29.