+++++++++++++++++++first window+++++++++++++++++++++
<html>
<head>
<script language="javascript">
var myWindow;
function christDoes(){
mydWindow=open("myWindow.html", "myWind");
addButton();
deleteButton();
cancelButton()
}
function addButton() {
if(subject.value.length>0){
var i=subject.value.length;
var subjects=new Array(i);
for(var k=0; k<subjects; k++){
myWindow.second.document.write("<b>" +subjects[k].toUpperCase() +"</b><input type='text' name='subjects[k].toLowerCase()' value=''>" +"<br>");
}
}
}

function deleteButton(){
if(subject.value.length>0){
subject.value="";
}
}

function cancelButton(){
if(subject.value.length>0 && url.value.length>0){
subject.value="";
url.value="";
}
}

</script>
</head>
<body><CENTER>
<big><b>SCHOOL LOGO HERE</b><INPUT TYPE="FILE" NAME="url" size=30><p>
<B>ENTER YOUR SUBJECT</B><INPUT TYPE="TEXT" NAME="subject" VALUE="">
<INPUT TYPE="BUTTON" NAME="add" VALUE="ADD" onClick="addButton()">
<INPUT TYPE="BUTTON" NAME="delete" VALUE="DELETE" onClick="deleteButton()"><br>
<INPUT TYPE="BUTTON" NAME="ok" VALUE="OK" onClick="christDoes()">
<INPUT TYPE="BUTTON" NAME="RESET" VALUE="CANCEL" onClick="cancelButton()">
<CENTER>
</body>
</html>
+++++++++++++++++++++++first window++++++++++++++++++++
++++++++++++++++++++++second window++++++++++++++++++++++
<html>
<head>
<title>StarMoon Technologies</title>
</head>
<frameset rows="50%, 50%">
<frame name="second" src="secondWindow.html">
<frame name="edit" src="done2.html">
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>
+++++++++++++++++++++++second window+++++++++++++++++++++
+++++++++++++++++++++++third window++++++++++++++++++++++
<html>
<head>
<script language="javascript">
</script>
</head>
<body><center>
<TABLE align=center>
<TR>
<TD><H4><B><I><U><FONT COLOR=MAROON>STUDENT DATA / INFORMATION </U><H4></TD>
<TR>
<TD>NAME <INPUT TYPE="TEXT" NAME="yourname" SIZE=17></TD>
<TD>SURNAME <INPUT TYPE="TEXT" NAME="surname"></TD>
<TR>
<TD>SEX: MALE<INPUT TYPE="radio" NAME="boy" VALUE="" CHECKED></TD>

<TD>FEMALE<INPUT TYPE="radio" NAME="boy" VALUE=""></TD>
<TR>
<TD>AGE <INPUT TYPE="TEXT" NAME="age"></TD>
<TD>PHONE NUMBER <INPUT TYPE="TEXT" NAME="phone" SIZE=12></TD>
<TR>
<TD>CLASS <INPUT TYPE="TEXT" NAME="school" SIZE=17></TD>
<TD>E-MAIL <INPUT TYPE="TEXT" NAME="email"SIZE=23></TD>
<TR>
<TD>ADDRESS <INPUT TYPE="TEXT" NAME="address" SIZE=13></TD>
<TD>TEACHER <INPUT TYPE="TEXT" NAME="teacher"></TD><BR>

<CENTER>
<TABLE>
<TR>
<TD><H4><B><I><FONT COLOR=MAROON><U>SUBJECT AND SCORE </U><H4></TD>
</body>
</html>
+++++++++++++++++++++++++third window+++++++++++++++++++++
+++++++++++++++++++++++++fourth window++++++++++++++++++++
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Editor</title>
<style type="text/css">
<!--
.editorbuttons {
list-style: none;
margin: 0px;
padding: 0px;
}
.editorbuttons li {
float: left;
}
.editorbuttons li img {
border:none;
}
.editorbody{clear:both; float:none;}
-->
</style>
<script type="text/javascript">
//First initiate some variables

var isEditable= false;
var isIE;
var isGecko;
var isSafari;
var isKonqueror;
var browser = navigator.userAgent.toLowerCase();

