2012-05-25 5 views
2

두 개의 다른 위치에 두 개의 js 페이지 (Source.js 및 Target.js)가 있습니다. 이제는 사용자가 소스 페이지의 드롭 다운 목록을 클릭하면됩니다. 사용자를 대상 페이지로 리디렉션하며 반대의 경우도 마찬가지입니다. 나는 당신에게 모든 위치 및 everthing를 가진 정확한 코딩을 제공하고있다, 나는 다만 1 페이지에서 제 2 페이지로 어떻게 전환하는지 알고 싶다.Jquery : 한 페이지에서 다른 페이지로 리디렉션

Source.js

var SourceSc = function() { 
var that = {}; 
var _view = null; 
var _childPanel = "#content"; 
var _sourceDlgMgrC = null; 
var BEGIN = "BEGIN"; 
var STARTING = "STARTING"; 
var END = "END"; 
var TARGET = "TARGET"; 
var _state = BEGIN; 
that.create = function(parent, panel) { 

    _parent = parent; 
    _panel = panel; 
    _transition(STARTING); 
}; 
that.destroy = function() { 
    _transition(END); 
}; 
that.eventTargetLanguageView = function() { 
    _transition(TARGET_LANGUAGE_VIEW); 
}; 
var _transition = function(newState) { 
    _state = newState; 
    switch(_state) {     
     case STARTING: _enterStarting(); break; 
      case TARGET: _enterTargetDlg(); break; 
     case END: _enterEnd(); break; 
    } 
}; 
var _enterStarting = function() { 
    modelMgr.loadInclude('code/app/sc/LoggedIn/sc/Source/c/SourceDlgMgrC.js', function() { 
     modelMgr.getHTML('code/app/sc/LoggedIn/sc/Source/Source.html', function(html) { 
      _sourceDlgMgrC = SourceDlgMgrC(); 
      _sourceDlgMgrC.create(_childPanel); 
      var req = {}; 
      var fnSuccess = function(res) { 
       _view = SourceV(); 
       _view.create(that, _panel, html, res);     
      };    
     }); 
    }); 
}; 
var _enterTargetDlg = function() 
{ 
//now what i have to write here, to load target page 
}; 
var _enterEnd = function() { 
    //coding of destroy  
}; 
return that;}; 
var SourceV = function() { 
var that = {}; 

var _sc = null; 
var _panel = null; 

that.create = function(sc, panel, html, res) { 
    _sc = sc; 
    _panel = panel; 
    that.layoutUi(html); 
    that.bindEvents(); 
}; 
that.layoutUi = function(html) { 

    $(_panel).html(html);  
}; 
that.bindEvents = function() { 

    $('#viewList').change(_sc.eventTargetLanguageView); 
}; 
that.destroy = function() { 
    $(_panel).html(''); 
    _panel = null; 
    _sc = null; 
}; 
return that; }; 

내가 source.html 전체 코드를 게시 할 수 있습니다하지만 난 지금

<select id = "viewList" class="fl width160"> 
      <option>Source</option> 
      <option>Target</option> 
     </select> 

코딩에만 드롭 다운 목록을 게시합니다 즉 덜 사용됩니다 추측 코딩 대상 페이지의 코딩도 정확히 동일하지만 Target.js의 위치는 "code/app/sc/LoggedIn/sc/Target/Target.js"입니다.

+0

'location.href = 'yourNewPage';는 어떻게됩니까? – mattytommo

+0

@mattytommo 좀 더 명확히하십시오. –

+0

다른 페이지로 가려면'location.href = 'yourNewPage'; 그러면 브라우저가 'yourNewPage' 페이지로 리디렉션됩니다. – mattytommo

답변

1

시도해주세요 ... (예 :)

codeLoadingMgr.loadInclude(path + '/AdminSc.js', function() { 
_adminSc = AdminSc(); 
    _adminSc.create(that, path, _childPanel,_selectedAdminTab, _programId); 
    }); 
+0

덕분에 많이 도움 : :) –

+0

환영 vikas ..! –

관련 문제