function near_home(lat,long,miles) {
  var url = "api_url";
  var places = [];

  $  .getJSON(url, function(data) {
    $  .each(data['results'], function(i, place) {
      places.push(place);
    });
    console.log(places);
  });
  console.log(places);
  return places;
}

So the first console.log() will return the desired objects. But the second console method results in null data. I’ve rewritten this thing a few times over and can’t seem to find reason for this madness. What am I missing?

newest questions tagged jquery – Stack Overflow

My code:

$  ('.colorPick').click(function(e) {
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
var canvas2 = this.getContext('2d');
var data = canvas2.getImageData(x, y, 1, 1).data;
var rgb = 'rgb(' + data[0] + ',' + data[1] + ',' + data[2] + ')';
$  ('.colorPicker').each(function(rgb) {
    var x = this.width;
    var y = this.height;
    var canvas1 = this.getContext('2d');
    gradient1 = canvas1.createLinearGradient(0, 0, x, y);
    gradient1.addColorStop(0, 'rgb(255, 255, 255)');
    gradient1.addColorStop(0.5, rgb);
    gradient1.addColorStop(1, 'rgb(0, 0, 0)');
    canvas1.fillStyle = gradient1;
    canvas1.fillRect(0, 0, x, y);
});
}).disableSelection();

The variable rgb will not pass to the next .each function?

I am new to this if the answer is simple

newest questions tagged jquery – Stack Overflow

I have a generic javascript function which takes one parameter

function foo(val) { ...}

and I want to call the function when submit a form

<form>
<input type="text" id="formValueId"/>
<input type="button" onclick="foo(this.formValueId)"/>
</form>

but the expression foo(this.formValueId) does not work (not surprised, it was a desperate attempt), So the question is that, how can I pass a form value to the javascript function.
As I mentioned the javascript is generic and I don’t want to manipulate the form inside it!

I could create a helper function in the middle to get the form values with jquery (for example) and then call the function but I was wondering if I can do it without the helper function

thanks

newest questions tagged jquery – Stack Overflow

I have to pass an extra parameter to funcCall method. How to do that? And What is the use of i in the parameter?
E.g: myFuncCallMethod(fields,i,rules,options)

newest questions tagged jquery – Stack Overflow

First, check out my fiddle fiddle

jsFiddle is nice, but sometimes it runs a bit slow, so I made this simple pure JS fiddle (can be ran locally)

Working great so far, but I want to be able to use jQuery in my fiddle. Type alert(typeof $ ); in the bottom left box and press “Run” to see what I mean (says undefined).

So how do I pass jQuery off to the iframe and give it the correct context? I suspect I could set doc.contentWindow.$ =$ or something like that, but I still need to give the correct context so it knows where to find the elements. How would I do that?

newest questions tagged jquery – Stack Overflow

Hello I have a problem when I modify the input of a iframe that is open with SimpleModalWindow Plugin.

I have the code:

 $  ("#imgTab").click(function(){
    $  ("#iframeNode").contents().find("input[name='objParent']").val('val1');
    $  ("#modalWindow").modal({
    opacity:80,
    overlayCss: {backgroundColor:"#fff"}
    });
});

the iframe is in a div

    <div id="modalWindow" style="display:none;background-color:#FFFFFF">
    <iframe src="biblioteca.php" height="600px" width="900px" id="iframeNode" name="iframeNode"></iframe>
</div>

And the element to modify into the iframe is:

<input type="text" name="objParent" id="objParent"/>

Thanks.

newest questions tagged jquery – Stack Overflow

The following call should try to hit “/getSomething”. However, it’s hitting “/previousSomething”, a url fetched previously via jQuery.ajax. I see the request to the old url go out, however neither the “success” nor the “failure” function is getting called.

jQuery.ajax("/getSomething", {
  success: function(cartData){
    alert("success")
    movieCart = cartData;
    callback(cartData);
  },
  failure: function(){
    alert("failure");
  }
});

This code is running on a nasty corporate site which loads of scripts written by who-knows, multiple versions of jquery imported, etc. I suspect this is a problem called by the generally messy ecosystem my code is running in. Anybody have ideas about specifically what might be going on, or how to fix or even troubleshoot it?

newest questions tagged jquery – Stack Overflow

I have a button element below in which I need to make the “template” variable dynamic to match the val() property of the currently selected item in the “template” select menu. How can I do this?

<select id="template">..select options</select>

<button
type="button"
id="myButton"
onclick="window.open('<?php echo $  thePath ?>/test.php?template=?????', 'popup');
return false;">
click me
</button>

I know I can grab the selected option in jQuery with $ (‘#template :selected’).val();

How can I pass this to the onclick handler?

newest questions tagged jquery – Stack Overflow

So I’m trying to load a javascript remotely using jquery’s $ .getScript, but I’m puzzled on how I can pass data to the external script.

I’ve tried setting variables before the call but they aren’t available in the script that gets loaded, and when I try to send/retrieve them using the query string, the remote script tries to read the querystring of the base file that it gets called from, not itself. Is there any other way to do this? Or is it possible to have a javascript file read its own querystring rather than the file it’s called from (that’s loaded in the browser)?

// editor ini
var editor_ini = { page: current_page, action: 'edit' };
var foo = 'bar';
// load the editor
$  .getScript('assets/desktop/desklets/'+launcher.config.editor+'/execute.js', function(){});

In the execute.js file, the editor_ini and foo are both unavailable, I get the same result with:

// load the editor
$  .getScript('assets/desktop/desklets/'+launcher.config.editor+'/execute.js', { page: current_page, action: 'edit', foo: 'bar' }, function(){});

because the remote script seems to be getting the query string from the original document rather than the one used when calling the file.

If it matters, I was trying to use the query object plugin for jquery for reading the query string.

newest questions tagged jquery – Stack Overflow

I have a problem where i have to pass a list of ids to serverside to delete some users, but my requirement is to do it using JQuery Ajax. But I was not able to get the parameters in my server side can anybody give a help on this to sort out pls?

What i have done till now is shown below

  var idList = new Array();
$  (document).ready(function () {
    $  ('input:checkbox').click(function () {
        //set our checkedcount variable to 0
        var checkedCount = 0;
        //loop through and count the number of "checked" boxes
        $  ('.acceptUsers:checked').each(function () {
            //if a checked box was found, increase checkedCount by 1
            idList.push($  (this).val());
            checkedCount++;
        });
    });
});
      $  ('#btnDelete').click(function () {
          url = 'Teacher/UpdateUserStatus/';
          var ids = idList.toString();
          $  .ajax({
              type: "POST",
              url: url,
              data: { 'userIds': ids },
              contentType: "application/json; charset=utf-8",
              dataType: "html",
              success: function (data) {
                  alert('yeah');
                }
              }
          });
      });

What i have done in my server side is

    [HttpPost]
    public JsonResult UpdateUserStatus(object userIds)
    {
        List<int> usersToDelete = new JavaScriptSerializer().ConvertToType<List<int>>(userIds);
        this.userService.DeleteUsers(usersToDelete);
        return Json(true, JsonRequestBehavior.AllowGet);
    }

Can anybody know why my server side method is not calling?

newest questions tagged jquery – Stack Overflow