function loadFormLogin() { //var labelEmail = new Ext.for.Label({ //}); var email = new Ext.form.TextField({ fieldLabel: 'Email ', width: 128, name: 'login', id: 'login', allowBlank:false, regex: emailExpr, regexText: 'Format attendu : "user@domain.com"', blankText: 'Email obligatoire', layout :'column' }); var password = new Ext.form.TextField({ inputType: 'password', width: 89, fieldLabel: 'Mot de passe', name: 'password', id: 'password', regex: passwordExpr, //value: '12345678', regexText: 'Format attendu : minimum 8 lettres/chiffres', allowBlank:false, blankText: 'Mot de passe obligatoire' }); var formLogin = new Ext.form.FormPanel({ standardSubmit: true, border:false, frame:false, monitorValid:true, labelAlign: 'center', bodyStyle: "background-color: transparent; color: white;", defaultType: 'textfield', items: [ { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', border:false, style:'margin:0px;padding:1px;', items:[{ xtype:'label', text:'Email', width:30 }, email]}, { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', border:false, style:'margin:0px;', items:[ { xtype:'label', text:'Mot de passe', width:70 }, password] }, { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', width:180, border:false, style:'margin:0px;', items:[ { xtype:'label', text:'Se souvenir', style:'padding-left:86;padding-top:4; margin-right:3' }, new Ext.form.Checkbox({ labelStyle: 'display: none;', id: 'reminderBox', name: 'reminderBox', value:'1' })] }, { inputType: 'hidden', id: 'submitbutton', name: 'myhiddenbutton', value: 'hiddenvalue' }, { inputType: 'hidden', id: 'tryToLogin', name: 'tryToLogin', value: '1' }, { inputType: 'hidden', id: 'encodedResponse', name: 'encodedResponse', value: '' } ], buttons: [{ text: 'Identification', formBind:true, scope:this, style:'position:relative; right:33; position /*\**/: relative\9; right /*\**/: 23\9;', handler: function() { // signature MD5 du couple login+password : le mot de passe sert de clé puis il est effacé (non-transmis) var str = Ext.getCmp('login').getValue()+"*"+Ext.getCmp('password').getValue(); var MD5str = MD5(str); formLogin.getForm().getEl().dom.action = '/login.do?hash='+MD5str; formLogin.getForm().getEl().dom.method = 'POST'; formLogin.getForm().submit(); } }] }); formLogin.render('formIdentification'); email.focus(); }; function loadFormLoginHorizontal() { //var labelEmail = new Ext.for.Label({ //}); var emailH = new Ext.form.TextField({ //fieldLabel: 'Email ', width: 180, name: 'login', id: 'login', allowBlank:false, style: "margin-right:10px", regex: emailExpr, regexText: 'Format attendu : "user@domain.com"', blankText: 'Email obligatoire', layout :'column' }); var passwordH = new Ext.form.TextField({ inputType: 'password', width: 180, //fieldLabel: 'Mot de passe', name: 'password', id: 'password', regex: passwordExpr, //value: '12345678', regexText: 'Format attendu : minimum 8 lettres/chiffres', allowBlank:false, blankText: 'Mot de passe obligatoire' }); var formLoginHorizontal = new Ext.form.FormPanel({ standardSubmit: true, border:false, frame:false, monitorValid:true, labelAlign: 'left', bodyStyle: "background-color: transparent; color: black;", defaultType: 'textfield', items: [ { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', width:380, border:false, style:'margin:10px;padding:1px;', items:[emailH, passwordH] }, { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', border:false, style:'margin:0px;position:relative; top:-10px;', items:[ { xtype:'label', text:'Se souvenir', style:'padding-left:310; padding-bottom:10; margin-top:4; margin-right:4' }, new Ext.form.Checkbox({ labelStyle: 'display: none;', id: 'reminderBox', name: 'reminderBox', value:'1' })] }, { inputType: 'hidden', id: 'submitbutton', name: 'myhiddenbutton', value: 'hiddenvalue' }, { inputType: 'hidden', id: 'tryToLogin', name: 'tryToLogin', value: '1' }, { inputType: 'hidden', id: 'encodedResponse', name: 'encodedResponse', value: '' } ], buttons: [{ text: 'S\'identifier', formBind:true, scope:this, style:'position:absolute; top:11px; left:520px', //style:'position:relative; right:23; position /*\**/: relative\9; right /*\**/: 23\9;', handler: function() { // signature MD5 du couple login+password : le mot de passe sert de clé puis il est effacé (non-transmis) var str = Ext.getCmp('login').getValue()+"*"+Ext.getCmp('password').getValue(); var MD5str = MD5(str); formLoginHorizontal.getForm().getEl().dom.action = '/login.do?hash='+MD5str; formLoginHorizontal.getForm().getEl().dom.method = 'POST'; formLoginHorizontal.getForm().submit(); } }] }); formLoginHorizontal.render('formIdentificationHorizontal'); emailH.focus(); }; function loadFormLoginGA() { var email = new Ext.form.TextField({ fieldLabel: 'Email ', width: 128, name: 'login', id: 'login', allowBlank:false, regex: emailExpr, regexText: 'Format attendu : "user@domain.com"', blankText: 'Email obligatoire', layout :'column' }); var password = new Ext.form.TextField({ inputType: 'password', width: 89, fieldLabel: 'Mot de passe', name: 'password', id: 'password', regex: passwordExpr, //value: '12345678', regexText: 'Format attendu : minimum 8 lettres/chiffres', allowBlank:false, blankText: 'Mot de passe obligatoire' }); var formLogin = new Ext.form.FormPanel({ standardSubmit: true, border:false, frame:false, monitorValid:true, labelAlign: 'center', bodyStyle: "padding-left:10px; background-color: transparent; color: white; text-align:left", defaultType: 'textfield', items: [ { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', border:false, style:'margin:0px;padding:1px;', items:[{ xtype:'label', text:'Email ', width:30 }, email]}, { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', border:false, style:'margin:0px;', items:[ { xtype:'label', text:'Mot de passe ', width:70 }, password] }, { inputType: 'hidden', id: 'submitbutton', name: 'myhiddenbutton', value: 'hiddenvalue' }, { inputType: 'hidden', id: 'tryToLogin', name: 'tryToLogin', value: '1' }, { inputType: 'hidden', id: 'encodedResponse', name: 'encodedResponse', value: '' } ], buttons: [{ text: 'Identification', formBind:true, scope:this, style:'position:relative; right:23; position /*\**/: relative\9; right /*\**/: 13\9;', handler: function() { // signature MD5 du couple login+password : le mot de passe sert de clé puis il est effacé (non-transmis) var str = Ext.getCmp('login').getValue()+"*"+Ext.getCmp('password').getValue(); var MD5str = MD5(str); formLogin.getForm().getEl().dom.action = '/gardeAnimaux.do?hash='+MD5str; formLogin.getForm().getEl().dom.method = 'POST'; formLogin.getForm().submit(); } }] }); formLogin.render('formIdentificationGA'); email.focus(); }; function loadFormLoginGAcnx() { var email = new Ext.form.TextField({ fieldLabel: 'Email ', width: 128, name: 'login', id: 'login', allowBlank:false, regex: emailExpr, regexText: 'Format attendu : "user@domain.com"', blankText: 'Email obligatoire', layout :'column' }); var password = new Ext.form.TextField({ inputType: 'password', width: 89, fieldLabel: 'Mot de passe', name: 'password', id: 'password', regex: passwordExpr, //value: '12345678', regexText: 'Format attendu : minimum 8 lettres/chiffres', allowBlank:false, blankText: 'Mot de passe obligatoire' }); var formLogin = new Ext.form.FormPanel({ standardSubmit: true, border:false, frame:false, monitorValid:true, labelAlign: 'center', bodyStyle: "padding-left:10px; background-color: transparent; color: black; text-align:left", defaultType: 'textfield', items: [ { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', border:false, style:'margin:0px;padding:1px;', items:[{ xtype:'label', text:'Email ', width:30 }, email]}, { xtype:'panel', bodyStyle: "background-color: transparent;", layout:'column', border:false, style:'margin:0px;', items:[ { xtype:'label', text:'Mot de passe ', width:70 }, password] }, { inputType: 'hidden', id: 'submitbutton', name: 'myhiddenbutton', value: 'hiddenvalue' }, { inputType: 'hidden', id: 'tryToLogin', name: 'tryToLogin', value: '1' }, { inputType: 'hidden', id: 'encodedResponse', name: 'encodedResponse', value: '' } ], buttons: [{ text: 'Identification', formBind:true, scope:this, style:'position:relative; right:23; position /*\**/: relative\9; right /*\**/: 13\9;', handler: function() { // signature MD5 du couple login+password : le mot de passe sert de clé puis il est effacé (non-transmis) var str = Ext.getCmp('login').getValue()+"*"+Ext.getCmp('password').getValue(); var MD5str = MD5(str); formLogin.getForm().getEl().dom.action = '/gardeAnimaux.do?action=paiement&hash='+MD5str; formLogin.getForm().getEl().dom.method = 'POST'; formLogin.getForm().submit(); } }] }); formLogin.render('formIdentificationGAcnx'); email.focus(); };