1. 首頁
  2. 問答
  3. html div重新加載onclick提交按鈕重新加載整個頁面

html div重新加載onclick提交按鈕重新加載整個頁面

2011-08-14 179 views
0

我必須重新分配div「decisiontree」，以便applet重新加載以讀取更新的xml而不重新加載整個頁面。html div重新加載onclick提交按鈕重新加載整個頁面

JSP代碼：

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %> 
<%@taglib uri="/WEB-INF/struts-html.tld" prefix="html" %> 
<%@taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %> 
<%@taglib uri="/WEB-INF/struts-nested.tld" prefix="nested" %> 



<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<title>IDOC AUTHORING TOOL</title> 
</head> 
<body> 

<div id="BasePage" style="display:block;" > 

<Script language="JavaScript"> 
function ashu(){ 
$(document).ready(function() { 
alert("jQuery tutorial for beginners Example"); 
}); 
} 
</Script> 
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<u>&nbsp; </u><font size="7"><u>IDOC AUTHORING TOOL</u></font></p> 
<p>&nbsp;</p> 
<p>Enter/Choose ailment :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<select size="1" onchange="javascript:ashu"> 
<option>Malaria</option> 
<option>High Fever</option> 
<option>Cholera</option> 
</select></p> 
<p>Choose Authoring Mode :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<select size="1" name="AuthoringOption" id ="AuthoringOption" onchange="javascript:display_toggle()"> 
<option selected="selected"> </option> 
<option value ="1">Input Desicion Tree</option> 
<option value ="2">Input Prevention</option> 
<option value ="3">Input Symptoms</option> 
</select></p> 
<fieldset style="width: 381px; height: 126px; padding: 2"> 
    <legend align="left">&nbsp;</legend> 
&nbsp; Tick off patient context :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="radio" value="V1" checked name="R1">Men&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="radio" name="R1" value="V2">Women 
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="radio" name="R1" value="V3"> Child&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="radio" name="R1" value="V4"> All</p> 
    </fieldset> 
<p>&nbsp;Enter Pre Conditions</p> 
<p>&nbsp;<textarea rows="2" cols="20"></textarea>&nbsp;&nbsp; 
</div> 


<!--_______________________________________________________ --> 

<script type ="text/javascript"> 
function display_toggle(){ 
var e =document.getElementById("AuthoringOption").value; 
if (e =="1"){ 
document.getElementById("Symptoms").style.display="none"; 
document.getElementById("Prevention").style.display="none"; 
document.getElementById("decisiontree").style.display="block"; 
document.getElementById("BasePage").style.display="none"; 
} 
else if(e =="2"){ 
document.getElementById("Prevention").style.display="block"; 
document.getElementById("decisiontree").style.display="none"; 
document.getElementById("Symptoms").style.display="none"; 
document.getElementById("BasePage").style.display="none"; 

} 
else if(e =="3"){ 
document.getElementById("decisiontree").style.display="none"; 
document.getElementById("Symptoms").style.display="block"; 
document.getElementById("Prevention").style.display="none"; 
document.getElementById("BasePage").style.display="none"; 

} 
} 
</script> 

<div id="Symptoms" style="display:none;"> 
<html:form method="POST" action="symptoms" onreset="true"> 

