2011-01-03 13 views
9

पर एक प्रश्न है।बटन पर जेएसपी बदलें

मेरे पास 3 jsp पृष्ठ है। पहला 2 बटन वाला मेनू है। जब मैं पहले बटन पर क्लिक करता हूं तो मैं दूसरा jsp पेज खोलना चाहता हूं। जब मैं दूसरे बटन पर क्लिक करता हूं तो मैं तीसरा जेएसपी पेज खोलना चाहता हूं।

क्या आप मेरी मदद कर सकते हैं? मुझे एक सर्वलेट का उपयोग करना होगा (यह कोई समस्या नहीं है, मुझे पता है)?

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
    pageEncoding="ISO-8859-1"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
    <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" /> 
     <input type="button" value="Gestione Autorizzazioni" 
     name="AuthorizationManager" /> 

    </form> 
</body> 
</html> 

उत्तर

17

आपके पास कई विकल्प है, मैं सबसे आसान से शुरू करेंगे:

1- बदलें लिंक करने के लिए इनपुट बटन, आप उन्हें सीएसएस के साथ शैली दे सकते हैं ताकि वे बटन की तरह लग रहे:

<a href="CreateCourse.jsp">Creazione Nuovo Corso</a> 
के बजाय

<input type="button" value="Creazione Nuovo Corso" name="CreateCourse" /> 

2- उपयोग जावास्क्रिप्ट बटन के आधार पर फार्म की कार्रवाई को बदलने के लिए

आप पर क्लिक करें:

<input type="button" value="Creazione Nuovo Corso" name="CreateCourse" 
onclick="document.forms[0].action = 'CreateCourse.jsp'; return true;" /> 

3- को संभालने के लिए एक सर्वलेट या JSP का उपयोग करें अनुरोध और रीडायरेक्ट या उचित जेएसपी पेज पर अग्रेषित करें।

5

आप उन बटन सबमिट करें और सर्वलेट के अंदर अपने पर्चे को जमा कर रहे हैं करने के लिए आप बटन जो दबाया गया था और इसी jsp पेज रेंडर के नाम का परीक्षण कर सकते बना सकता है।

<input type="submit" value="Creazione Nuovo Corso" name="CreateCourse" /> 
<input type="submit" value="Gestione Autorizzazioni" name="AuthorizationManager" /> 

अंदर TrainerMenu सर्वलेट अगर request.getParameter("CreateCourse") तो पहली बटन क्लिक किया गया था रिक्त नहीं है और आप इसी jsp प्रस्तुत करना सकता है।

2

यदि सब आप देख रहे हैं पृष्ठ एक से पेज 2 और 3 के लिए नेविगेशन है, नीचे के रूप में लंगर तत्वों के साथ बटन की जगह:

<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> 

किसी कारण आप बटन का उपयोग करने की आवश्यकता है के लिए, यह कोशिश करते हैं:

<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> 
1

बस दो रूपों का उपयोग करें।

पहले फॉर्म में एक्शन विशेषता में दूसरे जेडीपी पेज और आपका पहला बटन होगा। दूसरे फॉर्म में एक्शन एट्रिब्यूट के साथ दूसरा बटन होगा जो आपके तीसरे जेएसपी पेज का नाम दे रहा है।

यह इस तरह होगा:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
    <form name="main1" method="get" action="2nd.jsp"> 
     <input type="submit" name="ter" value="LOGOUT" > 
    </form> 
    <DIV ALIGN="left"><form name="main0" action="3rd.jsp" method="get"> 
     <input type="submit" value="FEEDBACK"> 
    </form></DIV> 
</body> 
</html> 
1

सबसे आसान तरीका है आप यह कर सकते हैं जावा स्क्रिप्ट का उपयोग करने के लिए है। उदाहरण के लिए, <input type="button" value="load" onclick="window.location='userpage.jsp'" >

-1
<a href="Second_Page.jsp"> 
<input type="button" value="SecondPageBlahhBlahh" name="SecondPageBlahh Blahh" /> 
</a> 

यह एक आसान तरीका है: जावास्क्रिप्ट

+0

https://validator.w3.org खुश नहीं है। – BalusC

0

यह ajax का उपयोग कर काम करता है की जरूरत नहीं। जेएसपी फिर अनुरोध के जवाब में नियंत्रक द्वारा लौटा आईफ्रेम में प्रदर्शित होता है।

function openPage() { 
    jQuery.ajax({ 
    type : 'POST', 
    data : jQuery(this).serialize(), 
    url : '<%=request.getContextPath()%>/post_action', 
    success : function(data, textStatus) { 
    jQuery('#iframeId').contents().find('body').append(data); 
    }, 
    error : function(XMLHttpRequest, textStatus, errorThrown) { 
    } 
    }); 
} 
संबंधित मुद्दे