Putting JavaScript Events on RadioButtonList Items

MikeSchnell · March 23rd, 2004, 12:26 PM

Is it possible to attach Javascript events to individual RadioButtonList Items? I've tried doing the Attributes.Add on the items collections like so:

        Me.Radiobuttonlist2.Items(0).Attributes.Add("onblu r", "DoPopupfrmDucted();")
        Me.Radiobuttonlist2.Items(2).Attributes.Add("onblu r", "DoPopupfrmDucted();")
        Me.Radiobuttonlist2.Items(1).Attributes.Add("onblu r", "DoPopupfrmFreeblow();")

But when I look at the source in the browser, they are never there.

Any help would be greatly appreciated.

Thanks,

Michael Schnell

iliger · April 22nd, 2004, 10:12 AM

I know this was a while back, but just wondering if you've figured out how to add events to these items? I'm having the exact same problem.

Anyone else know how to do this?

thanks in advance

Quote:

quote:Originally posted by MikeSchnell
Is it possible to attach Javascript events to individual RadioButtonList Items? I've tried doing the Attributes.Add on the items collections like so:

        Me.Radiobuttonlist2.Items(0).Attributes.Add("onblu r", "DoPopupfrmDucted();")
        Me.Radiobuttonlist2.Items(2).Attributes.Add("onblu r", "DoPopupfrmDucted();")
        Me.Radiobuttonlist2.Items(1).Attributes.Add("onblu r", "DoPopupfrmFreeblow();")

But when I look at the source in the browser, they are never there.

Any help would be greatly appreciated.

Thanks,

Michael Schnell

abraham.ernest · June 21st, 2007, 09:27 AM

HI,

I face the same problem. If u got any solution for this plz let me know.. It would be of much help for me...

Thanks in advance

Quote:

quote:Originally posted by MikeSchnell
Is it possible to attach Javascript events to individual RadioButtonList Items? I've tried doing the Attributes.Add on the items collections like so:

        Me.Radiobuttonlist2.Items(0).Attributes.Add("onblu r", "DoPopupfrmDucted();")
        Me.Radiobuttonlist2.Items(2).Attributes.Add("onblu r", "DoPopupfrmDucted();")
        Me.Radiobuttonlist2.Items(1).Attributes.Add("onblu r", "DoPopupfrmFreeblow();")

But when I look at the source in the browser, they are never there.

Any help would be greatly appreciated.

Thanks,

Michael Schnell

dparsons · June 21st, 2007, 04:55 PM

Have you tried, instead, adding the function to the Parent control?

Me.RadioButtonList2.Attributes.Add("onblur", "DoPopupfrmDucted();")

================================================== =========
Read this if you want to know how to get a correct reply for your question:
http://www.catb.org/~esr/faqs/smart-questions.html
================================================== =========
Technical Editor for: Professional Search Engine Optimization with ASP.NET
http://www.wiley.com/WileyCDA/WileyT...470131470.html
================================================== =========
Why can't Programmers, program??
http://www.codinghorror.com/blog/archives/000781.html
================================================== =========

abraham.ernest · June 22nd, 2007, 04:33 AM

Hi,

Thanks for your reply...

I tried this as u said

Me.RadioButtonList2.Attributes.Add("onblur", "DoPopupfrmDucted();")

But the javascript event is attached for the Parent control as a whole...

My requirement is,

Whenever mouse is moved on a list item, i want to call a function say, showDescription(strListItemValue).

I want to pass the list current item's value to this function.

For example,

If mouse is moved on ListItem1, i shud call showDescription(listItem(1).value).

If mouse is moved on ListItem2, i shud call showDescription(listItem(2).value).

How can this be done?

Afonso.ABS · October 5th, 2007, 10:38 PM

Have you found a solution for this!?

dparsons · October 7th, 2007, 08:16 PM

mmmk. The answer to this is that you can not use a RadioButtonList for the onMouseOver event, you need to use an individual RadioButton for the functionality you are asking for. So now comes the tricky part. If the radiobuttons in question are static, e.g. the data is not populated from a database etc, you simply can add the radio buttons to your page as you would any other server contorl:

Code:

 <asp:RadioButton id="rad1" runat="server" />
 <asp:RadioButton id="rad2" runat="server" />

Then, in code you would do something like:

Code:

if(!Page.IsPostBack)
{
 rad1.Attributes.Add("onMouseOver", "myJSFunction()");
 rad2.Attributes.Add("onMouseOver", "myJSFunction()");
}

Howerver, if the number of radiobuttons is NOT known at runtime you have to be a little bit more creative! On you .aspx page you would need some sort of container control like a placeholder or a panel and do something like: (I assume a Panel named panel1)

Code:

if(!Page.IsPostBack)
{
   for(int i = 0; i < [somevalue]; i++)
   {
      RadioButton rad = new RadioButton();
      rad.ID = i.ToString();
      rad.Attributes.Add("onMouseOver", "myJSFunction()");
      panel1.Controls.Add(rad);
   }
}

This will give you the ability to trigger JavaScript events when a user hovers over your radiobutton.

hth.

================================================== =========
Read this if you want to know how to get a correct reply for your question:
http://www.catb.org/~esr/faqs/smart-questions.html
================================================== =========
Technical Editor for:
Beginning Visual C# 2008
Professional Search Engine Optimization with ASP.NET
Professional IIS 7 and ASP.NET Integrated Programming
Wrox Blox: Introduction to Google Gears
Wrox Blox: Create Amazing Custom User Interfaces with WPF and .NET 3.0
================================================== =========