2011-09-21 183 views
0

我試圖在我的web項目上使用EJB和JPA使用mvc設計模式來實現通知。此外,頁眉和頁腳都在每個單獨的文件中。問題是,當我嘗試使用警報不工作。從fornecedor JSP示例代碼:無法讓jquery警報在web-inf文件夾中的網頁上工作

<script src="js2/js/jquery.js" type="text/javascript"></script>   
     <script src="js2/js/jquery.ui.draggable.js" type="text/javascript"></script>  
     <script src="js2/js/jquery.alerts.js" type="text/javascript"></script> 
     <link href="js2/css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" /> 
<script type="text/javascript"> 
    function gback(){ 
       document.FM.action = "<c:url value='FModificar'/>"; 
       document.FM.method = "get"; 
       document.FM.submit(); 
       } 
     $(document).ready(function(){ 

       $("#FElim").click(function() { 
       jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { 
        jAlert('success', 'Confirmed: ' + r, 'Confirmation Results'); 
         if (r) { 
           document.FEliminar.action = "<c:url value='FEL'/>"; 
           document.FEliminar.method = "get"; 
           document.FEliminar.submit(); 
          } else { 
           return false; 
          } 
       }); 
      }); 

     }); 

</script> 

的腳本代碼:

<%-- Eliminar Fornecedor is Requested --%> 
         <c:if test="${fn:contains(PagesInF,'FEliminar')}"> 

           <table id="ProductTable" class="detailsTable"> 

            <tr class="header"> 
             <th colspan="8" >Products</th> 
            </tr> 

            <tr class="tableHeading"> 
             <td>ID</td> 
             <td>Nome</td> 
             <td>Endereço</td> 
             <td>Descrição</td> 
             <td>Nº de Celulare</td> 
             <td>Nº de Telefone</td> 
             <td>Email</td>  
             <td>Fax</td> 
             <td></td> 
            </tr> 

            <c:forEach var="ELForn" items="${EFornecedorList}" varStatus="iter"> 

             <tr class="${'white'} tableRow"> 
              <td>${ELForn.getFid()}</td> 
              <td>${ELForn.getFNome()}</td> 
              <td>${ELForn.getFEndereco()}</td> 
              <td>${ELForn.getFDescricao()}</td> 
              <td>${ELForn.getFNCel()}</td> 
              <td>${ELForn.getFNTel()}</td> 
              <td>${ELForn.getFEmail()}</td> 
              <td>${ELForn.getFFax()}</td> 
              <td> 
               <form action="<c:url value='FEL'/>" method="post" name="FEliminar"> 
                <input type="hidden" 
                  name="MEId" 
                  value="${ELForn.getFid()}"> 
                <input id="FElim" type="button"               
                  value="Eliminar">              
               </form> 
              </td> 
             </tr> 

            </c:forEach> 

           </table>         

         </c:if> 
         <%-- END Eliminar Fornecedor is Requested --%> 

