< html > < head > < title > Assignment 3 Question 1 < /title>
		<script type="text/javascript
">
	
			function addH(display, txt) {
				if (txt.length > 0) {
					display.innerHTML = " < p > "+txt+" < /p>" + display.innerHTML;
					var sel = document.getElementById("paraNum");
					var opt = document.createElement("option");
					opt.text = sel.length+1;
					sel.add(opt);
				}
			}
			function delH(txt) { 
				var nodeList = document.getElementsByTagName("p");
				var sel = document.getElementById("paraNum");
				var pNum = sel.selectedIndex;
				sel.remove(sel.length-1);
				if (pNum >= 0) {
					pNum += 5;
					for (var i=pNum+1; i < nodeList.length; i++) {
						nodeList[i-1].innerHTML = nodeList[i].innerHTML;
					}
					nodeList[nodeList.length-1].remove();
				}
			}
			function insH(display, txt) {
				if (txt.length > 0) {
					var nodeList = document.getElementsByTagName("p");
					var sel = document.getElementById("paraNum");
					var pNum = sel.selectedIndex;
					if (pNum >= 0) {
						pNum += 6;
						var temp = txt;
						for (var i=pNum; i < nodeList.length; i++) {
							var temp1 = nodeList[i].innerHTML;
							nodeList[i].innerHTML = temp;
							temp = temp1;
						}
						var opt = document.createElement("option");
						opt.text = sel.length+1;
						sel.add(opt);
						var para = document.createElement("p");
						var node = document.createTextNode(temp);
						para.appendChild(node);
						display.appendChild(para);
					}
				}
			}
			function repH(txt) {
				if (txt.length > 0) {
					var nodeList = document.getElementsByTagName("p");
					var sel = document.getElementById("paraNum");
					var pNum = sel.selectedIndex;
					if (pNum >= 0) {
						nodeList[pNum+5].innerHTML = txt;
					}
				}			
			}
			
			function handleText() {
				var display = document.getElementById("display");
				var form = document.getElementById("form");
				var txt = document.getElementById("txt").value;
				var add = document.getElementById("addNode");
				var del = document.getElementById("delNode");
				var ins = document.getElementById("insNode");
				var rep = document.getElementById("repNode");
				var pNum = document.getElementById("paraNum").selectedIndex;
				if (add.checked || del.checked || ins.checked || rep.checked) {
					if (add.checked) { addH(display, txt) }
					if (del.checked) { delH(txt) }
					if (ins.checked) { insH(display, txt) }
					if (rep.checked) { repH(txt) }
				}
			}
		</script > < /head>
	<body id="body">
		<p>
		<form action="javascript:void 1" method="get" id="form" onsubmit="handleText()">
			<p><textarea id="txt" name="textArea" rows="12" cols="40"></textarea > < /p>
			<p>
			<input type="radio" name="nodeEdit" id="addNode">Add node 
			<input type="radio" name="nodeEdit" id="delNode">Delete node 
			<input type="radio" name="nodeEdit" id="insNode">Insert after node 
			<input type="radio" name="nodeEdit" id="repNode">Replace node 
			</p > < p > Paragraph#: < select name = "paraNum"
id = "paraNum" > < /select>
			<input type="submit" name="submit" id="submit">
			</p > < /form>
		</p > < div id = "display" > < /div>
	</body > < /html>
Copy Format
Download