Printable View
Hi,
I have a <a href> in my code which is as follows
My requirement is , when I click on that link [Edit mode] it will not be visible anymore. But ofcourse the javascript function editPage() will get successfullyCode:<a href="javascript:editPage();">[Edit mode]<br></a>
executed so that my purpose is served.
Currently the problem is after clicking that link, the function is executed successfully but the link does not disappear.
Please help. Thanks.
Something like this?
Code:<!DOC HTML>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
function editPage() {
document.getElementById('TArea').readOnly = false;
document.getElementById('pgEdit').style.display = 'none';
document.getElementById('pgView').style.display = '';
}
function viewPage() {
document.getElementById('TArea').readOnly = true;
document.getElementById('pgEdit').style.display = '';
document.getElementById('pgView').style.display = 'none';
}
</script>
</head>
<body>
<a href="" id="pgEdit" onclick="editPage();return false;">[Edit mode]</a>
<a href="" id="pgView" onclick="viewPage();return false" style="display:none">[View mode]</a><br>
<textarea id="TArea" readOnly>Contents of text area.</textarea>
</body>
</html>
here is your solution:
click it and the link will disappear as if it never existed.PHP Code:<a href="javascript:editPage()" onclick=this.outerHTML="">[Edit mode]<br></a>
