Change jsp on button click

Question

I have a question   I have 3 jsp page  The first is a menu with 2 button  When I click the first button I want to open the second jsp page  When I click the second button I want to open the third jsp page   Can you help me  I must use a servlet it s not a problem  i know it     lt    page language  java  contentType  text html  charset ISO-8859-1      pageEncoding  ISO-8859-1   gt   lt  DOCTYPE html PUBLIC  -  W3C  DTD HTML 4 01 Transitional  EN     http   www w3 org TR html4 loose dtd  gt   lt html gt   lt head gt   lt meta http-equiv  Content-Type  content  text html  charset ISO-8859-1  gt   lt title gt Insert title here lt  title gt   lt  head gt    lt body gt       lt form name  TrainerMenu  action  TrainerMenu  method  get  gt           lt h1 gt Benvenuto in LESSON  Scegli l operazione da effettuare  lt  h1 gt          lt input type  button  value  Creazione Nuovo Corso  name  CreateCourse    gt          lt input type  button  value  Gestione Autorizzazioni          name  AuthorizationManager    gt        lt  form gt    lt  body gt   lt  html gt

User · Answer

If all you are looking for is navigation to page 2 and 3 from page one, replace the buttons with anchor elements as below:

<form name="TrainerMenu" action="TrainerMenu" method="get">

<h1>Benvenuto in LESSON! Scegli l'operazione da effettuare:</h1>
<a href="Page2.jsp" id="CreateCourse" >Creazione Nuovo Corso</a>&nbsp;
<a href="Page3.jsp" id="AuthorizationManager">Gestione Autorizzazioni</a>
<input type="button" value="" name="AuthorizationManager" />
</form>

If for some reason you need to use buttons, try this:

<form name="TrainerMenu" action="TrainerMenu" method="get">

   <h1>Benvenuto in LESSON! Scegli l'operazione da effettuare:</h1>
   <input type="button" value="Creazione Nuovo Corso" name="CreateCourse"
    onclick="openPage('Page2.jsp')"/>
   <input type="button" value="Gestione Autorizzazioni" name="AuthorizationManager"
    onclick="openPage('Page3.jsp')" />

</form>
<script type="text/javascript">
 function openPage(pageURL)
 {
 window.location.href = pageURL;
 }
</script>

User · Answer

If you wanna do with a button click and not the other way  You can do it by adding location href to your button  Here is how I m using   lt button class  btn btn-lg btn-primary  id  submit  onclick  location href    dashboard    gt Go To Dashboard lt  button gt    The button above uses bootstrap classes for styling  Without styling  the simplest code would be    lt button onclick  location href    dashboard    gt Go To Dashboard lt  button gt    The  dashboard is my JSP page  If you are using extension too then used  dashboard jsp

User · Answer

You could make those submit buttons and inside the servlet your are submitting the form to you could test the name of the button which was pressed and render the corresponding jsp page    lt input type  submit  value  Creazione Nuovo Corso  name  CreateCourse    gt   lt input type  submit  value  Gestione Autorizzazioni  name  AuthorizationManager    gt    Inside the TrainerMenu servlet if request getParameter  CreateCourse   is not empty then the first button was clicked and you could render the corresponding jsp

User · Answer

It works using ajax  The jsp then display in iframe returned by controller in response to request   function openPage       jQuery ajax     type    POST     data   jQuery this  serialize      url     lt   request getContextPath    gt  post action     success   function data  textStatus      jQuery   iframeId   contents   find  body   append data          error   function XMLHttpRequest  textStatus  errorThrown

User · Answer

The simplest way you can do this is to use java script  For example   lt input type  button  value  load  onclick  window location  userpage jsp    gt

User · Answer

You have several options  I ll start from the easiest   1- Change the input buttons to links  you can style them with css so they look like buttons    lt a href  CreateCourse jsp  gt Creazione Nuovo Corso lt  a gt    instead of    lt input type  button  value  Creazione Nuovo Corso  name  CreateCourse    gt    2- Use javascript to change the action of the form depending on the button you click    lt input type  button  value  Creazione Nuovo Corso  name  CreateCourse   onclick  document forms 0  action    CreateCourse jsp   return true     gt    3- Use a servlet or JSP to handle the request and redirect or forward to the appropriate JSP page

User · Answer

Just use two forms   In the first form action attribute will have name of the second jdp page and your 1st button  In the second form there will be 2nd button with action attribute thats giving the name of your 3rd jsp page   It will be like this     lt    page language  java  contentType  text html  charset ISO-8859-1  pageEncoding  ISO-8859-1   gt   lt  DOCTYPE html PUBLIC  -  W3C  DTD HTML 4 01 Transitional  EN   http   www w3 org TR html4 loose dtd  gt   lt html gt   lt head gt   lt meta http-equiv  Content-Type  content  text html  charset ISO-8859-1  gt   lt title gt Insert title here lt  title gt   lt  head gt   lt body gt       lt form name  main1   method  get  action  2nd jsp  gt           lt input type  submit  name  ter  value  LOGOUT   gt       lt  form gt       lt DIV ALIGN  left  gt  lt form name  main0  action  3rd jsp  method  get  gt           lt input type  submit  value  FEEDBACK  gt       lt  form gt  lt  DIV gt   lt  body gt   lt  html gt

[java] Change jsp on button click

Examples related to java

Examples related to jsp

Examples related to servlets