Here is working example:

    &lt;html&gt;&lt;head&gt;&lt;title&gt;Twitter 2.0&lt;/title&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;&lt;body&gt;
    &lt;div id=&#39;tweet-list&#39;&gt;&lt;/div&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    $(document).ready(function() {
        var url =  &quot;http://api.twitter.com/1/statuses/user_timeline/codinghorror.json&quot;;
        $.getJSON(url + &quot;?callback=?&quot;, null, function(tweets) {
            for(i in tweets) {
                tweet = tweets[i];
                $(&quot;#tweet-list&quot;).append(tweet.text + &quot;&lt;hr /&gt;&quot;);
            }
        });
    });
    &lt;/script&gt;
    &lt;/body&gt;&lt;/html&gt;

Notice the `?callback=?` at the end of the requested URL. That indicates to the `getJSON` function that we want to use JSONP. Remove it and a vanilla JSON request will be used. Which will fail due to the [same origin policy][1].

[1]: http://en.wikipedia.org/wiki/Same_origin_policy

You can find more information and examples on the JQuery site: &lt;http://api.jquery.com/jQuery.getJSON/&gt;

I was curious to know what would happen if I assign a negative value to an unsigned variable.

The code will look somewhat like this.

    unsigned int nVal = 0;
    nVal = -5;

It didn&#39;t give me any compiler error. When I ran the program the `nVal` was assigned a strange value! Could it be that some 2&#39;s complement value gets assigned to `nVal`?




What happens if I assign a negative value to an unsigned variable?

I want to create a UIBarButtonItem with a custom image, but I don&#39;t want the border that iPhone adds, as my Image has a special border.

It&#39;s the same as the back button but a forward button.

This App is for an inHouse project, so I don&#39;t care if Apple reject or approves it or likes it :-)

If I use the initWithCustomView:v property of the UIBarButtonItem, I can do it:


    UIImage *image = [UIImage imageNamed:@&quot;right.png&quot;];
    
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    [button setBackgroundImage: [image stretchableImageWithLeftCapWidth:7.0 topCapHeight:0.0] forState:UIControlStateNormal];
    [button setBackgroundImage: [[UIImage imageNamed: @&quot;right_clicked.png&quot;] stretchableImageWithLeftCapWidth:7.0 topCapHeight:0.0] forState:UIControlStateHighlighted];
    
     button.frame= CGRectMake(0.0, 0.0, image.size.width, image.size.height);
    
    [button addTarget:self action:@selector(AcceptData)    forControlEvents:UIControlEventTouchUpInside];
    
    UIView *v=[[UIView alloc] initWithFrame:CGRectMake(0.0, 0.0, image.size.width, image.size.height) ];
    
    [v addSubview:button];
    
    UIBarButtonItem *forward = [[UIBarButtonItem alloc] initWithCustomView:v];
    
    self.navigationItem.rightBarButtonItem= forward;
    
    [v release];
    [image release];


This works, but if I have to repeat this process in 10 views, this is not DRY.

I suppose I have to subclass, but what ?

- NSView ?
- UIBarButtonItem ?

thanks,

regards,



UIBarButtonItem with custom image and no border

Can you give a very simple example of reading a jsonp request with jquery? I just can&#39;t get it to work.

jsonp with jquery

<p>Can you give a very simple example of reading a jsonp request with jquery? I just can't get it to work.</p>


How do I check if an element is the last sibling?

For the last cell in a row I want to perform a different action.

