Hi, I am quite new to titanium and I am trying to create an application to run on an IOS simulator. I have several different files. Each of the file works fine individually, i.e. each page opens and responds to being clicked or entering text. However, when I try to combine the pages to open together, after the first page - i lose the functionality of the next page, i.e. none of my buttons work/cant enter any text. This has been frustrating and there doesnt seem to be something relevant available online.
Below are my codes.
/apps.js
Titanium.UI.setBackgroundColor('white'); var win = Ti.UI.createWindow();
var image= Titanium.UI.createImageView({
image: "etplogo.jpg",
height:150,
width:150,
top:50
});
var username = Titanium.UI.createTextField({ color:'#336699', top:250, left:100, width:200, height:40, hintText:'Username', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var password = Titanium.UI.createTextField({ color:'#336699', top:350, left:100, width:200, height:40, hintText:'Password', passwordMask:true, backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var register = Ti.UI.createButton({ width:160, height:75, title: 'Not registered yet?', top:400, left:100, });
var registernow = Ti.UI.createButton({ width:160, height:75, title: 'Register now!', top:420, left:100, });
registernow.addEventListener('click',function(e) { var window2 = Ti.UI.createWindow({ url:'registration.js' }); win.close(); window2.open(); });
var label = Ti.UI.createLabel({ text: 'Sign Up and get 25% off coupon', top: 470, left: 110, width: 160, height: 75 });
var submit = Ti.UI.createButton({ width:137, height:75, title: 'Submit', top:550, left:180, });
submit.addEventListener('click', function(){ var window = Ti.UI.createWindow({ url:'profile.js' });
window.open({ animated: true });
win.close();
});
var clear = Ti.UI.createButton({ width:137, height:75, title: 'Clear', top:550, left:10, });
clear.addEventListener('click',function(e){ username.value = ''; });
clear.addEventListener('click',function(e){ password.value = ''; });
win.add(label); win.add(register); win.add(registernow); win.add(submit); win.add(clear); win.add(image); win.add(username); win.add(password); win.open();
/registration.js (for example)
Titanium.UI.setBackgroundColor('white'); var win = Ti.UI.currentWindow();
var image= Titanium.UI.createImageView({
image: "etplogo.jpg",
height:150,
width:150,
top:50
});
var names = Titanium.UI.createTextField({ color:'#336699', top:150, left:10, width:300, height:40, hintText:'Name*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var email = Titanium.UI.createTextField({ color:'#336699', top:200, left:10, width:300, height:40, hintText:'Email*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var password = Titanium.UI.createTextField({ color:'#336699', top:250, left:10, width:300, height:40, hintText:'Password*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var username = Titanium.UI.createTextField({ color:'#336699', top:300, left:10, width:300, height:40, hintText:'Username*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var gender = Titanium.UI.createTextField({ color:'#336699', top:350, left:10, width:300, height:40, hintText:'Gender*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var address1 = Titanium.UI.createTextField({ color:'#336699', top:400, left:10, width:300, height:40, hintText:'Address1*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var address2 = Titanium.UI.createTextField({ color:'#336699', top:450, left:10, width:300, height:40, hintText:'Address2*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var dob = Titanium.UI.createTextField({ color:'#336699', top:500, left:10, width:300, height:40, hintText:'Date of Birth*', backgroundImage:'textfield.png', borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, paddingLeft:8, paddingRight:8, keyboardType:Titanium.UI.KEYBOARD_DEFAULT, returnKeyType:Titanium.UI.RETURNKEY_NEXT, suppressReturn:false });
var submit = Ti.UI.createButton({ width:137, height:75, title: 'Submit', top:550, left:180, });
submit.addEventListener('click',function(e) { var window = Ti.UI.createWindow({ url:'successfulregistration.js' }); window.open(); });
var cancel = Ti.UI.createButton({ width:137, height:75, title: 'Cancel', top:550, left:10, });
cancel.addEventListener('click',function(e) { var window = Ti.UI.createWindow({ url:'login.js' }); win.close(); window.open(); });
win.add(submit); win.add(image); win.add(cancel); win.add(names); win.add(email); win.add(password); win.add(username); win.add(gender); win.add(address1); win.add(address2); win.add(dob); win.open();