1. ホーム
  2. 質問と答え
  3. html div reloadページ全体をリロードしてサブミットボタンをonclickする

html div reloadページ全体をリロードしてサブミットボタンをonclickする

2011-08-14 17 views
0

divの "decisiontree"をリロードして、ページ全体をリロードせずに更新されたxmlを読み込むようにアプレットをリロードする必要があります。html div reloadページ全体をリロードしてサブミットボタンを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

は、Ajaxを使用して行うことができます。 –

答えて

1

ユーザーが送信ボタンをクリックしたときに、私は動的にdecisiontree divのコンテンツをロードするためにjQuery.ajaxを使用します。 decisiontree 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のための素晴らしいリソースです：ページ全体をリロードせずにdecisiontree div要素を再ロードするhttp://api.jquery.com/jQuery.ajax/

出典

2011-08-14 16:35:18

+0

こんにちはKelly、速い応答のためにトンをありがとうが、実際に私はファイルを別々にすることができませんので、私はdiv "の決定木"を再ロードすることを探していますこのコードは： $（ "：button"）。（function {）{ $ （ '#decisiontree）.load（' aothoring.jsp＃decisiontree '） }）; – bhalkian

+0

こんにちはケリー私は送信ボタンをIDを与えることができますが、私は "別のHTMLで" decisiontree divを置くことはできません。あなたは私にいくつかのdifferrent approchを提案することができます – bhalkian

+0

それは私のために働いてくれてありがとう – bhalkian

関連する問題

 関連する問題