Chrome doesn&#39;t believe that there&#39;s any common relationship between any two local files.

You can start it with the option &quot;--allow-file-access-from-files&quot; to tell it you disagree.

Thanks to the ascendant master Nick Craver for this info when I asked essentially the same question some time ago.


If you are using Mac OS X, open up the Terminal, `cd` to your web root and run:

    python -m SimpleHTTPServer

Then open the following URL in Chrome (or any other web browser):

    http://0.0.0.0:8000

It&#39;s like crossdomain for some unclear reason (each browser acts a bit differently regarding this issue, you could even try IE and see the results). You should try and run it through a web server, and give it an absolute path since the javascript runs locally.

You can try running it on your apache web server. It will work.

We have a Django application that requires a specific level of password complexity. We currently enforce this via client-side JavaScript which can easily be defeated by someone who is appropriately motivated.

I cannot seem to find any specific information about setting up server-side password strength validation using the django contrib built in views. Before I go about re-inventing the wheel, is there a proper way to handle this requirement?



Enforcing password strength requirements with django.contrib.auth.views.password_change

I need to be able to pass parameters to a windows batch file BY NAME (and NOT by order). My purpose here is to give end user the flexibility to pass parameters in any order, and the batch file should still be able to process them.

An example to make my question clearer:

in the command line, user does the following: 
`somebatchfile.bat originalFile.txt newFile.txt`

Inside `somebatchfile.bat` there is a simple statement to copy the contents of original file (first parameter %1%) to the new file (second parameter %2%). It could be as simple as the following statement:
`copy %1% %2%`

Now, if user passes the above parameters in reverse order, the result will be far from desirable (very WRONG in fact). 

So, is there a way for user to pass parameters by name: e.g. `somebatchfile.bat &quot;SOURC=originalFile.txt&quot; &quot;TARGET=newFile.txt&quot;` and for script to recognize them and use&#39;em in correct places e.g. `copy %SOURCE% %TARGET%`?

Thanks,


Is there a way to pass parameters &quot;by name&quot; (and not by order) to a batch .bat file?

