首次单击html.disable link.in html.java后隐藏链接

Question

I am passing some values through a link "Like",I want to set the property such that the link is hidden or disabled if it is clicked once.. have tried this code
onclick="this.style.display='none';"

But it does not seems to be working.Please help as where to put the js or any other alternate method..

<a href="like1?sellerid=<s:property value="id"/>&property_id=<s:property value="p_id"/>"onclick="hide">Like</a>;'  

Answer 1

As it has been said this functions is better to be implemented with javascript. First assign a valid id for the link and follow this:

//create a function for the click like:
$('#buttonId').click(hideButton);

Afterwards, in your javascript code:

function hideButton(){$('#buttonId').css({'visibility':'hidden'})};

Remember to import jquery library and import the .js when your code has been displayed if you does not use a .ready function.

Edit: note that in the way previously exposed you will still get the box where the link was, but it is displayed hidden.

Answer 2

If you need to pass some values as well as hide element i thing you should use ajax. As you are passing a url to href attribute it will redirect you to that page. A java script function can work better. Call a javascript function on onClick event like

<a href="#""onclick="hide()">Like</a>

<script>
function hide(){
// ajax call to send parameter
// hide element
}

</script>

Answer 3

Define a class for anchor tag , and user ajax post to send the request and then you can just hide the element with hide() .

See below example:

 $(".like").on("click", function (e) { e.preventDefault(); $.post(this.href); $(this).hide(); }); 

 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a class="like" href="like1?sellerid=-1">Hide me</a>