function initiateEditor() {
//check what browser is in use

isIE = ((browser.indexOf("msie") != -1) && (browser.indexOf("opera") == -1) && (browser.indexOf("webtv") == -1));
isGecko = (browser.indexOf("gecko") != -1);
isSafari = (browser.indexOf("safari") != -1);
isKonqueror = (browser.indexOf("konqueror") != -1);

//enable designMode if the browser is not safari or konqueror.
if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
isEditable= true;
}
}

//Javascript function dislpayEditor will create the textarea.

function displayEditor(editor, html, width, height) {
dis= "call him"
html="this is me" +"\n\n" +dis
if(isEditable){
document.writeln('<iframe id="' + editor + '" name="' + editor + '" width="' + width + 'px" height="' + height + 'px" readonly></iframe>');
//create a hidden field that will hold everything that is typed in the textarea
document.writeln('<input type="hidden" id="hidden' + editor + '" name="hidden' + editor + '" value="" readonly>');
//assign html (textarea value) to hiddeneditor
document.getElementById('hidden' + editor).value = html;
//call function designer
designer(editor, html);
}else{
document.writeln('<textarea name="' + editor + '" id="' + editor + '" cols="39" rows="10" >' + html + '</textarea>');
}
}

//this is designer function that enables designMode and writes default text to the text area
function designer(editor, html) {
html
var mainContent= "<html id=" + editor + "><head></head><body><CENTER><TABLE CELLPADDING=0, CELLSPACING=0><CAPTION><ALIGN=TOP><TR><TD ALIGN=RIGHT><B><I><FONT COLOR=BLUE SIZE=4>" + html + "</I></B></FONT></TD></TR></TABLE></CENTER><BR></BR></body></html>" ;

//assign the frame(textarea) to the edit variable using that frames id
var edit = document.getElementById(editor).contentWindow.document;
//write the content to the textarea
edit.write(mainContent);
edit.close();
//enable the designMode
edit.designMode = "On" ;
document.getElementById(editor).contentDocument.designMode = "on";
}

//To execute command we will use javascript function editorCommand.
function editorCommand(editor, command, option) {
// first we assign the content of the textarea to the variable mainField
var mainField;
mainField = document.getElementById(editor).contentWindow;
// then we will use execCommand to execute the option on the textarea making sure the textarea stays in focus
try {
mainField.focus();
mainField.document.execCommand(command, false, option);
mainField.focus();
} catch (e) { }
}

function updateEditor(editor) {
if (!isEditable) return;
//assign the value of the textarea to the hidden field.
var hiddenField = document.getElementById('hidden' + editor);
if (hiddenField.value == null) hiddenField.value = "";
hiddenField.value = document.getElementById(editor).contentWindow.document.body.innerHTML;
}

</script>
</head>

<body>
<p><strong><a href="http://www.emirplicanic.com/javascript/cross-browser-textarea-editor.php">Go back to tutorial.</a></strong></p>
<form action="#" name="edit" method="POST" id="edit" onsubmit="return submitForm();">

<script language= "JavaScript" type= "text/javascript" >
<!--
function submitForm() {
updateEditor('content');
return true;
}

initiateEditor();
//-->
</script>
<script language= "JavaScript" type= "text/javascript" >
//this calles displayEditor function. Parametars are (textarea name, textarea width, textarea height)
displayEditor('content', 'Default Text', 600, 300);
//-->
</script>
</div>
<center>
<input type="button" name="save" value="SAVE">
<input type="button" name="email" value="EMAIL">
<input type="button" name="cancel" value="CANCEL">
</center>

</form>


</body>
</html>
+++++++++++++++++++++++++++fourth window+++++++++++++++++
Thanks. these are my plights:
1.i want that when the image is called from first window it's added as the background of third window and the background of the textarea in fourth window fixed.

2. buttonAdd() when clicked should add the text(string) inputted into 'ENTER YOUR SUBJECT' and a textbox on third window.

3. buttonSave(), buttonEmail(), buttonCancel() should be functioning.
.....my indepth appreciation goes beyond writing!