2012-11-20 289 views
0

我有一個登錄窗口,作爲Chrome安裝的擴展程序打開(將是一個獨立的Chrome Web應用程序,因此我使用manifest.json來設置.js文件然後打開小的登錄窗口。從Chrome應用程序窗口打開另一個Chrome應用程序窗口

我希望它這樣,當用戶輸入正確的憑據,點擊登錄,然後我就可以打開應用程序主窗口。

我的登錄窗口打開罰款,但可以」我敢肯定,這與沙箱有關,但我不知道我要去哪裏錯。

這是我的鱈魚e迄今爲止,沒有CSS。


的manifest.json

{ 
    "name": "CAD", 
    "description": "A CAD Call Sheet", 
    "manifest_version": 2, 
    "minimum_chrome_version": "23", 
    "version": "0.1", 
    "offline_enabled": true, 
    "app": { 
     "background": { 
      "scripts": ["mainInfo.js"] 
     } 
    }, 

    "icons": { 
     "16": "assets/icon-128x128.png", 
     "128": "assets/icon-128x128.png" 
    } 
} 

mainInfo.js

chrome.app.runtime.onLaunched.addListener(function() { 
    chrome.app.window.create('CADLogin.html', { 
    width: 250, 
    height: 250, 
    maxWidth: 250, 
    minWidth: 250, 
    minHeight: 250, 
    maxHeight: 250, 
    }); 
}); 

CADLogin.html

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Login</title> 
     <link rel='stylesheet' href="CADLogin.css" type='text/css' /> 
     <script type="text/javascript" src="CADLogin.js"></script> 
    </head> 

    <body> 
     <header> 
      <h1 class="loginHeader">CAD Login</h1> 
     </header> 

     <form id="loginForm"> 
      <br /> 
      <div id="loginUsernamediv"> 
       <input class="loginFields" type="text" id="loginUsername" name="loginUsername" placeholder="Username" /> 
      </div> 

      <div id="loginPassworddiv"> 
       <input class="loginFields" type="password" id="loginPassword" name="loginPassword" placeholder="Password" /> 
      </div> 

      <br /> 

      <div id="loginButtonsdiv"> 
       <button class="loginButton" id="loginButton"> 
        Login 
       </button> 
       <button class="loginButton" id="cancelButton"> 
        Cancel 
       </button> 
      </div> 

      <br /> 
      <br /> 

     </form> 
    </body> 

</html> 

CADLogin.js

window.onload = function() { 

    document.getElementById("cancelButton").onclick = function() { 
     window.close(); 
    } 

    document.getElementById("loginButton").onclick = function() { 
     var username = document.getElementById("loginUsername"); 
     var password = document.getElementById("loginPassword"); 
     if (username=="brian" && password=="letmein") { 
      chrome.app.window.create('MainSelections.html', { 
       width: 100, 
       height: 250, 
       maxWidth: 100, 
       minWidth: 100, 
       minHeight: 250, 
       maxHeight: 250 
      }); 
     } 
    } 
} 

任何幫助表示讚賞。

回答

0

好的,所以檢查我的代碼中的錯別字有助於。 texxt/javascript和text/javascript是不一樣的......第一個實際上會使代碼無法工作。