How to make a <a href> link disappear

**myuser** · 10-09-2012 07:38 AM

Hi,
I have a <a href> in my code which is as follows

Code:

<a href="javascript:editPage();">[Edit mode]<br></a>

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 successfully
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.

**JMRKER** · 10-09-2012 08:26 AM

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>

**Troy III** · 10-10-2012 03:06 PM

here is your solution:

PHP Code:


<a href="javascript:editPage()" onclick=this.outerHTML="">[Edit mode]<br></a>

click it and the link will disappear as if it never existed.

Thread: How to make a <a href> link disappear

Thread Tools

Display

How to make a <a href> link disappear

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions