Question

My friend done this below coding for custom control

<a href="javascript:__doPostBack('id','msg');">click</a>

now i want to show confirm dialog box while click this anchor link.

Is it possible?. i want to write script as inline.

Answer 1

Do this :

<a href="javascript:if (window.confirm('Really?')){__doPostBack('id','msg');};">click</a>

---

But at some point, you’d want to stop using only inline code and have a look at other clearer ways to add javascript in your code.

You may use a script block like this in the HEAD of your HTML file :

<script>
    function doOnClick(){
       if (window.confirm('Really?')){
           __doPostBack('id','msg');
       };
    }
</script>

And then your link becomes

<a href="javascript:doOnClick();">click</a>

Of course, this doesn’t feel much simpler with only one function but it helps you put all your functions in the same place and make lighter and clearer html.

---

An alternative would be to use jQuery, so that you may totally avoid putting javascript in the html part.

The html is then

<a id=myLink>click</a>

And your script, now at the end of the body, is this one :

<script>
   $(document).ready(function(){
       $('#myLink').click(function(){
           if (window.confirm('Really?')){
               __doPostBack('id','msg');
           };
       });

       // other codes will come here
   });
</script>

You’re not at all required to code it this way now, as you only have a very light function, but if your code grows I suggest you start considering it and look at the jquery tutorials.