You&#39;re probably just looking for the width() function..

See the docs, it excludes the padding: [http://api.jquery.com/width/][1]

(Just as intended in modern browser&#39;s representation of the css width property)

**Edit:** It&#39;s now 2012 and jQuery 1.8 is just coming out. While this is still relevant, you may also want to read the [following article from the jQuery blog](http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/) regarding `box-sizing` considerations in version 1.8

  [1]: http://api.jquery.com/width/

    $(&#39;#element&#39;).width();

It&#39;s as simple as that!

I am using subprocess.check_output from pythons subprocess module to execute a ping command. Here is how I am doing it:

    output = subprocess.check_output([&quot;ping&quot;,&quot;-c 2 -W 2&quot;,&quot;1.1.1.1&quot;)

It is raising a CalledProcessError and says the output is one of the arguments of the function. Can anyone help me how to read that output. I would like to read the output into a string and parse it. So say for example if the ping returns 

&gt; 100% packet loss

I need to capture that. If there is any other better way..please suggest. Thanks.

check output from CalledProcessError

When load data from HDFS to Hive, using

    LOAD DATA INPATH &#39;hdfs_file&#39; INTO TABLE tablename;

command, it looks like it is moving the hdfs_file to `hive/warehouse` dir.
Is it possible (How?) to copy it  instead of moving it, in order, for the file, to be used by another process.

How to load data to hive from HDFS without removing the source file?

From the docs, innerWidth does almost what I need:

&gt; &quot;Gets the inner width (excludes the border and includes the padding)
&gt; for the first matched element.&quot;

I need to know the width *excluding* the padding. I.e. the usable space inside the element.

Does jquery provide anything like this - done a bit of googling and can&#39;t find any solutions.

I thought about getting the `padding-left` and `padding-right` values to subtract from inner width- But given these could be percentages, pixels or em I&#39;m not sure if this would be reliable.

Any suggestions?



jQuery how to get innerWidth but without the padding?

From the docs, innerWidth does almost what I need:
> "Gets the inner width (excludes the border and includes the padding)
> for the first matched element."
I need to know the width excluding the padding. I.e. the usable space inside the element.
Does jquery provide anything like this - done a bit of googling and can't find any solutions.
I thought about getting the <code>padding-left</code> and <code>padding-right</code> values to subtract from inner width- But given these could be percentages, pixels or em I'm not sure if this would be reliable.
Any suggestions?

I have a framework written in VBScript. Inside some function in this framework parameter of the function is checked for Nothing in If statement and then some actions executed.
Code that uses framework written in Javascript. So I need to pass Nothing to function to perform some actions. In IE8 and earlier versions worked next approach:

	&lt;script type=&quot;text/vbscript&quot;&gt;
		Function Test(val)
			If (IsNull(val)) Then
				Test = &quot;Null&quot;
			ElseIf (IsObject(val)) Then
				If (val Is Nothing) Then
					Test = &quot;Nothing&quot;
				End If
			End If
		End Function

		Dim jsNothing
		Set jsNothing = Nothing
		msgBox(Test(jsNothing))
		msgBox(Test(Null))
	&lt;/script&gt;

	
	&lt;script type=&quot;text/javascript&quot;&gt;
		alert(Test(jsNothing));
	&lt;/script&gt;

In IE &lt; 9 output will: Nothing, Null, Nothing.

In IE9: Nothing, Null, Null.

How can I pass Nothing from Javascript to VBScript in IE9?

Sorry, I know it&#39;s ugly, but I&#39;m trapped. And hate VBScript.

**edit:**
There is an example of framework function. I can not change it because it is widely used in application.

	Function ExampleFunction(val)
		If (val Is Nothing) Then
			ExampleFunction = 1
		Else
			ExampleFunction = 0
		End If
	End Function

---

**Update**

Quit job. Found a better one.

Pass Nothing from Javascript to VBScript in IE9

I&#39;m trying to get the document object of an iframe, but none of the examples I&#39;ve googled seem to help.  My code looks like this:

    &lt;html&gt;
        &lt;head&gt;
            &lt;script&gt;
                function myFunc(){
                    alert(&quot;I&#39;m getting this far&quot;);
                    var doc=document.getElementById(&quot;frame&quot;).document;
                    alert(&quot;document is undefined: &quot;+doc);
                }
            &lt;/script&gt;
        &lt;/head&gt;
        &lt;body&gt;
            &lt;iframe src=&quot;http://www.google.com/ncr&quot; id=&quot;frame&quot; width=&quot;100%&quot; height=&quot;100%&quot; onload=&quot;myFync()&quot;&gt;&lt;/iframe&gt;
        &lt;/body&gt;
    &lt;/html&gt;

I have tested that I am able to obtain the iframe object, but .document doesn&#39;t work, neither does .contentDocument and I think I&#39;ve tested some other options too, but all of them return undefined, even examples that are supposed to have worked but they don&#39;t work for me.  So I already have the iframe object, now all I want is it&#39;s document object.  I have tested this on Firefox and Chrome to no avail.

Getting the document object of an iframe

Here&#39;s a simple scenario. I want to show the subtraction of two values show on my site:

    //Value on my websites HTML is: &quot;75,00&quot;
    var fullcost = parseFloat($(&quot;#fullcost&quot;).text()); 

    //Value on my websites HTML is: &quot;0,03&quot;
    var auctioncost = parseFloat($(&quot;#auctioncost&quot;).text());

    alert(fullcost); //Outputs: 75
    alert(auctioncost); //Ouputs: 0

Can anyone tell me what I&#39;m doing wrong?

Javascript parse float is ignoring the decimals after my comma

- When passing objects as parameters, JavaScript passes them by reference and makes it hard to create local copies of the objects.

        var o = {};
        (function(x){
            var obj = x;
            obj.foo = &#39;foo&#39;;
            obj.bar = &#39;bar&#39;;
        })(o)


 ***`o` will have `.foo` and `.bar`.***

- It&#39;s possible to get around this by cloning; simple example:


        var o = {};

        function Clone(x) {
           for(p in x)
           this[p] = (typeof(x[p]) == &#39;object&#39;)? new Clone(x[p]) : x[p];
        }

        (function(x){
            var obj = new Clone(x);
            obj.foo = &#39;foo&#39;;
            obj.bar = &#39;bar&#39;;
        })(o)

 ***`o` will not have `.foo` or `.bar`.***

--- 
###Question
1. Is there a better way to pass objects by value, other than creating a local copy/clone?

JavaScript: How to pass object by value?

Since JavaScript runs in a single thread, after an AJAX request is made, what actually happens in the background? I would like to get a deeper insight into this, can anyone shed some light?    

How does JavaScript handle AJAX responses in the background?

I&#39;m trying to disable the window mouse scroll functionality when the mouse is hovering over the div - so that only div scrolling is enabled - and when mouse moves away from the div - scrolling to the window is applied again. The div is positioned absolutely.

I&#39;ve seen this post [use jquery to disable mouse scroll wheel function when the mouse cursor is inside a div?][1] but it doesn&#39;t seem to provide any answer - hence my question.

I&#39;m assuming it would be something like this (if only these methods existed):

    $(&#39;#container&#39;).hover(function() {
	     $(window).scroll().disable();
	     $(this).scroll().enable();
    }, function() {
	     $(window).scroll().enable();
    });


  [1]: https://stackoverflow.com/q/5236633/464709

jQuery disable scroll when mouse over an absolute div

I am trying to hook up a script to Microsoft&#39;s World-Wide Telescope app. The latter listens on port 5050 for commands. It is running on the same machine as the browser (Chrome right now, but as far as I can tell the behavior is the same with Firefox 7 and IE 9).

I am sending a &quot;Access-Control-Allow-Origin: *&quot; header with the original html file to try to eliminate XSS restrictions as my problem.

My code to access WWT is as follows:

	$.ajax({
		type: &#39;POST&#39;,
		url: url,
		data: data,
		crossDomain: true,
		success: success,
		dataType: dataType
	});

url in this case is &quot;http://127.0.0.1:5050/layerApi.aspx?cmd=new&amp;...&quot; (obviously ... is shorthand here for some additional parameters).

Looking at the network diagnostics in Chrome, I can see this:

    Request URL:http://127.0.0.1:5050/layerApi.aspx?cmd=new&amp;...
    Request Headersview source
    Accept:application/xml, text/xml, */*; q=0.01
    Content-Type:application/x-www-form-urlencoded
    Origin:http://gwheeler4
    Referer:http://gwheeler4/conceptconnect.html
    User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.186 Safari/535.1

The request is going out - I see WWT make a new layer. However, I don&#39;t get a callback. If I add an error callback that gets called, but the error property on the jqXHR object is just &quot;error&quot; and status is 0. If I look at the network request in Chrome I see &quot;(cancelled)&quot; as the status and no response.

If I take that same URL and paste it in a new browser tab, I can see that the response is the expected XML.

Of course, a difference here is that this is a GET not a POST, but I&#39;ve tried that in my script and it makes no difference.

I&#39;m pretty stumped by this and would appreciate any fresh ideas.

jQuery Ajax requests are getting cancelled without being sent

I have reviewed and tested the various functions for preventing the body ability to scroll whilst inside a div and have combined a function that should work.

    $(&#39;.scrollable&#39;).mouseenter(function() {
        $(&#39;body&#39;).bind(&#39;mousewheel DOMMouseScroll&#39;, function() {
            return false;
        });
        $(this).bind(&#39;mousewheel DOMMouseScroll&#39;, function() {
            return true;
        });
    });
    $(&#39;.scrollable&#39;).mouseleave(function() {
        $(&#39;body&#39;).bind(&#39;mousewheel DOMMouseScroll&#39;, function() {
            return true;
        });
    });

- This is stopping all scrolling where as I want scrolling to still be possible inside the container
- This is also not deactivating on mouse leave

Any ideas, or better ways of doing this?


How to prevent page scrolling when scrolling a DIV element?

this is how i&#39;m trying

    &lt;script type=&quot;text/javascript&quot;&gt;
    	 $(document).ready(function(){
    		$(&#39;#dateIn,#dateOut&#39;).click(function(e){
    			e.preventDefault();
    		}); 
    	 });
    &lt;/script&gt;

but the input stills &#39;launching&#39; iphone&#39;s keyboard

ps: i want to do this because i&#39;m using datepicker plugin for date

prevent iphone default keyboard when focusing an &lt;input&gt;

I want to hold an event until I am ready to fire it e.g

    $(&#39;.button&#39;).live(&#39;click&#39;, function(e){
     
       e.preventDefault(); 
    
       // do lots of stuff
    
       e.run() //this proceeds with the normal event    
    
    }

**Is there an equivalent to the `run()` function described above?**

How to trigger an event after using event.preventDefault()

Anyway to restrict the selection of file types via the `&lt;input type=&quot;file&quot; /&gt;` element?

For instance, if I wanted only images types to be uploaded, I would restrict the possible selections to (image/jpg,image/gif,image/png), and the selection dialog would grey out files of other mime types.

p.s. I know that I can do this after the fact with the File API by scanning the .type attributes. I&#39;m really trying to restrict this before hand.. I also know I can do this via flash, but I do NOT want to have use flash for this.

restrict file upload selection to specific types

I&#39;m looking for a trick to create a &quot;fixed&quot; HTML object on the browser screen using CSS. I want it to stay in the same position all the time, even when the user scrolls through the document. I&#39;m not sure what the proper term for this is.

It would be like the chat button on Facebook or the Feedback button that is on some websites that follows you throughout the page.

In my situation, I want to keep a div at the absolute bottom-right corner of the screen at all times. Sample CSS appreciated.

CSS to keep element at &quot;fixed&quot; position on screen

I know `../` means go up a path, but what does `./` mean exactly?

I was recently going through a tutorial and it seems to be referring to just a file in the same location, so is it necessary at all? Can I just not use it if that&#39;s all it&#39;s doing?

What does &quot;./&quot; (dot slash) refer to in terms of an HTML file path location?

How would you set the default value of a form `&lt;input&gt;` text field in JavaScript?



Set the value of an input field

I am examining some code for a friend, and have found that the developer who built his site began each and every relative `src`, `href`, and `include` with a forward slash `/`. 

For example:

    src=&quot;/assets/js/jquery.js&quot;


I have never seen this before. So my question is, why would a developer place a forward slash `/` at the start of a relative path?

Why would a developer place a forward slash at the start of each relative path?

I&#39;m working on a site which has line breaks inserted as `&lt;br&gt;` in some of the headings. Assuming I can&#39;t edit the source HTML, is there a way with CSS I can ignore these breaks? 

I&#39;m mobile optimising the site so I don&#39;t really want to use JavaScript.


Ignore &lt;br&gt; with CSS?

iOS devices add a lot of annoying styles on form inputs, particularly on input[type=submit]. Shown below are the same simple search form on a desktop browser, and on an iPad.

Desktop:

![Desktop](http://i.imgur.com/xAJpO.png)

iPad:

![iPad](http://i.imgur.com/NRpvf.png)

The input[type=text] uses a CSS box shadow inset and I even specified -webkit-border-radius:none; which apparently gets overridden. The color and shape of my input[type=submit] button gets completely bastardized on the iPad. Does anyone know what I can do to fix this? Thanks in advance.



iOS forces rounded corners and glare on inputs

I have an element of initially unknown width, specifically a MathJax equation supplied by the user.  I have the element set as inline-block to ensure that the width of the element fits its contents and so that it has a defined width.  However, this prevents traditional methods of centering.  That is, the following does not work:

	.equationElement
	{
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}

And the solution cannot be:

	.equationElement
	{
		display: block;
		width: 100px;
		margin-left: auto;
		margin-right: auto;
	}

Because I have no idea what the width should actually be beforehand and if the user clicks on the equation, I need the entire equation highlighted, so I cannot set the width to 0.  Does anyone have a solution to centering this equation?

Is it possible to center an inline-block element and if so, how?

I have an element with display: inline-block, but it doesn&#39;t seem to accept margin-top. Is this because the element is still treated as an inline element?

If yes, does anyone have a workaround?

&lt;hr /&gt;

**EDIT #1**:

My CSS is quite simple:

&lt;!-- language: lang-css --&gt;

    .label {
      background: #ffffff;
      display: inline-block;
      margin-top: -2px;
      padding: 7px 7px 5px;
    }

I ended up wrapping the content in another div and giving that a margin-top. But that causes a lot of extra markup and makes my code less clear.

**EDIT #2**:

`margin-top` &amp; `margin-bottom` on `inline-block` elements only seems to work with positive values.

Content Type	Original Author	Original Content on Stackoverflow
Question	Chris	View Question on Stackoverflow
Solution 1 - Javascript	Ben	View Answer on Stackoverflow
Solution 2 - Javascript	daryl	View Answer on Stackoverflow

jQuery how to get innerWidth but without the padding?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

How to load data to hive from HDFS without removing the source file?

check output from CalledProcessError

Attributions