JavaScript

javascript execute usercontrol method without postback

21-Apr-13 22:52

Thanks for Java SDKs

Steve Holdorf15-Apr-13 8:41

Re: javascript execute usercontrol method without postback

15-Apr-13 8:41

I am trying to call a usercontrol method from within its javascript. Currently, I am using:

Code behind:

Public bool SaveData()
{
return true;
}

Javascript

if (counter == 50) '<%= this.SaveData() %>';

Now, the problem is the javascript call to the usercontrol method is called as soon as the page loads. How do I get the usercontrol code behind method to be called when the counter == 50?

Thanks,

Steve Holdorf

dusty_dex15-Apr-13 10:00

dusty_dex

15-Apr-13 10:00

Why have you wrapped the <% %> in quotes?

a literal string containing ASP delimiters can't be parsed by the server.

Please forgive me for asking, as you don't go into much depth with an explanation.
but what's wrong with..

if (counter == 50) this.SaveData();

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Re: javascript execute usercontrol method without postback

Dennis E White15-Apr-13 10:50

Re: javascript execute usercontrol method without postback

15-Apr-13 10:50

server code

[WebMethod]
public bool Foo()
{
    return true;
}

the in your javascript I would do something like the following (assuming you are using jQuery):

JavaScript

function callFoo(callBack) {
    $.ajax({
            type: "POST",
            url: "pageName.aspx/Foo",
            data: "{}",
            contentType:"application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                if(undefined !== callBack) {
                    callBack(msg);
                }
            }
     });
}

then to change your code I would have the following:

JavaScript

if(50 === counter) {
    callFoo(function(e) {
        // do something here
    });
}

I haven't tested this so you will have to veriy it yourself but maybe this will get you started. I am sure there are some articles on this site about calling a WebMethod from javascript.

Best of luck.

as if the facebook, twitter and message boards weren't enough - blogged

Steve Holdorf15-Apr-13 11:38

Re: javascript execute usercontrol method without postback

15-Apr-13 11:38

Thank you very much for your help. One question. Does your example cause a postback? I am trying to call the method without a postback.

Thanks,

Steve Holdorf

Dennis E White15-Apr-13 11:43

Re: javascript execute usercontrol method without postback

15-Apr-13 11:43

Steve Holdorf wrote:
One question. Does your example cause a postback?

the nature of an AJAX call is that the are asynchronous. Big Grin | :-D

as if the facebook, twitter and message boards weren't enough - blogged

Steve Holdorf15-Apr-13 12:03

Re: javascript execute usercontrol method without postback

15-Apr-13 12:03

Again thanks. One problem for me; however, I am using AJAX but not jquery. I still hope there is another solution using just AJAX. Again thanks!

Steve Holdorf

Dennis E White15-Apr-13 12:07

Re: javascript execute usercontrol method without postback

15-Apr-13 12:07

you can still do it without jQuery however you would have to handcode the call and deal with the various flavors of browsers that are out there. the benefit of jQuery is that encompasses all the nuances of the different browsers for you.

I personally would recommend your going the route of using some javascript framework.

as if the facebook, twitter and message boards weren't enough - blogged

Steve Holdorf15-Apr-13 12:15

Re: javascript execute usercontrol method without postback

15-Apr-13 12:15

Again thanks for sharing your knowledge!!!! I am still a little lost. Can anyone post a small demo or a link to one?

Again thanks!!!

Steve Holdorf

Dennis E White15-Apr-13 12:19

Re: javascript execute usercontrol method without postback

15-Apr-13 12:19

there is this article:

AJAX for Beginners (Part 2) - Using XMLHttpRequest and jQuery AJAX to implement a cascading dropdown[^]

as if the facebook, twitter and message boards weren't enough - blogged

Manfred Rudolf Bihy15-Apr-13 23:14

Manfred Rudolf Bihy

15-Apr-13 23:14

Then go back again to that article and read a bit more carefully. The article explains how to achieve the same goal using standard AJAX and then also utilizing jQuery. So the answer is there. If you'll look again just search for "Using XMLHttpObject". The part using jQuery is under the heading "Using jQuery". I do think these two shouldn't be too hard to distinguish.

Regards,

— Manfred

"I had the right to remain silent, but I didn't have the ability!"

Ron White, Comedian

Re: javascript execute usercontrol method without postback

Steve Holdorf17-Apr-13 0:35

