Question

I’ve got basically 5 windows in my iPad-application (created with Appcelerator Titanium) and want to be able to navigate forth and back (a back and and a next-button for that purpose).
The following approach doesn’t work. Nothing happens upon clicking the button.

The first window is opened in my app.js like this:

var window = Titanium.UI.createWindow({
    url:'mainwindows.js',
    modal: true
});
window.open();

then in mainwindows.js I’ve got a button called ‘next’ which does this:

buttonNext.addEventListener('click', function(e){

        var newWindow = Titanium.UI.createWindow({
            url: "step_1.js",
            title: "Step 1"
        });
        win.open(newWindow, { animated:true})
});

Answer 1

You should create NavigationGroup to operate your windows like that:

//root window for nav group — your modal
var rootWindow = Titanium.UI.createWindow({
    url:'mainwindows.js',
    modal: true
});

var navGroup = Ti.UI.iPhone.createNavigationGroup({
    window:window //your window (mainwindow.js)
});

rootWindow.add(navGroup);

//event handler
buttonNext.addEventListener('click', function(e){
    var newWindow = Titanium.UI.createWindow({
        url: "step_1.js",
        title: "Step 1"
    });
   navGroup.open(newWindow);
});

rootWindow.open();

Explore KitchenSink, there are lots of examples there, including NavigationGroup as well.