JavaScript

3-Jun-11 9:59

gus;
I am working on a message control that looks like this windows message box.
in this control i used code that produce elements at run-time the code below:

JavaScript

var buttonsbar = $get(this.get_element().id + '_buttonsbar');
var okButton = document.createElement('input');
okButton.type = 'button';
okButton.id = this.get_element().id + '_okButton';
okButton.value = this._okbuttontext;
okButton.className = '__mycontrols_button';
okButton.dialogResult = MyControls.DialogResult.OK;
okButton.setAttribute('onclick', 'javascript:$find(\'' + this.get_element().id + '\').AcceptDialog(\'' + okButton.dialogResult + '\');');
buttonsbar.appendChild(okButton);

my problem is when i click the okButton AcceptDialog() is not hit in the compatibility view but it is hit when i turn of the compatibility view;

Help people,so poeple can help you.

AspDotNetDev3-Jun-11 18:41

3-Jun-11 18:41

Try this:

JavaScript

okButton.onclick = SomeFunction;

Ali Al Omairi(Abu AlHassan)4-Jun-11 2:38

4-Jun-11 2:38

Sir;
I took your advice and replaced the line

JavaScript

okButton.setAttribute('onclick', 'javascript:$find(\'' + this.get_element().id + '\').AcceptDialog(\'' + okButton.dialogResult + '\');');

with

JavaScript

okButton.messageboxid = this.get_element().id;
okButton.onclick = function() { $find(this.messageboxid).AcceptDialog(this.dialogResult) };

by setting the onclick event to a reference of type function, but i use it in a new function because i want to pass a parameter to function AcceptDialog and I add messageboxid to the button because I lose context when the button is clicked.

this works great, but is there any way else to do so?

Help people,so poeple can help you.

AspDotNetDev4-Jun-11 9:20

4-Jun-11 9:20

Is there a reason you want to do it another way? Here is one small trick that can make your code look a little cleaner:

JavaScript

function create_handleOkClick (boxId, dialogResult) {
  return function() {$find(boxId).AcceptDialog(dialogResult); };
}
// In another area of code...
okButton.onclick = create_handleOkClick(this.messageboxid, this.dialogResult);

You could also do this:

JavaScript

function create_handleOkClick (instance) {
  return function() {$find(instace.messageboxid).AcceptDialog(instance.dialogResult); };
}
// In another area of code...
okButton.onclick = create_handleOkClick(this);

Ali Al Omairi(Abu AlHassan)4-Jun-11 20:23

4-Jun-11 20:23

AspDotNetDev wrote:
Is there a reason you want to do it another way?

No, just trying to learn other techniqes.

i liked the "return function()" this would be better then editing code for 7 buttons.

and one more thing, be gentle with me so i can love you
and as you maight know my heart is so weak (you could kill me with your "Is there a reason you want to do it another way?").

100 Rose | [Rose]

and have a nice day;

Help people,so poeple can help you.

Ali Al Omairi(Abu AlHassan)5-Jun-11 4:58

5-Jun-11 4:58

Sir;
I worked on this:

JavaScript

var create_handler = function(context, method, prameter) {
     var methodname = 'AcceptDialog'; // method.getName();
     return function() { context[methodname](prameter); };
}
button1.onclick = create_handler(this, this.AcceptDialog, button1.dialogResult);

I added the parameter 'method' as i may need to invoke one of the three methods; this.AcceptDialog(), this.Close(), this.DoPostBack(). The 'context' parameter i used it instead of function $find().

what happend whit me is that I couldn't extract the method name
so I am wondering if you could help me with this;

Help people,so poeple can help you.

AspDotNetDev6-Jun-11 8:35

6-Jun-11 8:35

I am a little confused as to what you are after, but here are a few samples that may demonstrate what you are looking for:

JavaScript

var create_handler = function (context, methodName, parameter) {
  create_handler[methodName](context, parameter);
};
create_handler.AcceptDialog = function (context, parameter) {
  alert("Accepting...");
};
create_handler.Close = function (context, parameter) {
  alert("Closing...");
};
create_handler.DoPostBack = function (context, parameter) {
  alert("Posting...");
};