Checkbox check should automatically and slowly fadeout to unchecked

17-Apr-13 0:35

Manfred,

Sorry about the repeated posts. It won't happen again.

Thanks,

Steve Holdorf Cry | :((

Member 937599314-Apr-13 7:56

Member 9375993

14-Apr-13 7:56

I have created a elevator functionality [there are 2 floors and corresponding to each one , there is a checkbox. Depending upon which checkbox is checked, the elevator should move to that floor.

Only thing which i am not able to implement here is:

Make the checkbox check automatically and slowly fadeout to unchecked state when the orange elevator has reached that checkbox.

Here is the link to the markup and script: http://jsfiddle.net/hurricaneankit/qR4uJ/

Re: Checkbox check should automatically and slowly fadeout to unchecked

Dennis E White15-Apr-13 10:29

How can I select a dropdown list with JQuery?

15-Apr-13 10:29

I think I have seen something very similar to this on various interviews. Hmmm | :|

either way the following should get you started:

http://jsfiddle.net/qR4uJ/3/[^]

I would recommend that you fix your images because they are the cause behind the "jumpy" appearance of the checkbox when you click on things.

as I think about it more I would recommend stacking images. have the checkbox as your background and then a check mark as an img tag that can sit on top of it. then you can use the fadeIn[^] and fadeOut[^] parts of jQuery.

best of luck.

as if the facebook, twitter and message boards weren't enough - blogged

AlexanderBlade13-Apr-13 23:11

AlexanderBlade

13-Apr-13 23:11

XML

Hi, I’m using JQuery version 1.8.11 with IE10. I have a table with a simgle row. the table id is #listTable, the <tr>id is #listTableRow and the <td> id is #days.  The row has a number of cells and in each cell there is a dropdown list with the same id: #searchString.  I want to be able to select the the dropdown list in the third cell and set its option to option:first.. I’ve been able to select the td with the code below but not the specific dropdown list.. How can I select the 3rd dropdown list in a table?

<script type="text/javascript">



            $(document).ready(function () {
                var nos = $('#listTable #searchString').length;

                $.each($checkboxes, function () {
                    if ($(this).is(':checked')) {

$('#listTable #days:nth-child(3)').css('border', '2px dashed blue');

                });

            });

           </script>

Re: How can I select a dropdown list with JQuery?

Dennis E White15-Apr-13 5:15

15-Apr-13 5:15

why not look at it backwards??

assign a class to the item that you want and then iterate through your collection till you find it associated to the parent you are expecting.

JavaScript

$('.someClassName').each(function(){
    // inspect the parent here
});

as if the facebook, twitter and message boards weren't enough - blogged

Question of a dusy_dex

Hakan Bulut12-Apr-13 20:55

12-Apr-13 20:55

I wanted to do was this: 'oel' array elements, but here you have wrote the script 'oel' elements to
'rec', such as identification and definition could not figure out the problem of pass from a
series of rec. Is it possible to success this javascript? Do you have any idea on this issue?
Passing from 'oel' array element to 'rec' array elements that I want to do this.

Richard MacCutchan12-Apr-13 22:15

Richard MacCutchan

12-Apr-13 22:15

Please don't assume that dusty_dex will just happen to see this message. Post it in reply to the one you are referring to.

Use the best guess

Hakan Bulut13-Apr-13 1:26

13-Apr-13 1:26

just prefer british english is to American english is very unintelligible.I turned my question to him because of he is not just a foreign on topic.. I'm really sorry for that.

modified 15-Apr-13 10:36am.

Richard MacCutchan14-Apr-13 4:32

Richard MacCutchan

14-Apr-13 4:32

Anlamıyorum!

Use the best guess

Hakan Bulut15-Apr-13 4:31

15-Apr-13 4:31

Anlamadığınız şey nedir?

Richard MacCutchan15-Apr-13 4:41

Richard MacCutchan

15-Apr-13 4:41

Just about all your comments. I appreciate that English is not your native language, but you may like to find a better translator.

Use the best guess

dusty_dex13-Apr-13 0:19

dusty_dex

13-Apr-13 0:19

Hello Hakan,
Your profile says you are living in USA, but obviously you aren't English speaking person.

So where are you?

It might be easier for me to help you understand if I can translate English to your language.

Your code makes no sense. OMG | :OMG:

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Hakan Bulut13-Apr-13 3:57