這裏是頭jsp頁面代碼:

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link rel="stylesheet" type="text/css" href="Css/Style.css">   
     <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
     <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
     <%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
     <script src="/AffableBean/js/jquery-1.6.4.js" type="text/javascript"></script>   
     <script src="/AffableBean/js/jquery-ui-1.8.4.custom.min.js" type="text/javascript"></script> 
     <script src="/AffableBean/js/jquery.corners.js" type="text/javascript"></script> 



     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $('.rounded').corners(); 

       $('a.categoryButton').hover(
        function() {$(this).animate({backgroundColor: '#b2d2d2'})}, 
        function() {$(this).animate({backgroundColor: '#d3ede8'})} 
       ); 

       $('div.ActionBox').hover(over, out); 

       function over() { 
        var span = this.getElementsByTagName('span'); 
        $(span[0]).animate({opacity: 0.3}); 
        $(span[1]).animate({color: 'white'}); 

       } 

       function out() { 
        var span = this.getElementsByTagName('span'); 
        $(span[0]).animate({opacity: 0.7}); 
        $(span[1]).animate({color: '#444'}); 
       }    


      }); 



     </script> 

     <title>Rimpex Stock Application</title> 
    </head> 
    <body> 
     <div id="main"> 

      <div id="header">     
         <a href="<c:url value='Home'/>"> 
          <img src="/StockWebApp/img/Letter_R_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_I_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_M_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_P_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_E_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_X_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_L_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_T_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
          <img src="/StockWebApp/img/Letter_D_blue_Icon_64.png" id="logo" alt="Rimpex logo"> 
         </a>  


         <div class="clr"></div>    

         <div id="Menu"> 
          <c:if test="${fn:contains(PagesIn,'Home')}"> 
           <ul> 
            <li class="active"><a href="<c:url value='Home'/>"><span class="bigText">Home</span></a></li> 
            <li><a href="<c:url value='Utilizador'/>"><span class="bigText">Utilizador</span></a></li> 
            <li><a href="<c:url value='LogOff'/>" id="LOf"><span class="bigText">Log Off</span></a></li> 
            <li><a href="<c:url value='About'/>"><span class="bigText">About</span></a></li>               
           </ul> 
          </c:if> 
          <c:if test="${fn:contains(PagesIn,'Utilizador')}"> 
           <ul> 
            <li><a href="<c:url value='Home'/>"><span class="bigText">Home</span></a></li> 
            <li class="active"><a href="<c:url value='Utilizador'/>"><span class="bigText">Utilizador</span></a></li> 
            <li><a href="<c:url value='LogOff'/>"><span class="bigText">Log Off</span></a></li> 
            <li><a href="<c:url value='About'/>"><span class="bigText">About</span></a></li>           
           </ul> 
          </c:if> 
          <c:if test="${fn:contains(PagesIn,'LogOff')}"> 

          </c:if> 
          <c:if test="${fn:contains(PagesIn,'About')}"> 
           <ul> 
            <li><a href="<c:url value='Home'/>"><span class="bigText">Home</span></a></li> 
            <li><a href="<c:url value='Utilizador'/>"><span class="bigText">Utilizador</span></a></li> 
            <li><a href="<c:url value='LogOff'/>"><span class="bigText">Log Off</span></a></li> 
            <li class="active"><a href="<c:url value='About'/>"><span class="bigText">About</span></a></li>              
           </ul> 
          </c:if> 

          <c:if test="${fn:contains(PagesIn,'Mar')}"> 
           <ul> 
            <li><a href="<c:url value='Home'/>"><span class="bigText">Home</span></a></li> 
            <li><a href="<c:url value='About'/>"><span class="bigText">About</span></a></li> 

           </ul> 
          </c:if> 
         </div> 
       </div> 

      <div id="Top1"> 

       <c:if test="${!empty Cart}"> 
        <div id="widgetBar"> 

         <%-- checkout widget --%> 
         <div class="headerWidget"> 
          <a href="#" class="rounded bubble">Avança a Saida</a> 

         </div> 

        <%-- shopping cart widget --%> 
         <div class="headerWidget" id="viewCart"> 
          <a href="#" class="rounded bubble">     
          <img src="/StockWebApp/img/cart.gif" alt="shopping cart icon" id="cart"> 

          <span class="horizontalMargin"> 
          ${cart.getNumberOfItems()} Itens 
          </span></a>    
         </div>     

        </div> 
        </c:if> 
       </div>    


       <div id="Top"></div> 
       <div class="clr"></div> 

警報唯一索引頁上工作。所以如果有人有任何想法,請隨時分享。

+0

你做了調試它那麼遠?您是否驗證過這些腳本甚至包含在頁面中,當它們看起來不起作用? JavaScript控制檯中是否存在錯誤? – Pointy

+0

我做了調試,並且在JavaScript控制檯中沒有錯誤,只有這個警告[19:22:01.971] $未定義@ http:// localhost:8080/StockWebApp/FEliminar:16.腳本包含在頁面中,但當檢索頁面時,我確定了這個[19:21:20.699] GET http:// localhost:8080/StockWebApp/img/[HTTP/1.1 404 Not Found 9ms] – Helio

+0

同樣當我檢索這個頁面時[19: 21:20.699] GET http:// localhost:8080/StockWebApp/js/jquery-1.6.4.js [HTTP/1.1 404 Not Found 22ms]和其他文件相同 js/jquery-ui-1.8 .4.custom.min.js [HTTP/1.1 404 Not Found 26ms] – Helio

回答

0

嗨改變JavaScript文件的路徑解決了我的問題。

<script src="/AffableBean/js/jquery-1.6.4.js" type="text/javascript"></script> 

<script src="/StockWebApp/js/jquery-1.6.4.js" type="text/javascript"></script> 
相關問題