&lt;s&gt;You can just use `parseInt();` to parse the border width from `Npx` to `N`:

    var width = $elem.css(&#39;borderWidth&#39;); // 150px
    var parsed = parseInt(width);         // 150

&lt;/s&gt;

I had a Google around and it appears in order to get the width of a border you must provide an explicit side of the border:

    var borderWidth = $elem.css(&quot;border-left-width&quot;);

This is because it&#39;s possible for every border to have a different size, style and colour. Unfortunately it doesn&#39;t appear to be any simpler than this.

jQuery doesn&#39;t allow the use of `-` when referencing a CSS property, so remove the hypen and capitalise the following letter.

    $elem.css(&#39;borderWidth&#39;);

[Coded in jsFiddle to demonstrate][1].


  [1]: http://jsfiddle.net/s7YAN/

    var bordersOnBothSides = $(&quot;#measureMe&quot;).outerWidth() - $(&quot;#measureMe&quot;).innerWidth() );

To complete Generic&#39;s answer when seeking he left border and to include elusive&#39;s comment about radix:

    &lt;div style=&quot;border-style:solid;border-left-width:15px;&quot;&gt;&lt;/div&gt;

in script:

    var width =parseInt($(&#39;div&#39;).css(&#39;borderLeftWidth&#39;),10);
    alert(width);



If u have equal border widh for element, or u need left, top border width, plain js:

    elem.clientLeft; //get left border of element
    elem.clientTop; //get top border of element

To get right, bottom border use jquery+css:

    parseInt($(elem).css(&#39;borderLeftWidth&#39;),10); // 10 use to get result in dec, not hex number system

I need to use something like `NSLog` but without the timestamp and newline character, so I&#39;m using `printf`. How can I use this with `NSString`?

How to use printf with NSString

The [Getting Started Rails Guide][1] kind of glosses over this part since it doesn&#39;t implement the &quot;new&quot; action of the Comments controller. In my application, I have a book model that has many chapters:

    class Book &lt; ActiveRecord::Base
      has_many :chapters
    end

    class Chapter &lt; ActiveRecord::Base
      belongs_to :book
    end

In my routes file:

    resources :books do
      resources :chapters
    end

Now I want to implement the &quot;new&quot; action of the Chapters controller:

    class ChaptersController &lt; ApplicationController
      respond_to :html, :xml, :json
      
      # /books/1/chapters/new
      def new
        @chapter = # this is where I&#39;m stuck
        respond_with(@chapter)
      end

What is the right way to do this? Also, What should the view script (form) look like?

  [1]: http://guides.rubyonrails.org/getting_started.html

Rails 3: How to create a new nested resource?

How do I parse the border width from 

`style=&quot;border: solid 1px black;&quot;`

in jQuery/javascript?

`$elem.css(&#39;border-width&#39;)`

doesn&#39;t do it.

Note I need to parse the width from the css, as the element may be `display:none`

Thanks

**Edit** I&#39;m not actually using an in-line style, I just wrote it that way for simplicity as I didn&#39;t realise there was any behavoural difference. It seems to work fine for inline styles though, but still can&#39;t get any value from an applied css class.

 

   

How to get border width in jQuery/javascript

How do I parse the border width from
<code>style="border: solid 1px black;"</code>
in jQuery/javascript?
<code>$elem.css('border-width')</code>
doesn't do it.
Note I need to parse the width from the css, as the element may be <code>display:none</code>
Thanks
Edit I'm not actually using an in-line style, I just wrote it that way for simplicity as I didn't realise there was any behavoural difference. It seems to work fine for inline styles though, but still can't get any value from an applied css class.

I have a select list:

    &lt;select id=&quot;filter&quot;&gt;
      &lt;option value=&quot;Open&quot; selected=&quot;selected&quot;&gt;Open&lt;/option&gt;
      &lt;option value=&quot;Closed&quot;&gt;Closed&lt;/option&gt;
    &lt;/select&gt;

When I select `Closed` the page reloads. In this case it shows closed tickets (instead of opened). It works fine when I do it manually.

The problem is that the page does not reload when I select `Closed` with [Watir][1]:

    browser.select_list(:id =&gt; &quot;filter&quot;).select &quot;Closed&quot;

That usually means that some JavaScript event is not fired. I can fire events with Watir:

    browser.select_list(:id =&gt; &quot;filter&quot;).fire_event &quot;onclick&quot;

but I need to know which event to fire.

Is there a way to find out which events are defined for an element?

  [1]: http://watir.com/

How to find out which JavaScript events fired?

I would like to know if the module pattern or Constructor/protoType pattern is more applicable to my work.

Basically I am using unobtrusive javascript -- the HTML document has a reference to the .js file.

My understanding of the module pattern:

 - call an INIT method (which is basically a public method i can create and return using the module pattern)
 - In the INIT method, assign all click events etc.

This sounds like the perfect pattern for my situation, as I don&#39;t need to create Objects and inheritance hierarchies etc.

My understanding of the Constructor/Prototype pattern:

 - for creating objects
 - for using inheritance (i.e. Subtypes of a supertype)

Am I correct, that for providing unobtrusive javascript, the module pattern is ideal?



Javascript: Module Pattern vs Constructor/Prototype pattern?

Is there a consistent way across browsers to hide the new spin boxes that some browsers (such as Chrome) render for HTML input of type number?  I am looking for a CSS or JavaScript method to prevent the up/down arrows from appearing.

    &lt;input id=&quot;test&quot; type=&quot;number&quot;&gt;

Can I hide the HTML5 number input’s spin box?

I have a string that contains multiple spaces. I want to replace these with a plus symbol. I thought I could use 

    var str = &#39;a b c&#39;;
    var replaced = str.replace(&#39; &#39;, &#39;+&#39;);

but it only replaces the first occurrence. How can I get it replace all occurrences?

Replace all spaces in a string with &#39;+&#39;

How to set this cookie to expire in one hour from the current time:


    document.cookie = &#39;username=&#39; + value; + &#39;expires=&#39; + WHAT GOES HERE?; + &#39;path = /&#39;;



How to set a cookie to expire in 1 hour in Javascript?

I see that in different plugins and codes, but I don&#39;t understand what does that function... In the jQuery api isn&#39;t referenced!

What&#39;s the .apply jQuery function?

I&#39;m using CKEditor. I am saving the form values with ajax using page methods.

But the content of CKEditor value cannot be saving into the table.

I dont postback the page.

What can I do for that?


How can I get the content of CKEditor using JQuery?

I have an input box and I want it to be disabled and at the same time hide it to avoid problems when porting my form.

So far I have the following code to hide my input:

    $(&quot;.shownextrow&quot;).click(function() { 
        $(this).closest(&quot;tr&quot;).next().show().find(&#39;.longboxsmall&#39;).hide();
    });


This is the input that gets hidden as a result:
   
    &lt;input class=&quot;longboxsmall&quot; type=&quot;text&quot; /&gt;


How can I also add the disabled attribute to the input?



Add disabled attribute to input element using Javascript

I need to be able to add 1, 2 , 5 or 10 days to today&#39;s date using jQuery.


How to add number of days to today&#39;s date?

I&#39;m trying to get some json data from a &quot;remote&quot; website.
I run my web service on the 99000 port then, I launch my website on the 99001 port (http://localhost:99001/index.html).

I get the following message:

        XMLHttpRequest cannot load http://localhost:99000/Services.svc/ReturnPersons. Origin http://localhost:99001 is not allowed by Access-Control-Allow-Origin.
    
   

 Even If I launch my web page as an HTML file, I get this:
    
        XMLHttpRequest cannot load http://localhost:99000/Services.svc/ReturnPersons.Origin null is not allowed by Access-Control-Allow-Origin.

The web service returns data. I try to catch the data items like this:

    var url = &quot;http://localhost:99000/Services.svc/ReturnPersons&quot;;
    $.getJSON(url, function (data) {
    success: readData(data)
    });
    function readData(data) {
        alert(data[0].FirstName);
    }

And I&#39;m trying to get this structure:

    [{&quot;FirstName&quot;:&quot;Foo&quot;,&quot;LastName&quot;:&quot;Bar&quot;},{&quot;Hello&quot;:&quot;Foo&quot;,&quot;LastName&quot;:&quot;World&quot;}]

Do you know why I&#39;m getting this error?

XMLHttpRequest cannot load an URL with jQuery

    &lt;div style=&quot;position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;&quot;&gt;
    
      &lt;div style=&quot;
             border: 2px solid black;
             margin: 0 auto;
             text-align: center;
             padding: 3px;&quot;&gt;

        Hello&lt;br /&gt;Hola

      &lt;/div&gt;
    
      &lt;div style=&quot;
             border: 2px solid black;
             margin: 0 auto;
             text-align: center;
             padding: 3px;&quot;&gt;

        Another Sentence

      &lt;/div&gt;
    
    &lt;/div&gt;

I have a problem: the borders of the inner div&#39;s reach over the whole width of the page, but i want them to only frame the content inside them. If i use: `display: inline` the borders frame each line separately and overlap, so that doesn&#39;t work - can somebody help?

P.S the style&#39;s aren&#39;t declared like this in the original document but in a stylesheet

prevent div&#39;s from taking 100% width

Is it possible to set a `background-image` for an SVG `&lt;path&gt;` element?

For instance, if I set the element `class=&quot;wall&quot;`, the CSS style `.wall {fill: red;}` works, but `.wall{background-image: url(wall.jpg)}` does not, neither `.wall {background-color: red;}`.

Fill SVG path element with a background-image

I have recently developed an HTML5 jQuery plugin and I&#39;m having trouble removing the red border on required fields in FF4 beta.

I noticed that FF applies this border/outline in required fields and removes it when value is set. The problem is that I am using the value attribute to emulate the placeholder attr in older browsers. Therefore I need all inputs with this feature to not show the red line.


You can see the problem in the demo page of the [plugin here][1] 


  [1]: http://www.matiasmancini.com.ar/demo_html5form_en.php

Firefox 4 Required input form RED border/outline

I had to split up a long css file. I put the smaller css files within a `styles` directory.

Now I have to update the the urls to go up one level with the `../` notation.

Is there anyway to specify the base URL from which to load assets like with the base tag in HTML, but with CSS?

Content Type	Original Author	Original Content on Stackoverflow
Question	fearofawhackplanet	View Question on Stackoverflow
Solution 1 - Javascript	djdd87	View Answer on Stackoverflow
Solution 2 - Javascript	Ben Everard	View Answer on Stackoverflow
Solution 3 - Javascript	jedierikb	View Answer on Stackoverflow
Solution 4 - Javascript	Bryan	View Answer on Stackoverflow
Solution 5 - Javascript	Vasyl Gutnyk	View Answer on Stackoverflow

How to get border width in jQuery/javascript

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Solution 5 - Javascript

Rails 3: How to create a new nested resource?

How to use printf with NSString

Attributions