Message box jquery in asp.net (old style)

Question

I have a asp.net user control, I added a image button and then in head I am using javascript/jquery to add a button event to it, so that it will show a message box on button click, now if I look into developers tools I can see CSS is loaded but when I click on image button all happens is a page refresh, now if I try to add alert("Message"); instead of my function it does work.

I would prefer to do it in front end.

<head id="head1">
   <link href="/_LAYOUTS/1033/STYLES/abc/arts/galdtor.css" rel="stylesheet" type="text/css" />

   <script type="text/javascript" src="/_layouts/1033/jquery.js"></script>

   <script type="text/javascript">
      $(document).ready(function() {
        $("input[id$='btnSE']").click(function() {
          $('body').append("<div id='M'><span id='text'></span><br/><div id='BPB' onclick='return BPB();'><a href='' onclick='return BPB();'></a></div></div>");
        });

       function BPB() {
         $('#M').remove();
         $('#EM').remove();
         return false;
       }
     });
  </script>

</head>

then in body I got this,

<div style="margin: 0px 0px 0px 5px; float: left;">
    <asp:ImageButton ID="btnSE" runat="server" ImageUrl="/_LAYOUTS/1033/IMAGES/abc/arts/gtor/ow.png" />
</div>

Akhil Sekharan · Accepted Answer · 2012-11-23 10:45:05Z

1

This works for me.

 <div style="margin: 0px 0px 0px 5px; float: left;">
 <asp:ImageButton ID="btnSE" runat="server"   OnClientClick="doWork(); return false;"
 ImageUrl="/_LAYOUTS/1033/IMAGES/abc/arts/gtor/ow.png" />
 </div>

<script type="text/javascript">
function doWork() {  
  $('body').prepend("<div id='M'><span id='text'></span><br/><div id='BPB'     onclick='return BPB();'>
 <a href='' onclick='return BPB();'></a>
 </div></div>");
}
</script>

edited Nov 23, 2012 at 10:45

answered Nov 23, 2012 at 9:16

Akhil Sekharan

12.7k8 gold badges43 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Akhil Sekharan Over a year ago

You must prevent the postback by returning false

Developer Over a year ago

Only thing I would say, your a life saver, working now like a charm

JJschk · Accepted Answer · 2012-11-23 09:18:19Z

0

<a href='' onclick='return BPB();'>

try

<a href='javascript:bool(BPB());'></a>

since you r not setting anything in the href the page will reload

answered Nov 23, 2012 at 9:18

JJschk

4313 silver badges8 bronze badges

Collectives™ on Stack Overflow

Message box jquery in asp.net (old style)

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related