Remove anchor

[Anu Jv]

Hi,

I have anchored a link. Once the link is clicked the request goes to the server. During this time, if we click the link, data gets saved multiple times. I need to avoid this duplication. Is there any possibility to remove the anchor from the link once it is clicked to plain text using Javascript?

Thanks
Anu

[Yuriy Fuksenko]

Ok, if you want a simple thing, than pick one of those:

1.

<A HREF="someurl" ON_CLICK="location.href=this.href;this.href='#';">rertertert</A>

2.

<script>
function goTo(url, link){
  location.href=url;
  link.href='#'; 
}
</script>
<A HREF="javascript:void(0)" ON_CLICK="goTo('someurl', this)">dddd</a>

there is 2 problems related to that:
1. Your page might have more than one link on it.
2. If you disabled a link, and user pressed "Stop", the link is disabled, and page is not reloaded.

So, in my code I used more generic approach - after link is clicked, I open a transparent DIV on top of the page. Here is the code I used. It was ment for IE 5.5+, but it should be very simple to port the code for any browser that supports DOM.

Note "spacer.gif" mentioned in the code below is 1px transparent image

<script>
var _timeout = 10000; // age is disabled until reloaded or for 10 seconds - 
                      // whatever comes first
var _el=null;
 
function disablePage(){
  if(_el == null){
    _el = document.createElement("DIV");
    _el.style.position="absolute";
     _el.style.backgroundImage = 'url(images/spacer.gif)';
    _el.style.width = "1";
    _el.style.heigth = "1";
    document.body.appendChild(_el);
  }
   _el.style.visibility = "visible";
   _el.style.zIndex = "1000";
   _el.style.left = '0';
   _el.style.top = '0';
   if(document.all){
     _el.style.width = document.body.scrollWidth;
     _el.style.height = document.body.scrollHeight;
   }
   else{
     _el.style.width = document.width;
     _el.style.height = document.height;
   }
   setTimeout("enablePage();",_timeout );
}
 
function enablePage(){
   _el.style.visibility = "hidden";
   _el.style.zIndex = "-1";
}
</script>
 
<A href="....." on_click="disablePage()">some text</a>

[ May 20, 2004: Message edited by: Yuriy Fuksenko ]