/* * Ext JS Library 2.0 Alpha 1 * Copyright(c) 2006-2007, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ Ext.namespace ('subscription_form'); subscription_form.app = function() { var cdata = new Ext.data.SimpleStore({ fields: ['abbr', 'country'], data : Ext.countrydata.countries }); Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var panel = new Ext.FormPanel({ frame: true, method:'Post', labelAlign: 'right', labelWidth: 85, width:340, waitMsgTarget: true, url: 'http://www.graphicmail.com/rwcode/subscribe.asp?SiteID=18309', standardSubmit: true, defaultType: 'hidden', items: [ new Ext.form.FieldSet({ title: 'Contact Information', autoHeight: true, defaultType: 'textfield', items: [ { fieldLabel: 'First Name', name: 'col1', allowBlank: false, anchor:'90%' }, { fieldLabel: 'Last Name', name: 'col2', allowBlank: false, anchor:'90%' }, { fieldLabel: 'Email', name: 'email', allowBlank: false, vtype:'email', anchor:'90%' }, { xtype: 'hidden', name: 'SID', value: 0 }, { xtype: 'hidden', name: 'ReturnURL', value: 'http://www.travel-newswire.com/'+currentPage }, { xtype: 'hidden', name: 'Resize', value: 1 }, mode = { xtype: 'hidden', name: 'Mode', value: '' } ] }), { xtype:'tabpanel', plain:true, activeTab: 0, height:235, defaults:{bodyStyle:'padding:10px'}, items:[{ title: 'Address', autoHeight: true, layout:'form', defaultType: 'textfield', items:[ { fieldLabel: 'Country', name: 'col3', anchor:'90%', xtype: 'combo', displayField:'country', store: cdata, typeAhead: true, mode: 'local', triggerAction: 'all', emptyText: 'Select a country...', selectOnFocus: true }, { fieldLabel: 'Title', name: 'col4', anchor:'90%' }, { fieldLabel: 'Publication', name: 'col5', anchor:'90%' }, { xtype:'ux-radiogroup', fieldLabel:'Category', name:'col8', horizontal:true, radios:[{ value:'magazine', boxLabel:'Magazine' }, { value:'guidebook', boxLabel:'GuideBook' }]}, { xtype:'ux-radiogroup', name:'col8', horizontal:true, labelSeparator: ' ', radios:[ { clearCls: 'x-form-clear-left', value: 'newspaper', boxLabel: 'Newspaper' },{ value: 'tv', boxLabel: 'Tv' }, { value: 'radio', boxLabel: 'Radio' }]},{ xtype:'ux-radiogroup', name:'col8', horizontal:true, labelSeparator: ' ', radios:[ { value: 'website', boxLabel: 'Website' }, { value: 'freelance', boxLabel: 'Freelancer' }]} ] }, { title: "Extended", layout:'form', autoHeight: true, defaultType: 'textfield', items:[ { fieldLabel: 'Phone', name: 'col9', anchor:'90%' },{ xtype:'ux-radiogroup', fieldLabel:'LeadTime', name:'col7', horizontal:true, radios:[{ value:'short', boxLabel:'Short' }, { value:'long', boxLabel:'Long' }] }, { xtype: 'textarea', height: 90, anchor:'90%', fieldLabel: 'Comment', name: 'col6' } ] }] } ]}); var sub = panel.addButton({ text: 'Subscribe', disabled:false, handler: function(){ Ext.DomQuery.selectNode('input[name="Mode"]').value = 'update'; panel.getForm().items.each(function(item) { if (!(item.el)){ } else { if (item.el.getValue() == item.emptyText) { item.el.dom.value = ''; } if (item.el.getValue() == '') { item.el.remove(); } } }); panel.getForm().getEl().dom.action = 'http://www.graphicmail.com/rwcode/subscribe.asp?SiteID=18309'; panel.getForm().submit({ method:'Post', url: 'http://www.graphicmail.com/rwcode/subscribe.asp?SiteID=18309', waitMsg:'Sending Data...', clientValidation: true, success:function(form, action){ window.hide(); Ext.get('data').insertHtml( 'afterBegin', "Thanks for sub.", false); obj = Ext.util.JSON.decode(action.response.responseText); Ext.get('data').insertHtml('beforeEnd', obj.person.first+' '+obj.person.last, false); }, failure:function(form, action){ if(action.failureType == 'server'){ obj = Ext.util.JSON.decode(action.response.responseText); Ext.Msg.alert('Login Failed!', obj.errors.reason); }else{ Ext.Msg.alert('Warning!', 'Authentication server is unreachable : ' + action.response.responseText + "abcd"); } //panel.getForm().reset(); } }); } }); var unsub = panel.addButton({ text: 'Unsubscribe', disabled: false, handler: function(){ // document.inputForm.Mode.value='unsubscribe' Ext.DomQuery.selectNode('input[name="Mode"]').value = 'unsubscribe'; panel.getForm().getEl().dom.action = 'http://www.graphicmail.com/rwcode/subscribe.asp?SiteID=18309'; panel.getForm().submit({ method: 'Post', url: 'http://www.graphicmail.com/rwcode/subscribe.asp?SiteID=18309', waitMsg: 'Updating Data...', clientValidation: true, success:function(){ panel.hide(); Ext.get('data').insertHtml( 'afterBegin', "Sorry to see you go.", false); }, failure:function(form, action){ if(action.failureType == 'server'){ obj = Ext.util.JSON.decode(action.response.responseText); Ext.Msg.alert('Login Failed!', obj.errors.reason); }else{ Ext.Msg.alert('Warning!', 'Authentication server is unreachable : ' + action.response.responseText + "abcd"); } panel.getForm().reset(); } }); } }); var window = new Ext.Window({ title:'Subscription', width: 350, height:400, minWidth: 300, minHeight: 200, layout: 'fit', plain:true, bodyStyle:'padding:5px;', buttonAlign:'center', items: panel, closeAction: 'hide' }); Ext.form.Action.Submit.prototype.run = Ext.form.Action.Submit.prototype.run.createInterceptor(function() { panel.form.items.each(function(item) { alert('running'); if (item.el.getValue() == item.emptyText) { item.el.dom.value = ''; } }); }); Ext.form.Action.Submit.prototype.run = Ext.form.Action.Submit.prototype.run.createSequence(function() { panel.form.items.each(function(item) { alert('running'); if (item.el.getValue() == '' && item.emptyText) { item.el.dom.value = item.emptyText; } }); }); return { init: function(){ // window.show(); // Ext.DomHelper.insertBefore( // Ext.DomQuery.selectNode('input[name="website"]'), // 'http://', // false // ); //panel.hide(); }, hide: function(){ window.hide(); }, show: function(){ window.show(); } }; }(); /*

SUBSCRIPTION MANAGEMENT

Use this page to subscribe or unsubscribe to the available newsletter or newsletters.

Email
First Name
Last Name
Country
Title
Publication
Comment
Lead Time ShortLong
Category GuidebookMagazineNewspaper Journalist
Tv/Radio
Phone
Subscribe Unsubscribe

Please come back at any time to modify your profile.
*/