Cómo revisar automáticamente la página y hacer etiquetas invisibles en JavaScript -- javascript campo con jsp camp Relacionados El problema

How to auto check page and make tags invisible in Javascript


0
vote

problema

Español

Este es mi archivo JSP que contiene dos parámetros útiles de Backend, PlaintIndex y NUMOFPages. Me gustaría hacer una validación simple donde Javascript pueda verificar y hacer invisible al lado o previo. Sin embargo, parece que la función ni siquiera se activa. Me pregunto si hay alguna forma de llamar la función de validación cada vez que se carga la página

  proxy_http7  

Este es mi archivo JavaScript

  proxy_http8  
Original en ingles

This is my jsp file containing two useful parameter from backend, pageIndex and numOfPages. I would like to do a simple validation where javascript can check and make next or previous invisible. However,it seems the function is not even activated. I wonder whether there is any way to call the validation function every time the page is loaded

<!DOCTYPE html> <html> <title>NTU Student Course Planner</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style>     body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}     hr {         display: block;         margin-top: 0.5em;         margin-bottom: 0.5em;         margin-left: auto;         margin-right: auto;         border-style: inset;         border-width: 1px;     } </style> <body class="w3-light-grey w3-content" style="max-width:1600px" onload="copy();">  <!-- Sidebar --> <nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>     <div class="w3-container">         <a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">             <i class="fa fa-remove"></i>         </a>         <img src="assets/calendar.png" style="width:40%;" class="w3-round"><br><br>         <h4><b>Z440's Timetable Generator</b></h4>     </div>     <div class="w3-bar-block">         <a href="index.jsp" onclick="w3_close()" class="w3-bar-item w3-button w3-padding w3-text-teal"><i class="fa fa-th-large fa-fw w3-margin-right"></i>Create Timetable</a>     </div> </nav>  <!-- Overlay effect when opening sidebar on small screens --> <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>  <!-- Page Content --> <div class="w3-main" style="margin-left:300px">      <!-- Header -->     <header id="portfolio">         <a href="#"><img src="assets/calendar.png" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>         <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>         <div class="w3-container">>             </div>             <div class="w3-section w3-bottombar w3-padding-16">                 <h1><b>NTU Student Course Planner</b></h1>         </div>         <div class="w3-container">             <div class="container-1">                 <br>                 <h5><b>Courses Selected:</b></h5>                         <p id = "courselist"></p>                 <h5><b>Module Code Selected:</b></h5>                         <p id = "moduleCodeList">${timetables.get(pageIndex).courseIndexList}</p>                         <hr>                         <br>                         <h6><center>Generated Timetable</center></h6>                         <div class="center">                             <div class="pagination">                                 <a href="#" onclick="decrement()">< Previous</a>                                 <a href="#" style="padding: 10px 16px">Download</a>                                 <a href="#" style="padding: 10px 30px" onclick="increment()">Next ></a>                             </div>                             <form id="searchForm1" name="searchForm1" action="nextTimetable"  method="post">                                 <input type="text" name="pageIndex" id="pageIndex"  value="${pageIndex + 1}">                                 <input type="text" name="num" id="num"  value="${numOfPages}">                                 <input type="submit" id = "Next" value="Next">                             </form>                             <form id="searchForm2" name="searchForm2" action="previousTimetable"  method="post">                                 <input type="submit" id = "Previous" value="Previous">                             </form>                          </div>                         <br>                 <div id="tableDiv">                         <table id="timeTableTable">                             <tr>                         <th>TIME</th>                         <th>MON</th>                         <th>TUE</th>                         <th>WED</th>                         <th>THU</th>                         <th>FRI</th>                     </tr>                     <tr>                         <td>0830-0930</td>                         <td>${timetables.get(pageIndex).message[1][0]}</td>                         <td>${timetables.get(pageIndex).message[2][0]}</td>                         <td>${timetables.get(pageIndex).message[3][0]}</td>                         <td>${timetables.get(pageIndex).message[4][0]}</td>                     </tr>                     <tr>                         <td>0930-1030</td>                         <td>${timetables.get(pageIndex).message[0][1]}</td>                         <td>${timetables.get(pageIndex).message[1][1]}</td>                         <td>${timetables.get(pageIndex).message[2][1]}</td>                         <td>${timetables.get(pageIndex).message[3][1]}</td>                         <td>${timetables.get(pageIndex).message[4][1]}</td>                     </tr>                     <tr>                         <td>1030-1130</td>                         <td>${timetables.get(pageIndex).message[0][2]}</td>                         <td>${timetables.get(pageIndex).message[1][2]}</td>                         <td>${timetables.get(pageIndex).message[2][2]}</td>                         <td>${timetables.get(pageIndex).message[3][2]}</td>                         <td>${timetables.get(pageIndex).message[4][2]}</td>                     </tr>                     <tr>                         <td>1130-1230</td>                         <td>${timetables.get(pageIndex).message[0][3]}</td>                         <td>${timetables.get(pageIndex).message[1][3]}</td>                         <td>${timetables.get(pageIndex).message[2][3]}</td>                         <td>${timetables.get(pageIndex).message[3][3]}</td>                         <td>${timetables.get(pageIndex).message[4][3]}</td>                     </tr>                     <tr>                         <td>1230-1330</td>                         <td>${timetables.get(pageIndex).message[0][4]}</td>                         <td>${timetables.get(pageIndex).message[1][4]}</td>                         <td>${timetables.get(pageIndex).message[2][4]}</td>                         <td>${timetables.get(pageIndex).message[3][4]}</td>                         <td>${timetables.get(pageIndex).message[4][4]}</td>                     </tr>                     <tr>                         <td>1330-1430</td>                         <td>${timetables.get(pageIndex).message[0][5]}</td>                         <td>${timetables.get(pageIndex).message[1][5]}</td>                         <td>${timetables.get(pageIndex).message[2][5]}</td>                         <td>${timetables.get(pageIndex).message[3][5]}</td>                         <td>${timetables.get(pageIndex).message[4][5]}</td>                     </tr>                     <tr>                         <td>1430-1530</td>                         <td>${timetables.get(pageIndex).message[0][6]}</td>                         <td>${timetables.get(pageIndex).message[1][6]}</td>                         <td>${timetables.get(pageIndex).message[2][6]}</td>                         <td>${timetables.get(pageIndex).message[3][6]}</td>                         <td>${timetables.get(pageIndex).message[4][6]}</td>                     </tr>                     <tr>                         <td>1530-1630</td>                         <td>${timetables.get(pageIndex).message[0][7]}</td>                         <td>${timetables.get(pageIndex).message[1][7]}</td>                         <td>${timetables.get(pageIndex).message[2][7]}</td>                         <td>${timetables.get(pageIndex).message[3][7]}</td>                         <td>${timetables.get(pageIndex).message[4][7]}</td>                     </tr>                     <tr>                         <td>1630-1730</td>                         <td>${timetables.get(pageIndex).message[0][8]}</td>                         <td>${timetables.get(pageIndex).message[1][8]}</td>                         <td>${timetables.get(pageIndex).message[2][8]}</td>                         <td>${timetables.get(pageIndex).message[3][8]}</td>                         <td>${timetables.get(pageIndex).message[4][8]}</td>                     </tr>                     <tr>                         <td>1730-1830</td>                         <td>${timetables.get(pageIndex).message[0][9]}</td>                         <td>${timetables.get(pageIndex).message[1][9]}</td>                         <td>${timetables.get(pageIndex).message[2][9]}</td>                         <td>${timetables.get(pageIndex).message[3][9]}</td>                         <td>${timetables.get(pageIndex).message[4][9]}</td>                     </tr>                     <tr>                         <td>1830-1930</td>                         <td>${timetables.get(pageIndex).message[0][10]}</td>                         <td>${timetables.get(pageIndex).message[1][10]}</td>                         <td>${timetables.get(pageIndex).message[2][10]}</td>                         <td>${timetables.get(pageIndex).message[3][10]}</td>                         <td>${timetables.get(pageIndex).message[4][10]}</td>                     </tr>                     <tr>                         <td>1930-2030</td>                         <td>${timetables.get(pageIndex).message[0][11]}</td>                         <td>${timetables.get(pageIndex).message[1][11]}</td>                         <td>${timetables.get(pageIndex).message[2][11]}</td>                         <td>${timetables.get(pageIndex).message[3][11]}</td>                         <td>${timetables.get(pageIndex).message[4][11]}</td>                     </tr>                     <tr>                         <td>2030-2130</td>                         <td>${timetables.get(pageIndex).message[0][12]}</td>                         <td>${timetables.get(pageIndex).message[1][12]}</td>                         <td>${timetables.get(pageIndex).message[2][12]}</td>                         <td>${timetables.get(pageIndex).message[3][12]}</td>                         <td>${timetables.get(pageIndex).message[4][12]}</td>                     </tr>                 </table>                 </div>                 <br>                 <br>             </div>         </div>     </header>     <!-- End of Page Content --> </div> <script type="text/javascript" src="js/scripts.js">  </script> </body> </html> 