I am working on some Javascript to run locally on my PC. I am using a jQuery CSV plugin (http://plugins.jquery.com/project/csv) to load load a csv file into javascript arrays. The script is simple:

    $(function(){
     $.get(&quot;file.csv&quot;, function(data){
	  stuff = $.csv()(data);
     })
    })

In Firefox it works fine but in Chrome it says &quot;Origin null is not allowed by Access-Control-Allow-Origin&quot;. What does that mean? I find all sorts of threads about cross-server stuff related to this error but I am just working with local files.

&quot;Origin null is not allowed by Access-Control-Allow-Origin&quot; in Chrome. Why?

I am working on some Javascript to run locally on my PC. I am using a jQuery CSV plugin (<a href="http://plugins.jquery.com/project/csv" target="_blank" rel="noopener noreferrer">http://plugins.jquery.com/project/csv</a>) to load load a csv file into javascript arrays. The script is simple:
<pre><code class="hljs language-javascript">$(function(){
 $.get("file.csv", function(data){
 stuff = $.csv()(data);
 })
})
</code></pre>
In Firefox it works fine but in Chrome it says "Origin null is not allowed by Access-Control-Allow-Origin". What does that mean? I find all sorts of threads about cross-server stuff related to this error but I am just working with local files.

Crockford&#39;s book, *JavaScript: The Good Parts*, says (on page 114) that constructor functions should *always* be given names with an initial capital letter (ie. Point), and that function names with initial capital letters should *only* be used with constructor functions (everything else should be lowerCase). 

This convention helps us avoid forgetting to use the `new` operator with constructor functions.

He goes on to say that *&quot;[a]n even better coping strategy is to not use `new` at all.&quot;*

My question is, how do we program JavaScript without using `new` at all?

 * We can avoid `new Object()` and `new Array()` with the literal `{}` and `[]`.
 * We can avoid `new Number()`, `new Boolean()`, and `new String()` with `0`, `true` and `&#39;&#39;`. 
 * We can avoid `new RegExp()` with something like `/pattern/`. 

How do we avoid `new Date()`? 

And, most importantly, how do we avoid using `new` with our own custom Objects?

JavaScript: The Good Parts - How to not use `new` at all

    $.ajax({
        url: &quot;test.html&quot;,
        error: function(){
            //do something
        },
        success: function(){
            //do something
        }
    });

Sometimes `success` function works good, sometimes not. 

How do I set timeout for this ajax request? In example, 3 seconds, if time is out, then show an error. 

The problem is, ajax request freezes the block until finishes. If server is down for a little time, it will never end.

Set timeout for ajax (jQuery)

I am using Razor in my MVC3 project. And also I&#39;m using FullCalendar JQuery plugin. So when I&#39;m trying to fill the array it works good. Except one thing. If **s.Name** contains apostrophe it renders like`&amp;#39;` that&#39;s not what I want. I tried to use different methods like Encode and Decode and even MvcHtmlString.Create and result is always the same.

Here is the code snippet:

    &lt;head&gt;
        &lt;script type=&#39;text/javascript&#39;&gt;
           $(document).ready(function () {        
            $(&#39;#calendar&#39;).fullCalendar({
                header: {
                    left: &#39;&#39;,
                    center: &#39;title&#39;,
                    right: &#39;month,agendaWeek,agendaDay&#39;
                },
                month: 5,
                year: 2011,
                editable: false,
                events: [
                @foreach (var s in ViewBag.Sessions)
                {
                    @:{
                    @: title: &#39;@s.Name&#39;,
                    @: start: new Date(@s.Starts.Year, @s.Starts.Month-1, @s.Starts.Day),
                    @: end: new Date(@s.Ends.Year, @s.Ends.Month-1, @s.Ends.Day)
                    @:},
                }
		               ]
            });
        });
    &lt;/script&gt;
&lt;/head&gt;


Javascript, Razor and Escape characters. Like apostrophe

I have this script:

	for (var i = 1; i &lt;= 2; i++) {
		setTimeout(function() { alert(i) }, 100);
	}

But `3` is alerted both times, instead of `1` then `2`.

Is there a way to pass `i`, without writing the function as a string?

setTimeout in for-loop does not print consecutive values

Can I override the behavior of the Function object so that I can inject behavior prior t every function call, and then carry on as normal?  Specifically, (though the general idea is intriguing in itself) can I log to the console every function call without having to insert console.log statements everywhere? And then the normal behavior goes on?

I do recognize that this will likely have significant performance problems; I have no intention of having this run typically, even in my development environment.  But if it works it seems an elegant solution to get a 1000 meter view on the running code.  And I suspect that the answer will show me something deeper about javascript.

Can I override the Javascript Function object to log all function calls?

Instead of &quot;installing&quot; User-Scripts I found many tutorials on the web to add it manually. All of them told me to do the same steps:

 - Make the directory C:\Users\Blabla\AppData\Local\Google\Chrome\User Data\Default\User Scripts
 - Place a .js file there, which contains the User-Script
 - Start Chrome with the parameter --enable-user-scripts

I did so - but my demo script does not do anything:

    // ==UserScript==
    // @name           Test
    // @description    Test
    // @include        http://example.com/*
    // @version        1.0
    // ==/UserScript==
    
    alert(0);

What am I doing wrong?

Manually adding a Userscript to Google Chrome

Is there a simpler (native perhaps?) way to include an external script file in the Google Chrome browser?

Currently I’m doing it like this:

    document.head.innerHTML += &#39;&lt;script src=&quot;http://example.com/file.js&quot;&gt;&lt;/script&gt;&#39;;



How to include JavaScript file or library in Chrome console?

Since I&#39;m building a dynamic site, I need to track the changes between pages, ie. Ajax calls, POST, GET stuff and similar stuff.

I&#39;m looking for the same functionality like in Firebug (where you can enable &quot;persistent&quot; and the console is not cleared every time you reload a page or submit a form.

So, my questions is: **is there a way to make Google Chrome JavaScript console persistent?**
(And if yes, how?)

**Update**: Copying the answer here, if anyone&#39;s still looking for this, Chrome 14+ has a setting in Developer Tools &gt; Settings labelled &quot;Console: Preserve log on navigation&quot;. 

**Update 2**: the latest versions of Chrome (33+) have this option by right-clicking in the console.

**Update 3** (late 2017): The latest versions of Chrome (60+) have this option by opening the console, clicking the gear in the top right corner and selecting &quot;preserve log&quot; 

How to make Google Chrome JavaScript console persistent?

What is the difference between Chrome Apps and Extensions?

What can you do with apps that you can&#39;t do with extensions or vice versa?

Difference between Chrome Apps and Extensions

I have a web application where I&#39;m specifying an input field to be a number using the HTML5 property type=&quot;number&quot;.

    &lt;input type=&quot;number&quot; value=&quot;123456&quot; /&gt;

By specifying the type, Chrome automatically formats the value to include a comma (123,456). In other browsers it does not format the number, but it also does not prevent non-numeric characters. 

In this case, I don&#39;t want the comma to be added. Is there any way to turn off localized formatting?

Chrome auto formats input=number

Is it true that the UIWebViewDelegate does not monitor requests made by using a XMLHttpRequest? If so, is there a way to monitor these kind of requests?

e.g. UIWebViewDelegate does not catch this in `-(BOOL) webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSMutableURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType`;

    var xhr = new XMLHttpRequest();
    xhr.open(&quot;GET&quot;, &quot;http://www.google.com&quot;, true);
                 
    xhr.onreadystatechange=function() 
    {
        if (xhr.readyState==4) 
        {
            alert(xhr.responseText);
        }
    }
         
    xhr.send();

UIWebViewDelegate not monitoring XMLHttpRequest?

I&#39;m trying to make a Cross Origin post request, and I got it working in plain `JavaScript` like this:

    var request = new XMLHttpRequest();
    var params = &quot;action=something&quot;;
    request.open(&#39;POST&#39;, url, true);
    request.onreadystatechange = function() {if (request.readyState==4) alert(&quot;It worked!&quot;);};
    request.setRequestHeader(&quot;Content-type&quot;, &quot;application/x-www-form-urlencoded&quot;);
    request.setRequestHeader(&quot;Content-length&quot;, params.length);
    request.setRequestHeader(&quot;Connection&quot;, &quot;close&quot;);
    request.send(params);
   

But I would like to use `jQuery`, but I can&#39;t get it to work. This is what I&#39;m trying:

    $.ajax(url, {
        type:&quot;POST&quot;,
        dataType:&quot;json&quot;,
        data:{action:&quot;something&quot;}, 
        success:function(data, textStatus, jqXHR) {alert(&quot;success&quot;);},
        error: function(jqXHR, textStatus, errorThrown) {alert(&quot;failure&quot;);}
    });

This results in Failure. If anyone knows why `jQuery` doesn&#39;t work, please let us all know. Thanks.

(I&#39;m using `jQuery` 1.5.1, and Firefox 4.0, and my server is responding with a proper `Access-Control-Allow-Origin` header)

A CORS POST request works from plain JavaScript, but why not with jQuery?

I am trying to send file with XMLHttpRequest with this code.
    
```js
var url= &quot;http://localhost:80/....&quot;;
$(document).ready(function(){
    document.getElementById(&#39;upload&#39;).addEventListener(&#39;change&#39;, function(e) {
        var file = this.files[0];
        var xhr = new XMLHttpRequest();
        xhr.file = file; // not necessary if you create scopes like this
        xhr.addEventListener(&#39;progress&#39;, function(e) {
            var done = e.position || e.loaded, total = e.totalSize || e.total;
            console.log(&#39;xhr progress: &#39; + (Math.floor(done/total*1000)/10) + &#39;%&#39;);
        }, false);
        if ( xhr.upload ) {
            xhr.upload.onprogress = function(e) {
                var done = e.position || e.loaded, total = e.totalSize || e.total;
                console.log(&#39;xhr.upload progress: &#39; + done + &#39; / &#39; + total + &#39; = &#39; + (Math.floor(done/total*1000)/10) + &#39;%&#39;);
            };
        }
        xhr.onreadystatechange = function(e) {
            if ( 4 == this.readyState ) {
                console.log([&#39;xhr upload complete&#39;, e]);
            }
        };
        xhr.open(&#39;post&#39;, url, true);
        xhr.setRequestHeader(&quot;Content-Type&quot;,&quot;multipart/form-data&quot;);
        xhr.send(file);
    }, false);
});
```

I get this error: T

&gt; The request was rejected because no multipart boundary was found.

What am I doing wrong?

Upload file with Ajax XMLHttpRequest

Is there a way to send data using the POST method without a form and without refreshing the page using only pure JavaScript (not jQuery `$.post()`)? Maybe `httprequest` or something else (just can&#39;t find it now)?

Pure JavaScript Send POST Data Without a Form

What are the best options for performing **Web Scraping of a not currently open tab from within a Google Chrome Extension** with JavaScript and whatever more technologies are available. **Other JavaScript-libraries are also accepted.**

**The important thing is to mask the scraping to behave like a normal web-request**. No indications of AJAX or XMLHttpRequest, like `X-Requested-With: XMLHttpRequest` or `Origin`.

The scraped content must be accessible from JavaScript for further manipulation and presentation within the extension, most probably as a string.

Are there any hooks in any WebKit/Chrome-specific API:s that can be used to make a normal web-request and get the results for manipulation?

    var pageContent = getPageContent(url); // TODO: Implement
    var items = $(pageContent).find(&#39;.item&#39;);
    // Display items with further selections

***Bonus-points to make this work from a local file on disk***, for initial debugging. But if that is the only point is stopping a solution, then disregard the bonus-points.

Web Scraping in a Google Chrome Extension (JavaScript + Chrome APIs)

I tried a few solutions but wasn&#39;t successful. I&#39;m wondering if there is a solution out there preferably with an easy-to-follow tutorial.

Is there a cross-domain iframe height auto-resizer that works?

I am opening a child window for Facebook sharing this way:

    window.open(sharingUrl,&#39;&#39;,&#39;toolbar=0,status=0,width=626,height=436&#39;);

The window is automatically closed when a user clicks share or close... 

Is there a way to add a listener to these events? 

How to listen for child window closing?

**How do I resize an iframe from another domain**

-Edit


Scroll down for some solutions.. or read on how NOT to do this :D

After many hours of code hacking- the conclusion is that anything inside the iframe is not accessible, even the scrollbars that render on my domain. I have tried many techniques to no avail.

***To save you time don&#39;t even go down this route just use  sendMessages for cross domain communications.***
There are plug ins for HTML &lt; 5 that I use- Go to the bottom for a nice example :)


 ----


Past few days I have been trying to integrate an iframe into a site. This is a short term solution while the other side develops and API(could take months...) 
And because this is as short term solution we done want to use easyXDM- I have access to the other domain but its difficult enough asking them to add p3p header as it is.....

**3 iframes**

The closest solution I found was the 3 iframes- but it goes mental of chrome and safari so I cannot use that.

open in chrome

http://css-tricks.com/examples/iFrameResize/crossdomain.php#frameId=frame-one&amp;height=1179

**Measure the scrollbars**

I found a another post on how to use the scrollheight to try and resize the form.. in theory it works well but I could not apply it properly using the iframes scroll height.. 

    document.body.scrollHeight

That obvoisly uses the bodies height (cannot access these properties 100% is based on the clients display canvaz and not the x-domains document height)

I tried using jquery to get the iframes height

    $(&#39;#frameId&#39;).Height()

    $(&#39;#frameId&#39;).clientHeight

    $(&#39;#frameId&#39;).scrollHeight


return values different in chrome and ie - or just don&#39;t make sense at all.
The problem is that everything inside the frame is denied- even the scrollbar...

**Computed Styles**

But if I inspect and element in chrome of the iframe it bladdy shows me the documents dimensions inside the iframe (using jquery x-domain to get iframe.heigh - access denied)
There is nothing in the computed CSS ![enter image description here][1]


  [1]: https://i.stack.imgur.com/wox5C.jpg

Now how does chrome calculate that?  (edit- browser re-renders the page using its build in rendering engine to calcualte all these settings - but are not attached anywhere to prevent cross-domain fraud.. so..)

**HTML4**

I read specification of HTML4.x and it says there that there should be read-only values exposed via document.element but it&#39;s access denied via jquery

**Proxy Frame**

I went down the route of proxying the site back and calculating which is OK.. until a user logs in through the iframe and the proxy gets a login page instead of the actual content. Also to some calling the page twice is not acceptable 

http://www.codeproject.com/KB/aspnet/asproxy.aspx

http://www.johnchapman.name/aspnet-proxy-page-cross-domain-requests-from-ajax-and-javascript/

**Re-Render the page**

I did not go this far but there are jscript engines out there that will look at the source and re-render the page based on the source file . but it would require hacking those jscripts.. and thats not an ideal situation for commercial entities...
and some invole pure java applets or server side rendering

http://en.wikipedia.org/wiki/Server-side_JavaScript

http://htmlunit.sourceforge.net/ &lt;-java not jscript

http://maxq.tigris.org/

----

EDIT 09-2013
**UPDATE**

All this can do done with HTML5 sockets. But easyXDM is  great fallback for non HTML5 complaint pages.


**Solution 1** Very Great Solution! 

Using easyXDM

On your server you set up a page in the form of

    &lt;html&gt;
    &lt;head&gt;
    &lt;script src=&quot;scripts/easyXDM.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot;&gt;

        var transport = new easyXDM.Socket(/** The configuration */{
        remote: &quot;http://www.OTHERDOMAIN.com/resize_intermediate.html?url=testpages/resized_iframe_1.html&quot;,

        //ID of the element to attach the inline frame to
        container: &quot;embedded&quot;,
        onMessage: function (message, origin) {
            var settings = message.split(&quot;,&quot;);
            //Use jquery on a masterpage.
            //$(&#39;iframe&#39;).height(settings[0]);
            //$(&#39;iframe&#39;).width(settings[1]);

            //The normal solution without jquery if not using any complex pages (default)
            this.container.getElementsByTagName(&quot;iframe&quot;)[0].style.height = settings[0];
            this.container.getElementsByTagName(&quot;iframe&quot;)[0].style.width = settings[1];
        }
    });

    &lt;/script&gt;
   
    &lt;/head&gt;

    &lt;body&gt;
        &lt;div id=&quot;embedded&quot;&gt;&lt;/div&gt;
    &lt;/body&gt;


and on the callers domain they just need to add the intermiedate_frame html and easyXDM.js  in the same place. Like a parent folder - then you can access relative directories or a contained folder just for you.

OPTION 1
-
**If you don&#39;t want to add scripts to all pages look at option 2!**

Then they can just add a simple jscript to the end of each the pages you need the resize to occur. No need to include the easyxdm in each of these pages.

     &lt;script type=&quot;text/javascript&quot;&gt;
    			window.onload = function(){ parent.socket.postMessage( (parseInt(document.body.clientHeight)) + &quot;,&quot; + ( document.body.clientWidth ) );  };
            &lt;/script&gt;

I have modified the parameters it sends. If you want the width to work properly then the pages on the otherdomain need to include the width of the page in a style somwhere that look something similar to:

    &lt;style type=&quot;text/css&quot;&gt;
                html, body {
                    overflow: hidden;
                    margin: 0px;
                    padding: 0px;
                    background-color: rgb(75,0,85);
    				color:white;
    				width:660px
                }
    			a {
    			color:white;
    			visited:white;
    			}
            &lt;/style&gt;

This works great for me. If the width is not included then the frame behaves a bit strange and kind&#39;of tries to guess what it should be .. and will not shrink down if you need it to.


OPTION 2
-
**Modify the intermediate frame to poll for changes**

Your intermediate frame should look something like this..

 

        &lt;!doctype html&gt;
    &lt;html&gt;
        &lt;head&gt;
    	
            &lt;title&gt;Frame&lt;/title&gt;
            &lt;script type=&quot;text/javascript&quot; src=&quot;easyXDM.js&quot;&gt;
            &lt;/script&gt;
            &lt;script type=&quot;text/javascript&quot;&gt;
                var iframe;
                var socket = new easyXDM.Socket({
                    //This is a fallback- not needed in many cases
    				swf: &quot;easyxdm.swf&quot;,
                    onReady: function(){
                        iframe = document.createElement(&quot;iframe&quot;);
                        iframe.frameBorder = 0;
    					document.body.appendChild(iframe);
                        iframe.src = &quot;THE HOST FRAME&quot;;
    			iframe.onchange = messageBack();
    					
                    },
                    onMessage: function(url, origin){
                        iframe.src = url;
                    }
                });
    			
    			//Probe child.frame for dimensions.
    			function messageBack(){
    				socket.postMessage ( iframe.contentDocument.body.clientHeight + &quot;,&quot; + iframe.contentDocument.body.clientWidth); 
    			};
    			
    			//Poll for changes on children every 500ms.
    			setInterval(&quot;messageBack()&quot;,500); 
    				
            &lt;/script&gt;
            &lt;style type=&quot;text/css&quot;&gt;
                html, body {
                    overflow: hidden;
                    margin: 0px;
                    padding: 0px;
                    width: 100%;
                    height: 100%;
                }
                
                iframe {
                    width: 100%;
                    height: 100%;
                    border: 0px;
                }
            &lt;/style&gt;
        &lt;/head&gt;
        &lt;body&gt;
    	 
        &lt;/body&gt;
    &lt;/html&gt;


The interval could be made more efficient to chaeck if size has change and only send if the dimensions changes isntead of posting messaging every 500ms. If you implement this check then you can change the polling as low as 50ms! have fun

----

Work across browsers and is fast. Great debugging features !!

    Excellent Work to  Sean Kinsey  who made the script!!!


----


**Solution 2** (Works but not great)

So basically if you have a mutual agreement with the other domain then you can add a library to handle sendmessage.  If you do not have any access the the other domain.. Keep on looking for more hacks- because I could not find or fully justify these I found.

So the other domain will include these in there Head tag

    &lt;script src=&quot;scripts/jquery-1.5.2.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;scripts/jquery.postmessage.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;scripts/club.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

In the club.js is just some custom calls i made for resize calls and contains..

     $(document).ready(function () {   
        var parent_url = decodeURIComponent( document.location.hash.replace( /^#/, &#39;&#39; ) ),link;
	//Add source url hash to each url to authorise callback when navigating inside the frame.Without this clicking any links will break the communication and no messages will be received
	$(&#39;a[href]&#39;).each(function(){ 
         this.href = this.href + document.location.hash ;
	});
	//Get the dimensions and send back to calling page.
	var h1 = document.body.scrollHeight;
	var w1 = document.body.scrollWidth;
	$.postMessage({ if_height: h1, if_width: w1 }, parent_url, parent );
      });

And your page will do all the hard work and has a nice script...

      //This is almost like request.querystring used to get the iframe data
      function querySt(param, e) {
             gy = e.split(&quot;&amp;&quot;);
             for (i = 0; i &lt; gy.length; i++) {
                 ft = gy[i].split(&quot;=&quot;);
                 if (ft[0] == param) {
                     return ft[1];
                 }
             }
         }


         $(function () {
             // Keep track of the iframe dimensions.
             var if_height;
             var if_width;
             // Pass the parent page URL into the Iframe in a meaningful way (this URL could be
             // passed via query string or hard coded into the child page, it depends on your needs).
             src = &#39;http://www.OTHERDOAMIN.co.uk/OTHERSTARTPAGE.htm&#39; + &#39;#&#39; + encodeURIComponent(document.location.href),
             // Append the Iframe into the DOM.
             iframe = $(&#39;&lt;iframe &quot; src=&quot;&#39; + src + &#39;&quot; width=&quot;100%&quot; height=&quot;100%&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt;&lt;\/iframe&gt;&#39;).appendTo(&#39;#iframe&#39;);

             // Setup a callback to handle the dispatched MessageEvent event. In cases where
             // window.postMessage is supported, the passed event will have .data, .origin and
             // .source properties. Otherwise, this will only have the .data property.
             $.receiveMessage(function (e) {
                 // Get the height from the passsed data.
                 //var h = Number(e.data.replace(/.*if_height=(\d+)(?:&amp;|$)/, &#39;$1&#39;));
                 var h = querySt(&quot;if_height&quot;, e.data);
                 var w = querySt(&quot;if_width&quot;, e.data);


                 if (!isNaN(h) &amp;&amp; h &gt; 0 &amp;&amp; h !== if_height) {
                     // Height has changed, update the iframe.
                     iframe.height(if_height = h);
                 }
                 if (!isNaN(w) &amp;&amp; w &gt; 0 &amp;&amp; w !== if_width) {
                     // Height has changed, update the iframe.
                     iframe.width(if_width = w);
                 }
                 //For debugging only really- can remove the next line if you want
                 $(&#39;body&#39;).prepend(&quot;Recieved&quot; + h + &quot;hX&quot; + w + &quot;w .. &quot;);
                 // An optional origin URL (Ignored where window.postMessage is unsupported).
               //Here you must put the other domain.com name only! This is like an authentication to prevent spoofing and xss attacks! 
             }, &#39;http://www.OTHERDOMAIN.co.uk&#39;);
         });



----

OPTION 3
-
Their is now a small JS library for managing resizing cross-domain iFrames, it still requires the iFrame to have a bit of JavaScript in it, however, this is just 2.8k (765 bytes Gzipped) of native JS that does not have any dependancies and it doesn&#39;t do anything until called by the parent page. This means it&#39;s a nice guest on other people systems. 

This code uses mutationObserver to detect DOM changes and also looks out for resize events, so that the iFrame remains sized to the content. Works in IE8+.

https://github.com/davidjbradshaw/iframe-resizer


cross-domain iframe resize

I know it&#39;s possible to get an empty HTTP_REFERER. Under what circumstances does this happen? If I get an empty one, does it always mean that the user changed it? Is getting an empty one the same as getting a null one? and under what circumstances do I get that too?

In what cases will HTTP_REFERER be empty

Create a web service on **http://www.a.com/service.asmx** and send a cross-domain ajax request to it from **http://www.b.com**. Check the headers in **Firebug**, or in **Live HTTP Headers**, or any other plugin you wish.

There is no trace of the **X-Requested-With** HTTP Header field among request headers. 

However, if you send an ajax request to the same service from the same domain (say for example **http://www.a.com/about**), you will see that header field. 

Why is the **X-Requested-With** header field omitted for cross-domain ajax requests? 

**Update:** I know that JSONP calls are not AJAX calls in nature. Thus you won&#39;t see any **X-Requested-With** header field, in JSONP calls.

Content Type	Original Author	Original Content on Stackoverflow
Question	Moss	View Question on Stackoverflow
Solution 1 - Javascript	Pointy	View Answer on Stackoverflow
Solution 2 - Javascript	WebSeed	View Answer on Stackoverflow
Solution 3 - Javascript	Cu7l4ss	View Answer on Stackoverflow
Solution 4 - Javascript	Madhukarah	View Answer on Stackoverflow

"Origin null is not allowed by Access-Control-Allow-Origin" in Chrome. Why?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Is there a way to pass parameters "by name" (and not by order) to a batch .bat file?

Enforcing password strength requirements with django.contrib.auth.views.password_change

Attributions