1. #1
    Ext User
    Join Date
    May 2009
    Posts
    59
    Vote Rating
    0
    catapult is on a distinguished road

      0  

    Red face Change inputType onblur

    Change inputType onblur


    Is it possible to change a textfields input type?

    I would like to show a login box with two textfields. The first textfield accepts either an email or a username. I have an blur listener on this field that validates if it is a valid email. If it is the user can just enter a plaintext reference in the second textfield to login. If it isn't a valid email I want to be able to change the second textfields inputType to password so the user can enter their password an have it hidden.

    I can change the textfield objects inputType property from "text" to "password" and see the change in firebug. I have tried calling doLayout() after the change but this doesn't seem to work.

    Any help gratefully received.

  2. #2
    Sencha User sanjoyroy's Avatar
    Join Date
    Dec 2007
    Location
    Melbourne
    Posts
    9
    Vote Rating
    0
    sanjoyroy is on a distinguished road

      0  

    Talking Try this!

    Try this!


    {
    fieldLabel: 'Password',
    name: 'account_password',
    id: 'account_password',
    width: 100,
    inputType:'text',
    value: '".$acc_password."'
    },{
    xtype: 'button',
    name: 'password_button',
    id: 'password_button',
    enableToggle : true,
    iconCls: 'lock',
    width: 50,
    text: 'Show Password',
    toggleHandler: function(btn, st){
    if(!st){
    Ext.getCmp('password_button').setText('Show Password');
    Ext.getCmp('password_button').setIconClass('lock');
    Ext.getCmp('account_password').getEl().dom.setAttribute('type','password');
    Ext.getCmp('account_password').getEl().addClass('x-form-password');

    }else{
    Ext.getCmp('password_button').setText('Hide Password');
    Ext.getCmp('password_button').setIconClass('unlock');
    Ext.getCmp('account_password').getEl().dom.setAttribute('type','text');
    Ext.getCmp('account_password').getEl().addClass('x-form-text');

    }
    }
    }
    Sanjoy Roy
    Senior Programmer
    Melbourne, Australia.

  3. #3
    Ext User
    Join Date
    May 2009
    Posts
    59
    Vote Rating
    0
    catapult is on a distinguished road

      0  

    Default Thank you

    Thank you


    Thanks for that mate I will give it a try.

  4. #4
    Sencha User
    Join Date
    Mar 2011
    Posts
    1
    Vote Rating
    0
    TheCoderZ is on a distinguished road

      0  

    Default


    You can buy a PHP script from www.iharmi.elementfx.com that generates JavaScript code to handle input fields, both text and password, and textareas.

    It works for the most common browsers such as Chrome, IE, Firefox, Opera and Safari.

    There's a video example that shows you how to use it

Thread Participants: 2

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi