Apply Jquery Function in click event of Link button (in code behind)

Question

this is another question that I want to know that how to apply any jQuery function on onclick() event of Linkbutton.

I have a one Linkbutton and I want to set below jQuery function when linkbutton is clicked.

<önclick="TINY.box.show({
    iframe:'User_News.aspx',
    boxid:'frameless',
    width:250,
    height:250,
    fixed:false,
    maskid:'bluemask',
    maskopacity:40,
    closejs:function(){closeJS()}
})"
style="color: #0000FF; font-size: medium; height: 28px;"
id="l1" 
runat="server">

This function gives me a popup message. So how to get this popup when linkbutton is clicked?

That doesn't even look like a valid tag, are you sure your code does anything? — Roman
– Roman, Commented Jun 28, 2012 at 4:47
i have same like <li onclick="TINY.box.show({iframe:'User_News.aspx',boxid:'frameless',width:250,height:250,fixed:false,maskid:'bluemask',maskopacity:40,closejs:function(){closeJS()}})" style="color: #0000FF; font-size: medium; height: 28px;" id="l1" runat="server">View Message </li> — Mitesh Machhi
– Mitesh Machhi, Commented Jun 28, 2012 at 4:48

Adil · Accepted Answer · 2012-06-28 05:21:37Z

3

You can bind the javascript function to linkbutton and it will show popup on click

<asp:LinkButton id="lnk" runat="server" OnClientClick="ShowPopUp();">

if you have linkbutton as id you can use jquery to bind script

$('#linkbutton').click(ShowPopUp);

if you have linkbutton as class you can use jquery to bind script

$('.linkbutton').click(ShowPopUp);  


function ShowPopUp(){
  TINY.box.show({
  iframe:'User_News.aspx',
  boxid:'frameless',
  width:250,
  height:250,
  fixed:false,
  maskid:'bluemask',
  maskopacity:40,
  closejs:function(){closeJS()}
  });
}

edited Jun 28, 2012 at 5:21

answered Jun 28, 2012 at 4:49

Adil

148k25 gold badges217 silver badges207 bronze badges

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

12 Comments

Adil Over a year ago

On which statement you get error and what is the error? Are you using asp.net ?

Mitesh Machhi Over a year ago

when i am writing this code in Script Function. and javascript function not work.

Adil Over a year ago

On which statement you get error and what is the error? Are you using asp.net ?

Mitesh Machhi Over a year ago

yes sir. i am using c#.and when i call that function it does not work.

Adil Over a year ago

c# does not mean that you are using asp.net. I want to know if you are using asp.net ?

|

Dipak · Accepted Answer · 2012-06-28 04:50:02Z

1

include jquery library - https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

Considering Linkbutton as classname add this in Script tag -

$(function(){
  $('.Linkbutton').on('click', function(){
    $('#frameless').show();
  });
});

answered Jun 28, 2012 at 4:50

Dipak

12.2k3 gold badges32 silver badges31 bronze badges

Collectives™ on Stack Overflow

Apply Jquery Function in click event of Link button (in code behind)

2 Answers 2

12 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related