<!-- --- -->  
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<u>&nbsp; </u><font size="7"><u>IDOC AUTHORING TOOL</u></font></p> 
<p>&nbsp;</p> 
<p>Enter/Choose ailment :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:select name="AuthoringForm" property="disease_name" size="1"> 
<option>Malaria</option> 
<option>High Fever</option> 
<option>Cholera</option> 
</html:select></p> 
<p>Choose Authoring Mode :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<select size="1" name="AuthoringOption" id ="AuthoringOption" onChange="javascript:display_toggle()"> 
<option selected="selected"> </option> 
<option value ="1">Input Desicion Tree</option> 
<option value ="2">Input Prevention</option> 
<option value ="3">Input Symptoms</option> 
</select></p> 
<fieldset style="width: 381px; height: 126px; padding: 2"> 
<legend align="left">&nbsp;</legend> 
&nbsp; Tick off patient context :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:radio value="Men" name="AuthoringForm" property="patient_context" disabled="false"/>Men &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:radio value="Womwen" name="AuthoringForm" property="patient_context" disabled="false"/>Women 
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:radio value="Child" name="AuthoringForm" property="patient_context" disabled="false"/>Child&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:radio value="Al" name="AuthoringForm" property="patient_context" disabled="false"/>All 
</fieldset> 
<p>&nbsp;Enter Pre Conditions</p> 
<p>&nbsp;<html:textarea rows="2" name="AuthoringForm" cols="20" property="patient_precondition" ></html:textarea>&nbsp;&nbsp; 


<!-- ---------- --> 

<p>&nbsp;Must Have Symptoms :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
May Have Symptoms :</p> 
<p>&nbsp;<html:textarea rows="2" name="AuthoringForm" cols="20" property="must_have_symptoms"></html:textarea>&nbsp;&nbsp; 
<!-- <input type="submit" value="Submit" name="B2">-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:textarea rows="2" name="AuthoringForm" cols="20" property="may_have_symptoms"></html:textarea>&nbsp;&nbsp;&nbsp; 
<input type="submit" value="Submit" name="symptomsButton"></p> 
</html:form> 
</div> 