This is my javascript file

function validateNextPrevious() {     if(document.getElementById("pageIndex").value == 0)     {         document.getElementById("Previous").style.display = "none";     }     if(document.getElementById("pageIndex").value == document.getElementById("num").value)     {         document.getElementById("Next").style.display = "none";     } } window.onload = function () {      validateNextPrevious(); } 
     

Lista de respuestas

0
 
vote

En primer lugar, debe hacer que la página reciba recursos estáticos como el archivo JS, <script type="text/javascript" src="js/scripts.js" /> no es de la manera correcta, intente:

  =A3-A20  
 

Firstly, you have to make the page received static resources like js file, <script type="text/javascript" src="js/scripts.js" /> isn't the right way, try:

<script src="${pageContext.request.contextPath}/js/scripts.js"/ > 
 
 

Relacionados problema

0  foreach loop no está trabajando en la ventana emergente abierta  ( Foreach loop is not working on opened pop up ) 
Para cada bucle no funciona en la ventana emergente abierta mientras la misma colección puedo ver cuando lo escribo en la página <head> <meta http-equiv="C...

1  ¿Puedo hacer mi propio atributo HTTP encabezado?  ( Can i do my own http header attribute ) 
¿Puedo hacer mis propios encabezados en HTTP request ? e.g. Esto es normal HTTP request GET / HTTP/1.1 Host: google.com User-Agent: Mozilla/5.0 (Windo...

0  Código de cierre de sesión en JSP  ( Logout code in jsp ) 
Estoy usando la autenticación de nivel básico y necesito el mejor código de cierre de sesión en JSP / Servlet. Estoy usando JSP & AMP; Servlet y MS-Access co...

0  Objeto de actualización en puntales de acción con valores de formulario de JSP  ( Update object in struts action with form values from jsp ) 
Tengo una acción Struts2 que construye un formulario y presenta los campos con datos de una instancia de mi objeto. Cuando haga clic en Enviar en este formula...

9  Dev Server para Java, como VS tiene para .NET?  ( Dev server for java like vs has for net ) 
Estoy en una java Learning Spree recientemente, sin embargo, normalmente soy un desarrollador .NET. (Así que por favor perdona a mis preguntas de Newbie.) E...

0  Ocultar barra de direcciones y barra de estado en la página de JSP  ( Hiding address bar and status bar in jsp page ) 
Necesito ocultar la barra de direcciones y la barra de estado de una página de JSP, "DEMO.JSP" Mi código es <html> <head> <meta http-equiv="Content...

0  ¿OnSelect en un combo cambia de datos dinámicamente en otro combo?  ( Onselect in one combo it changes data dynamically in other combo ) 
Hola, señor, soy nuevo en el mundo JSP y AJAX. Mi problema es Si selecciono una opción de combo, debe cambiar las otras opciones de combo dinámicamente sin p...

0  La compilación de JSP falla en Weblogic 10.3 pero funciona en Weblogic 10  ( Jsp compilation fails on weblogic 10 3 but works on weblogic 10 ) 
Tengo debajo de la pieza de código en uno mi JSP <%@ page language="java" import = "import com.ecc.SiteAdmin.servlets.*" %> Este archivo compila y func...

1  ¿Cómo se busca EL EL EL ATRIBUTO?  ( How does el search for an attribute ) 
¿Cómo se busca EL EL ATRIBUTE EN JSP? ¿Y cómo deshabilitarlo? ¿Alguien conoce el rendimiento de El? ...

6  ¿El atributo desactivado de la forma de primavera realmente tiene que resolver una cadena?  ( Does spring form taglib disabled attribute really have to resolve to a string ) 
He estado jugando con la forma de primavera Taglib últimamente y encontré un fenómeno bastante perturbador. <form:select path="whatever" disabled="${true}"...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos