I'm trying to create a site very similar to wiki, where you can edit, save.. Generally update data for the future use... This particular program I wanna do it using javascripts...
Please help me out in getting into the solution for the same...
Sample prg which I hve done is as below... Looking forward for all of your help...Thanks in advance
Expand|Select|Wrap|Line Numbers
- <html>
- <head>
- </head>
- <body>
- <!--<script src="Editting.js">
- </script>-->
- <SCRIPT TYPE=text/javascript>
- var editing = false;
- if (document.getElementById && document.createElement) {
- var butt = document.createElement('BUTTON');
- var buttext = document.createTextNode('Save!');
- butt.appendChild(buttext);
- butt.onclick = saveEdit;
- }
- function catchIt(e) {
- if (editing) return;
- if (!document.getElementById || !document.createElement) return;
- if (!e) var obj = window.event.srcElement;
- else var obj = e.target;
- while (obj.nodeType != 1) {
- obj = obj.parentNode;
- }
- if (obj.tagName == 'TEXTAREA' || obj.tagName == 'A') return;
- while (obj.nodeName != 'P' && obj.nodeName != 'HTML') {
- obj = obj.parentNode;
- }
- if (obj.nodeName == 'HTML') return;
- var x = obj.innerHTML;
- var y = document.createElement('TEXTAREA');
- var z = obj.parentNode;
- z.insertBefore(y,obj);
- z.insertBefore(butt,obj);
- //z.removeChild(obj);
- y.value = x;
- y.focus();
- editing = true;
- }
- function saveEdit() {
- var area = document.getElementsByTagName('TEXTAREA')[0];
- var y = document.createElement('P');
- var z = area.parentNode;
- y.innerHTML = area.value;
- z.insertBefore(y,area);
- z.removeChild(area);
- z.removeChild(document.getElementsByTagName('button')[0]);
- editing = false;
- }
- document.onclick = catchIt;
- </script>
- <p>
- The actual script is in an external script file called "xxx.js".
- </p>
- <input type="button" value="Edit" onClick="catchIt(e)">
- <input type="button" value="Save" onclick="saveEdit()">
- <input type="button" value="Ready">
- </body>
- </html>