<!--___________________________________________________________________________________________ --> 
<div id="Prevention" style="display:none;"`> 
<html:form method="POST" action="prevention" > 

<!-- ---------------------------------- --> 
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<u>&nbsp; </u><font size="7"><u>IDOC AUTHORING TOOL</u></font></p> 
<p>&nbsp;</p> 
<p>Enter/Choose ailment :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:select name="AuthoringForm" property="disease_name" size="1"> 
<option>Malaria</option> 
<option>High Fever</option> 
<option>Cholera</option> 
</html:select></p> 

<p>Choose Authoring Mode :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<select size="1" name="AuthoringOption" id ="AuthoringOption" onChange="javascript:display_toggle()"> 
<option selected="selected"> </option> 
<option value ="1">Input Desicion Tree</option> 
<option value ="2">Input Prevention</option> 
<option value ="3">Input Symptoms</option> 
</select></p> 

    <fieldset style="width: 381px; height: 126px; padding: 2"> 
    <legend align="left">&nbsp;</legend> 
    &nbsp; Tick off patient context :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Men" name="AuthoringForm" property="patient_context" disabled="false"/>Men &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Womwen" name="AuthoringForm" property="patient_context" disabled="false"/>Women 
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Child" name="AuthoringForm" property="patient_context" disabled="false"/>Child&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Al" name="AuthoringForm" property="patient_context" disabled="false"/>All 
    </fieldset> 

<p>&nbsp;Enter Pre Conditions</p> 

    <p>&nbsp;<html:textarea rows="2" name="AuthoringForm" cols="20" property="patient_precondition" ></html:textarea>&nbsp;&nbsp; 


<!-- --------------------------------------------------- --> 


    <p>&nbsp;Input for Prevention&nbsp; :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    </p> 
    <p>&nbsp;<html:textarea rows="8" name="AuthoringForm" cols="79" property="prevention"></html:textarea>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="submit" value="Submit" name="preventionButton">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    </p> 
</html:form> 
</div> 


<!--____________________________________________________________________________________________ --> 




<div id="decisiontree" style="display:none;"> 

<html:form method="POST" action="decisiontreexml" > 
<!-- ------------------------------------------------ --> 
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<u>&nbsp; </u><font size="7"><u>IDOC AUTHORING TOOL</u></font></p> 
<p>&nbsp;</p> 
<p>Enter/Choose ailment :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<html:select name="AuthoringForm" property="disease_name" size="1"> 
<option>Malaria</option> 
<option>High Fever</option> 
<option>Cholera</option> 
</html:select></p> 

<p>Choose Authoring Mode :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<select size="1" name="AuthoringOption" id ="AuthoringOption" onChange="javascript:display_toggle()"> 
<option selected="selected"> </option> 
<option value ="1">Input Desicion Tree</option> 
<option value ="2">Input Prevention</option> 
<option value ="3">Input Symptoms</option> 
</select></p> 

    <fieldset style="width: 381px; height: 126px; padding: 2"> 
    <legend align="left">&nbsp;</legend> 
    &nbsp; Tick off patient context :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Men" name="AuthoringForm" property="patient_context" disabled="false"/>Men &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Womwen" name="AuthoringForm" property="patient_context" disabled="false"/>Women 
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Child" name="AuthoringForm" property="patient_context" disabled="false"/>Child&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Al" name="AuthoringForm" property="patient_context" disabled="false"/>All 
    </fieldset> 

<p>&nbsp;Enter Pre Conditions</p> 
<p>&nbsp;<html:textarea rows="2" name="AuthoringForm" cols="20" property="patient_precondition" ></html:textarea>&nbsp;&nbsp; 

<!-- ------------------------------------------------ --> 

    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    </p> 
    <fieldset style="width: 1225px; height: 451px; padding: 2"> 
    <legend>Decision Tree Preview </legend> 
&nbsp; 

<!-- <applet code="TreeViewApplet.class" codebase="C:/Users/ashutosh_k/idoc/docRuleTool/WebContent/WEB-INF/classes/com/vaannila/utility/" archive=" C:/Users/ashutosh_k/idoc/docRuleTool/WebContent/WEB-INF/lib/prefuse.jar" width="1000" height="500" type="applet">--> 
<form> 
<applet code="com.vaannila.utility.dynamicTreeApplet.class" archive="./appletjars/dynamictree.jar, ./appletjars/prefuse.jar" width ="1000" height="500"> 
</applet> 
</form> 


<!--</applet>--> 

</fieldset><p> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    </p> 
    <p>Enter Follow Up Questions :</p> 
<html:form method="POST" action="decisiontree"> 
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:textarea rows="4" name="AuthoringForm" cols="45" property="follow_up_questions"></html:textarea>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="Yes" name="AuthoringForm" property="followupconsent" disabled="false"/> Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <html:radio value="No" name="AuthoringForm" property="followupconsent" disabled="false"/> No&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="submit" value="Submit" name="followupQuestionButton"><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    </p> 
</html:form> 
</html:form> 
</div> 
</body>

來源

2011-08-14 bhalkian

+0

要重新加載decisiontree格無需重新加載整個頁面可以使用Ajax來完成。 –

回答

1

我會使用jQuery.ajax當用戶點擊提交按鈕動態加載decisiontree DIV內容。您需要將決策樹div內容代碼放在單獨的文件（decisiontree.html）中，然後爲您的提交按鈕指定一個ID。

<script> 
$(function() 
{ 
    $("input#submit").live('click', function() 
    { 
     loadApplet(); 
     return false; 
    }); 

    function loadApplet() 
    { 
     jQuery.ajax({ 
      type: 'GET', 
      url: 'decisiontree.html, 
      success: function(data) { 
       $('#decisiontree').html(data); 
      } 
     }); 
    };  
}); 
</script>

這是jQuery.ajax一個很好的資源：http://api.jquery.com/jQuery.ajax/

來源

2011-08-14 16:35:18

+0

嗨凱利，感謝噸快速反應，但實際上我不能分開文件，所以我正在尋找重新加載div「decisiontree」將此代碼做： $（「：button」）。click（function（）{ $ （'#decisiontree）.load（'aothoring.jsp＃decisiontree'） }）; – bhalkian

+0

嗨凱利我可以給提交按鈕一個ID，但不可能讓我把「決策樹div在一個單獨的HTML」。可以建議我一些不同的接近 – bhalkian

+0

感謝凱利它爲我工作 – bhalkian

相關問題

 相關問題