2012-05-23 1 views
0

Этот сайт, который я пытаюсь настроить, похоже, не загружает js. Я установил json и php-pear и перезапустил apache и еще много чего. когда я иду на страницу, все, что я вижу, это фон и баннер.Javascript, встроенный в html, не загружается

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /> 
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script> 
<script type="text/javascript" src="../ext-all.js"></script> 
<style type="text/css"> 
body 
{ 
font-family: Arial, Verdana, sans-serif; 
background-image: url(graphics/background_gradient.png); 
background-repeat: repeat-x; 
background-color: #374d5b; 
margin: 0; 
padding: 0 0 20px 0; 
font-size: 13px; 
color: #333; 
text-align: center; 
} 
.root 
{ 
width: 410px; 
margin: 0 auto; 
text-align: left; 
background-color: #e6e6e6; 
position: relative; 
} 

#header 
{ 
background: #0e1d2f url(graphics/banner.png) no-repeat left; 
height: 90px; 
} 
</style> 
</head> 
<body> 
    <div class="root"> 
     <div id="header"></div> 
    </div> 
    <script type="text/javascript" src="login.js"></script> 
</body> 
</html> 

Я бегу CentOS 5

Login.js:

Ext.onReady(function(){ 
Ext.QuickTips.init(); 
var login = new Ext.FormPanel({ 
    labelWidth:80, 
    url:'login.php', 
    frame:true, 
    title:'Please Login', 
    defaultType:'textfield', 
monitorValid:true, 
    items:[{ 
      fieldLabel:'Username', 
      name:'loginUsername', 
      allowBlank:false 
     },{ 
      fieldLabel:'Password', 
      name:'loginPassword', 
      inputType:'password', 
      allowBlank:false 
     }], 

    buttons:[{ 
      text:'Login', 
      formBind: true, 
      handler:function(){ 
       login.getForm().submit({ 
        method:'POST', 
        waitTitle:'Connecting', 
        waitMsg:'Sending data...', 
        success:function(){ 
         Ext.Msg.alert('Status', 'Login Successful!', function(btn, text){ 
          if (btn == 'ok'){ 
           var redirect = './panel.php'; 
           window.location = redirect; 
          } 
         }); 
        }, 
        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); 
         } 
         login.getForm().reset(); 
        } 
       }); 
      } 
     }] 
}); 

var win = new Ext.Window({ 
    layout:'fit', 
    width:300, 
    height:150, 
    closable: false, 
    resizable: false, 
    plain: true, 
    border: false, 
    items: [login] 
}); 
win.show(); 
}); 
+0

У вас не должно быть url(), окружающих login.js в атрибуте src вашего последнего скриптового тега, что дает вам firebug? – yent

+0

удалить url() и все еще нет кубиков, что такое firebug? извините, im довольно новичок в этом – Epicblood

+0

firebug - инструмент отладки для firefox (addon, см. https://addons.mozilla.org/fr/firefox/addon/firebug/), он позволяет вам увидеть, как ваша страница строится, прикладной css и прежде всего выполненных запросов, с ним вы сможете увидеть, загружены ли ваши скрипты, и если это так, у вас будет консоль отладки, показывающая ошибки скрипта. – yent

ответ

0

Оказывается, я не загрузил соответствующий файл (доб-base.js) Uploaded, что и несколько зависимостей, и он работал отлично. спасибо за всю помощь, хотя ребята xD

2

url() синтаксис специфичен для CSS. Для загрузки JS в HTML это то же самое, что и тег <img>.

<script type="text/javascript" src="login.js"></script> 

Это означает, что login.js расположен в том же каталоге, что и ваша страница.

2

Почему вы добавляете url(...) в атрибут источника? Просто укажите на ваш js-файл.

<script type="text/javascript" src="login.js"></script>  
+0

изменил его до этого, все еще не работает – Epicblood

+0

@JorisBolsens Вы уверены, что файл 'login.js' находится в том же каталоге, что и файл html? – Sirko

+0

да, он есть – Epicblood

Смежные вопросы