// Test.
create_handler(this, "AcceptDialog", "a parameter");
create_handler(this, "Close", "a parameter");
create_handler(this, "DoPostBack", "a parameter");

And another:

JavaScript

var create_handler = function (context, method, parameter) {
  method(context, parameter);
};
create_handler.AcceptDialog = function (context, parameter) {
  alert("Accepting...");
};
create_handler.Close = function (context, parameter) {
  alert("Closing...");
};
create_handler.DoPostBack = function (context, parameter) {
  alert("Posting...");
};

// Test.
create_handler(this, create_handler.AcceptDialog, "a parameter");
create_handler(this, create_handler.Close, "a parameter");
create_handler(this, create_handler.DoPostBack, "a parameter");

And another:

JavaScript

var myContext = "hello";
var create_handler = function (context, method, parameter) {
  method.call(context, parameter);
};
create_handler.AcceptDialog = function (parameter) {
  alert("Accepting..." + this);
};
create_handler.Close = function (parameter) {
  alert("Closing..." + this);
};
create_handler.DoPostBack = function (parameter) {
  alert("Posting..." + this);
};

// Test.
create_handler(myContext, create_handler.AcceptDialog, "a parameter");
create_handler(myContext, create_handler.Close, "a parameter");
create_handler(myContext, create_handler.DoPostBack, "a parameter");

Ali Al Omairi(Abu AlHassan)7-Jun-11 0:36

Re: Regarding JQueryCurrency

7-Jun-11 0:36

Sir;
I liked the last one of Function.call() this would serve my alot.

For what I am after, please go to Message Box Control[^] and Browes the Code[^] of //MyControls/MyControls/script/MessageBox.js lines 37 to 229 and you will get it.

in your way please tell me what do yoyu think about the overall article and alse the control.

Regards;

Help people,so poeple can help you.

Regarding JQueryCurrency

dayakar_dn31-May-11 0:33

dayakar_dn

31-May-11 0:33

Hi,

By using JqueryCurrency i am reading the currency symbold based on locale, but when i am trying to read the UK currency symbol, instead of pound symbol it is reading some junk data.
Any one faced the same problem please let me know the solution to read the pound symbol.

Thanks in Advance.

thatraja3-Jun-11 18:19

thatraja

3-Jun-11 18:19

Here some solutions.

'£' in form - possible?[^]
How should I store and retrieve UK pound symbols?[^]
Ajax/XML problem with British Pound Sign[^]
How can I replace the jQuery dollar sign, with a pound sign?[^]

thatraja

My Tip/Tricks
My Dad had a Heart Attack on this day so don't...

Populating a textbox inside usercontrol thru jquery.

fififlowertot30-May-11 1:09

fififlowertot

30-May-11 1:09

Hi,
I have a usercontrol embedded in my content page.This usercontrol has a text box in it.

The label and regular expression validators on the page use ucid:txtboxid for associatedcontrolid/ControlToValidate respectively.

Now i try to populate the textbox in usercontrol using jquery as follows:

<br />
$("#<%= ucid:txtboxid.ClientID %>").val(myvalue);<br />

this gives a compilation error. I tried a few combinations of brackets but no luck.I then tried

<br />
$("#<%= ucid.ClientID %>").val(myvalue);<br />

and it builds fine but value doesn't get assigned at runtime.

How do I populate the usercontrol textbox?

Thanks

Re: Populating a textbox inside usercontrol thru jquery.

AspDotNetDev30-May-11 1:52

30-May-11 1:52

Say you have this user control, "Hello.ascx":

ASP.NET

<%@ Control Language="C#" %>

<asp:TextBox ID="txtInfo" runat="server" />

You can then get the ClientID of txtInfo using FindControl from "Default.aspx":

ASP.NET

<%@ Page Language="C#" %>
<%@ Register Src="~/Hello.ascx" TagPrefix="my" TagName="Hello" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Sub-Control Client ID</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>    
        <my:Hello ID="helloWorld" runat="server" />
        <script type="text/javascript">
            $("#<%= helloWorld.FindControl("txtInfo").ClientID %>").val("Hello World");
        </script>
    </div>
    </form>
</body>
</html>

You could probably also add a property to your Hello control that returns the ClientID of txtInfo, then you'd simply get the ID by saying helloWorld.InfoClientID.