Forum:

HTML Pages with CSS and JavaScript

Resetting Values in JSP Page

Ranch Hand

Posts: 50

posted 19 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I have JSP form Page and i want to reset values in form

<tr>
<td align="right" width='200'>Event Type: </td> 
<td align="left"> 
<select name='eventtype' onchange='eventtypeselect(this)'>
<option value=''></option>
<option value=''>TechPreScreen</option>
<option value=''>Passport1</span></option>
<option value=''>Passport2</option>
<option value=''>Passport3</option>
<option value=''>Passport4</option>
<option value=''>DesignReview</span></option>

</select>
</td>
</tr>

<%
// Declare some variables to use across multiple java blocks in this form
String attendees = "" ;

String notehistory ="";

boolean goteventtype = false ;

ProjectEvent pe = null;
String [] filenames = new String[0];

if ( eventtype != null && projectname !=null)
{
 
pe = db.getEventType(eventtype,projectname);

if (pe != null)
{
filenames = pe.getFileNames();
attendees = pe.getParticipants();
notehistory =pe.getNoteHistory();
goteventtype = true;

}

%>
</td>

</tr>
<tr>
<td align="right">Key contacts or participants:</td> 
<td align ="left"><textarea name="participants" cols='45' rows='1'><% out.write (attendees);%></textarea></td>
</tr>
<tr>

<td align="right">IT Architecture Approved ?: </td> 
<td align="left" > <input type="checkbox" name='approved' checked="checked"></td>

</tr>
<tr>
<td align="right">Notes/Issues/Open items: </td> 
<td align="left"> <textarea name="notes" cols='50' rows='1'></textarea>  
</tr>
<tr>
<td align="right">Notes History: </td> 
<td align="left"><textarea name="notehistory" cols='50' rows='2'><% out.write(notehistory); %></textarea></td>

</tr>

<td align="right">Attachments:</td>
<td align="left">
<table>
<tr><td> 
<%
int filesdisplay = filenames.length;
for(int i =0;i<filesdisplay;i++)
{
out.write("<a href='/itads/docs/" + projectname + "/" + eventtype +"/"+filenames[i]+"'>" + filenames[i] +"</a><br>");
}

%>
</td></tr>
</table>

</td></tr>
<td></td>
   
</table>

</tr>

</table>
</form>
</td>

</tr>

</table>
<input type="HIDDEN" name="saveprojectname" value = "<%=projectname%>" 
</body>
</html>

[edit:reformated code so easier to read]

When i try to click on Reset , it only reset value fromtextarea which is labeled as "Notes/issues/open items", not from other fields. I don't know why. can anyone please help

[ December 19, 2003: Message edited by: Eric Pascarello ]

Jeanne Boyarsky

author & internet detective

Posts: 41763

887

I like...

posted 19 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Deepak,
Your code works for me. What browser are you using. The code resets the fields (to empty) and checks the check box.

[OCP 17 book] | [OCP 11 book] | [OCA 8 book] [OCP 8 book] [Practice tests book] [Blog] [JavaRanch FAQ] [How To Ask Questions] [Book Promos]
Other Certs: SCEA Part 1, Part 2 & 3, Core Spring 3, TOGAF part 1 and part 2

Java 8 (verified skill)
Skill verified by Jeanne Boyarsky

JUnit 5 (verified skill)
Skill verified by Jeanne Boyarsky

S Chandra Mohan

Ranch Hand

Posts: 75

posted 19 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

hi
can u pls give the html output, which will be easier to check.

Have a wonderful day and wish u success<p>S Chandra Mohan<br />sc_mohan_us@yahoo.com

Deepak Chawla

Ranch Hand

Posts: 50

posted 19 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I am using IE 5.5
This is my HTML output

<html>
<title> Project Information Management System</title>
<body >
<table width='100%' bgcolor="lightsteelblue">
<tr>
<td> 
<center>
<h2>IT Architecture Documentation System 
</h2>
Date: Fri Dec 19 08:19:58 EST 2003
</center>
</td>
</tr>
</table>
</body>
</html>
<html>
<title>IT Architecture Documentation System</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

}
                
                }*/
function projectselect(selobj)
{

// alert('Option value: ' + selobj.options[selobj.selectedIndex].value);
// alert('Text Value: ' + selobj.options[selobj.selectedIndex].text);
var mystring =  selobj.options[selobj.selectedIndex].text ;
// re-call this screen with the selected project name as a parameter so we can populate other fields
window.location="createevent.jsp?projectname=" + mystring ;
return;
}
function eventtypeselect(selobj)
{

//alert('in eventtypeselect') ;
//alert('Option value: ' + selobj.options[selobj.selectedIndex].value);
//alert('Text Value: ' + selobj.options[selobj.selectedIndex].text);
var mystring =  selobj.options[selobj.selectedIndex].text ;
var projectstring = "" ;
 var myobj = document.all('saveprojectname');
projectstring = myobj.value;
if (projectstring == "") {
alert("You must select a project first.") ;
window.location="createevent.jsp" ;
return;
}
window.location="createevent.jsp?projectname=" + projectstring + "&eventtype=" + mystring ;
return ;
}
function buttonselect(command)
{
/*alert(command)
if (command == "createproject") {
 window.location="test1newproject.jsp"
return;
}
if (command == "refresh") {
 alert("resetting screen now") ;
 re-call this screen with no parameters
window.location="createevent.jsp" ;
return ;
}
if (command == "refreshevent") {
 alert("resetting screen now") ;
 re-call this screen with no parameters
var projectstring = "" ;
var myobj = document.all('saveprojectname');

re-call this screen with the selected project name as a parameter so we can populate other fields
projectstring = myobj.value
 alert(projectstring) ;

window.location="createevent.jsp?projectname=" + projectstring 
return ;
}*/

if (command == "addnote") {
alert("appending note to note history") ;
var noteobj = document.all('notes');
var d = new Date()
var day = d.getDate()
var month = d.getMonth() + 1
var year = d.getYear()
var datestring = year + "/" + month + "/" + day

notestring = noteobj.value ;
alert(notestring) ;
var historyobj = document.all('notehistory');
historystring = historyobj.value;
alert(historystring) ;
historyobj.value = datestring + " " + notestring + "\n" + historystring 
noteobj.value = "" ;
return ;
}
     }