This doesn&#39;t work:


	$(&#39;td&#39;).each(function(){
		var $this = $(this);
		if ( $this === $this.parent().last(&#39;td&#39;) )
			{
				alert(&#39;123&#39;);
			}
	})

And neither does it if I remove `.parent()`.


jQuery: how do I check if an element is the last sibling?

Just a simple question, for the jQuery event. Are the .load(), .ready() and .unload() run in order when the DOM is loaded? The answer seems yes when I see the jQuery Documentation.

    &lt;script type=&quot;text/javascript&quot;&gt;

		$(window).load(function () {
  			// run code
			initializeCode();
		});
		
		$(document).ready(function() {
			//run code that MUST be after initialize
		});

		$(window).unload(function() {
			Cleanup();
		});
	&lt;/script&gt;

However, the code inside the .ready() is execute before the initializeCode(); is execute, so I feel really strange. And now I have to place my code inside the .onload() method and just after the initializeCode(); line, which means to be inside the .ready() block.

Could someone explain me more about this, as I am new to jQuery?

jQuery events .load(), .ready(), .unload()

I have the following HTML form which can have many checkboxes. When the submit button is clicked, I want the user to get a javascript alert to check at least one checkbox if none are checked. Is there an easy way to do this using jQuery?

    &lt;form name = &quot;frmTest&quot; id=&quot;frmTest&quot;&gt;
      &lt;input type=&quot;checkbox&quot; value=&quot;true&quot; checked=&quot;true&quot; name=&quot;chk[120]&quot;&gt;
      &lt;input type=&quot;checkbox&quot; value=&quot;true&quot; checked=&quot;true&quot; name=&quot;chk[128]&quot;&gt;
      &lt;input type=&quot;checkbox&quot; name=&quot;chk[130]&quot;&gt;
      &lt;input type=&quot;checkbox&quot; name=&quot;chk[143]&quot;&gt;
      &lt;input type=&quot;submit&quot; name=&quot;btnsubmit&quot; value=&quot;Submit&quot;&gt;
    &lt;/form&gt;

Can I use jQuery to check whether at least one checkbox is checked?

Is there a way to load external CSS files, like we load JS file by using .getScript method and also use the callback function like in .getScript

    $(&quot;&lt;link/&gt;&quot;, {
       rel: &quot;stylesheet&quot;,
       type: &quot;text/css&quot;,
       href: &quot;/styles/yourcss.css&quot;
    }).appendTo(&quot;head&quot;);


This Works in FireFox and similar but not in IE.


Load external css file like scripts in jquery which is compatible in ie also

I want to know the main difference between

`.live()` vs. `.bind()` 

methods in jQuery.



.live() vs .bind()

Is it possible to post data to JsonP? Or does all data have to be passed in the querystring as a GET request?

I have alot of data that I need to send to the service, cross domain, and it is too large to send via the querystring

What are the options for getting around this?

Post data to JsonP

I&#39;m using Django on Appengine. I&#39;m using the django `reverse()` function everywhere, keeping everything as DRY as possible.

However, I&#39;m having trouble applying this to my client-side javascript. There is a JS class that loads some data depending on a passed-in ID. Is there a standard way to not-hardcode the URL that this data should come from?

    var rq = new Request.HTML({
        &#39;update&#39;:this.element,
    }).get(&#39;/template/&#39;+template_id+&#39;/preview&#39;); //The part that bothers me.



Calling Django `reverse` in client-side Javascript

I would like to catch the error and show the appropriate message if the Ajax request fails.

My code is like the following, but I could not manage to catch the failing Ajax request.

    function getAjaxData(id)
    {
         $.post(&quot;status.ajax.php&quot;, {deviceId : id}, function(data){

            var tab1;

            if (data.length&gt;0) {
                tab1 = data;
            }
            else {
                tab1 = &quot;Error in Ajax&quot;;
            }

            return tab1;
        });
    }

I found out that, &quot;Error in Ajax&quot; is never executed when the Ajax request failed.

How do I handle the Ajax error and show the appropriate message if it fails?



How do I catch an Ajax query post error?

How can I get selenium to wait for something like a calendar widget to load? Right now I am just doing a `Thread.sleep(2500)` after exporting the testcase to a junit program.

How to get selenium to wait for ajax response?

I&#39;ve noticed that when using $.post() in jquery that the default contentType is application/x-www-form-urlencoded - when my asp.net mvc code needs to have contentType=application/json

(See this question for why I must use application/json: https://stackoverflow.com/questions/2792603/aspnet-mvc-why-is-modelstate-isvalid-false-the-x-field-is-required-when-that)

How can I make $.post() send contentType=application/json? I already have a large number of $.post() functions, so I don&#39;t want to change to $.ajax() because it would take too much time

If I try

    $.post(url, data, function(), &quot;json&quot;) 

It still has contentType=application/x-www-form-urlencoded.  So what exactly does the &quot;json&quot; param do if it does not change the contenttype to json?

If I try

    $.ajaxSetup({
      contentType: &quot;application/json; charset=utf-8&quot;
    });

That works but affects every single $.get and $.post that I have and causes some to break. 

So is there some way that I can change the behavior of $.post() to send contentType=application/json?

Jquery - How to make $.post() use contentType=application/json?

Format wise, file type wise and practical use wise?

What are the differences between JSON and JSONP?

I&#39;m developing a page that pulls images from Flickr and Panoramio via jQuery&#39;s AJAX support.

The Flickr side is working fine, but when I try to `$.get(url, callback)` from Panoramio, I see an error in Chrome&#39;s console:

&gt; XMLHttpRequest cannot load http://www.panoramio.com/wapi/data/get_photos?v=1&amp;key=dummykey&amp;tag=test&amp;offset=0&amp;length=20&amp;callback=processImages&amp;minx=-30&amp;miny=0&amp;maxx=0&amp;maxy=150. Origin null is not allowed by Access-Control-Allow-Origin.

If I query that URL from a browser directly it works fine.  What is going on, and can I get around this?  Am I composing my query incorrectly, or is this something that Panoramio does to hinder what I&#39;m trying to do?

Google didn&#39;t turn up any useful matches on the [error message](http://www.google.co.uk/search?q=%22Origin+null+is+not+allowed+by+Access-Control-Allow-Origin%22).

**EDIT**

Here&#39;s some sample code that shows the problem:

    $().ready(function () {
      var url = &#39;http://www.panoramio.com/wapi/data/get_photos?v=1&amp;key=dummykey&amp;tag=test&amp;offset=0&amp;length=20&amp;callback=processImages&amp;minx=-30&amp;miny=0&amp;maxx=0&amp;maxy=150&#39;;
      
      $.get(url, function (jsonp) {
        var processImages = function (data) {
          alert(&#39;ok&#39;);
        };
        
        eval(jsonp);
      });
    });

You can [run the example online](http://jsfiddle.net/ZfvKm/).

**EDIT 2**

Thanks to Darin for his help with this.  **THE ABOVE CODE IS WRONG.**  Use this instead:

    $().ready(function () {
      var url = &#39;http://www.panoramio.com/wapi/data/get_photos?v=1&amp;key=dummykey&amp;tag=test&amp;offset=0&amp;length=20&amp;minx=-30&amp;miny=0&amp;maxx=0&amp;maxy=150&amp;callback=?&#39;;
      
      $.get(url, function (data) {
        // can use &#39;data&#39; in here...
      });
    });

“Origin null is not allowed by Access-Control-Allow-Origin” error for request made by application running from a file:// URL

I know `JSONP` is `JSON` with padding. 

I understand what JSON is, and how to use it with [`jQuery.getJSON()`][1]. However, I do not understand the concept of the `callback` when introducing JSONP.

Can anyone explain to me how this works?

  [1]: http://api.jquery.com/jQuery.getJSON

Can anyone explain what JSONP is, in layman terms?

I am using JQuery ajax jsonp. I have got below **JQuery Code:**

     $.ajax({  
            type:&quot;GET&quot;,        
            url: &quot;Login.aspx&quot;,  // Send the login info to this page
            data: str, 
            dataType: &quot;jsonp&quot;, 
            timeout: 200000,
            jsonp:&quot;skywardDetails&quot;,
            success: function(result)
            { 
                 // Show &#39;Submit&#39; Button
                $(&#39;#loginButton&#39;).show();
    
                // Hide Gif Spinning Rotator
                $(&#39;#ajaxloading&#39;).hide();  
             } 
           
        });  

The above code is working fine, I just want to send the request as **&quot;POST&quot;** instead of **&quot;GET&quot;**, Please suggest how can I achieve this.

Thanks           

Content Type	Original Author	Original Content on Stackoverflow
Question	akula1001	View Question on Stackoverflow
Solution 1 - Jquery	Tomas Sedovic	View Answer on Stackoverflow

jsonp with jquery

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

UIBarButtonItem with custom image and no border

What happens if I assign a negative value to an unsigned variable?

Attributions