</script>
<body>
<table border="0" cellspacing="1" cellpadding="1" width='100'>
<tr>
<td valign='top' width='250'>
<html>
<title> Project Information System </title>
<body>
<table bgcolor="steelblue">

<tr>
<td><h4><a href="newproject.jsp">New Project</a></h4></td></tr>
<tr>
<td><h4><a href="system.jsp">Add System</a></h4></td></tr>
<tr>
<td><h4><a href="businessunit.jsp">Add Business Unit</a></h4></td></tr>
<tr>
<td><h4><a href="devorg.jsp">Add Development Org</a></h4></td></tr>
<tr>
<td><h4><a href="itarch.jsp">Add ITARCH Contact</a></h4></td></tr>

</table>
</body>
</html>

</td>
<td>
<h3><font color="blue"> Application/Project Information </h3>

<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="right" width='200'>Application/Project: </td> 
<td align="left"> 
<select name='projectname' onchange='projectselect(this)'>
<option value='' ></option><option value='project1' selected='yes' >project1</option><option 
value='project2'>project2</option><option value='project3'>project3</option><option 
value='projectc'>projectc</option><option value='projectd'>projectd</option><option 
value='project4'>project4</option><option value='projectx'>projectx</option><option 
value='projectab'>projectab</option><option value='projectJEN'>projectJEN</option><option 
value='PorojectCellphone'>PorojectCellphone</option><option value='Deepak'>Deepak</option><option 
value='Dee'>Dee</option><option value='DD'>DD</option><option 
value='ProjectBEA'>ProjectBEA</option><option value='ProjectOracle'>ProjectOracle</option><option 
value='ProjectPratt'>ProjectPratt</option><option value='ProjectDir'>ProjectDir</option><option 
value='POP'>POP</option><option value='POP1'>POP1</option><option 
value='Pop2'>Pop2</option><option value='Project M'>Project M</option><option value='D D'>D 
D</option><option value='ff'>ff</option><option value='sim proj'>sim proj</option><option 
value='Proj'itarch'>Proj'itarch</option>
</select>
</td>
</tr>

<tr>
<td align="right">Project Name:</td>
<td align="left"> project1 </td>
</tr>
<tr>
<td align="right">Description:</td>
<td align="left"> ccccc </td>
</tr>
<tr>
<td align="right">System:</td>
<td align="left"> ERP </td>
</tr>
<tr>
<td align="right">Customer Business Unit:</td>
<td align="left"> PW </td>
</tr>
<tr>
<td align="right">Responsible IT Development Org:</td>
<td align="left"> ebiz </td>
</tr>
<tr>
<td align="right">Primary ITARCH Contact:</td>
<td align="left"> e092794 </td>
</tr>
</table>
</form>
<h3><font color="blue"> Related Documentation </font></h3>

</select>
</td>
</tr>
</td>

</tr>
<tr>
<td align="right">Key contacts or participants:</td> 
<td align ="left"><textarea name="participants" cols='45' rows='1'>Cawla Dee</textarea></td>
</tr>
<tr>

<td align="right">IT Architecture Approved ?: </td> 
<td align="left" > <input type="checkbox" name='approved' checked="checked"></td>

</tr>
<tr>
<td align="right">Notes/Issues/Open items: </td> 
<td align="left"> <textarea name="notes" cols='50' rows='1'></textarea>

</td>
</tr>
<tr>
<td align="right">Notes History: </td> 
<td align="left"><textarea name="notehistory" cols='50' rows='2'>problem with 
network</textarea></td>

</tr>

<td align="right">Attachments:</td>
<td align="left">
<table>
<tr><td> 
<a href='/itads/docs/project1/Passport1/ace.ppt'>ace.ppt</a><br><a 
href='/itads/docs/project1/Passport1/Book1.xls'>Book1.xls</a><br><a 
href='/itads/docs/project1/Passport1/doc.txt'>doc.txt</a><br><a 
href='/itads/docs/project1/Passport1/test.html'>test.html</a><br>
</td></tr>
</table>

</td></tr>
<td></td>
   
</table>

</tr>

</table>
</form>
</td>

</tr>

</table>
 <input type="HIDDEN" name="saveprojectname" value = "project1" 
</body>
</html>

[edited: Reformatted Code So easier to read]
[ December 19, 2003: Message edited by: Eric Pascarello ]

Eric Pascarello

author

Posts: 15385

posted 19 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

an if statment in javascript uses == not =
Bear, bump this to the javascript forum since this is not a jsp problem...

Eric Pascarello

author

Posts: 15385

posted 19 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The reset button only clears the data to what was orginally there when the page loaded. So if you are placing values into the fields from the jsp page, then that is what is going to show.
If you want to get rid of that then yo need to have a function hat loops through the elements and clears them.
Eric

Bear Bibeault

Sheriff

Posts: 67734

173

I like...