Try this:

    a[id*=&#39;Some:Same&#39;][id$=&#39;name&#39;]

This will get you all `a` elements with id containing 

&gt; Some:Same

 and have the id ending in 

&gt; name

    &lt;div id=&#39;element_123_wrapper_text&#39;&gt;My sample DIV&lt;/div&gt;


The Operator **^** - Match elements that starts with given value

    div[id^=&quot;element_123&quot;] {
    
    }

The Operator $ - Match elements that ends with given value

    div[id$=&quot;wrapper_text&quot;] {
    
    }

The Operator * - Match elements that have an attribute containing a given value

    div[id*=&quot;123_wrapper&quot;] {
    
    }

The only selector I see is `a[id$=&quot;name&quot;]` (all links with id finishing by &quot;name&quot;) but it&#39;s not as restrictive as it should.

I have some old code that is making an AJAX POST request through [jQuery&#39;s post method][1] and looks something like this:

    $.post(&quot;/foo/bar&quot;, requestData,
		function(responseData)
		{
			//do stuff with response
		}
`requestData` is just a javascript object with some basic string properties.

I&#39;m in the process of moving our stuff over to use Angular, and I want to replace this call with $http.post. I came up with the following:

    $http.post(&quot;/foo/bar&quot;, requestData).success(
		function(responseData) {
			//do stuff with response
		}
	});
When I did this, I got a 500 error response from the server. Using Firebug, I found that this sent the request body like this:

    {&quot;param1&quot;:&quot;value1&quot;,&quot;param2&quot;:&quot;value2&quot;,&quot;param3&quot;:&quot;value3&quot;}
The successful jQuery `$.post` sends the body like this:

    param1=value1&amp;param2=value2&amp;param3=value3
The endpoint I am hitting is expecting request parameters and not JSON. So, my question is is there anyway to tell `$http.post` to send up the javascript object as request parameters instead of JSON? Yes, I know I could construct the string myself from the object, but I want to know if Angular provides anything for this out of the box.

 
  [1]: http://api.jquery.com/jQuery.post/

AngularJS - Any way for $http.post to send request parameters instead of JSON?

Please point out the point that I am missing:  

**openSUSE 11.3**

----------


    xx@linux-y3pi:~/Desktop/R&gt; sudo R CMD INSTALL rgdal_0.7-12.tar.gz 
    root&#39;s password:
    * installing to library ‘/usr/lib64/R/library’
    * installing *source* package ‘rgdal’ ...
    ** package ‘rgdal’ successfully unpacked and MD5 sums checked
    configure: gdal-config: gdal-config
    checking gdal-config usability... ./configure: line 1353: gdal-config: command not found
    no
    Error: gdal-config not found
    The gdal-config script distributed with GDAL could not be found.
    If you have not installed the GDAL libraries, you can
    download the source from  http://www.gdal.org/
    If you have installed the GDAL libraries, then make sure that
    gdal-config is in your path. Try typing gdal-config at a
    shell prompt and see if it runs. If not, use:
     --configure-args=&#39;--with-gdal-config=/usr/local/bin/gdal-config&#39;
    with appropriate values for your installation.
    
    ERROR: configuration failed for package ‘rgdal’
    * removing ‘/usr/lib64/R/library/rgdal’


----------

    xx@linux-y3pi:~/Desktop/R&gt; whereis gdal-config
    gdal-config: /usr/local/bin/gdal-config
    
    xx@linux-y3pi:~/Desktop/R&gt; gdal-config 
    Usage: gdal-config [OPTIONS]
    Options:
     [--prefix[=DIR]]
     [--libs]
     [--dep-libs]
     [--cflags]
     [--datadir]
     [--version]
     [--ogr-enabled]
     [--formats]
     xx@linux-y3pi:~/Desktop/R&gt;


----------


    &gt; sessionInfo()
    R version 2.15.1 (2012-06-22)
    Platform: x86_64-unknown-linux-gnu (64-bit)
    
    locale:
     [1] LC_CTYPE=en_US.UTF-8       LC_NUMERIC=C              
     [3] LC_TIME=en_US.UTF-8        LC_COLLATE=en_US.UTF-8    
     [5] LC_MONETARY=en_US.UTF-8    LC_MESSAGES=en_US.UTF-8   
     [7] LC_PAPER=C                 LC_NAME=C                 
     [9] LC_ADDRESS=C               LC_TELEPHONE=C            
    [11] LC_MEASUREMENT=en_US.UTF-8 LC_IDENTIFICATION=C       
    
    attached base packages:
    [1] stats     graphics  grDevices utils     datasets  methods   base     
    &gt; 


----------

    xx@linux-y3pi:~/Desktop/R&gt; gdal-config --version
    1.9.0

    xx@linux-y3pi:~/Desktop/R&gt; proj
    Rel. 4.8.0, 6 March 2012
    usage: proj [ -beEfiIlormsStTvVwW [args] ] [ +opts[=arg] ] [ files ]


----------

    linux-y3pi:~ # $PATH
    bash: /home/xx/qtsdk-2010.05/qt/bin/:/home/xx/qtsdk-2010.05/bin:/home/xx/qtsdk-2010.05/qt/bin:/home/xx/qtsdk-2010.05/qt/bin/:/home/xx/qtsdk-2010.05/bin:/usr/lib64/mpi/gcc/openmpi/bin:/home/xx/bin:/usr/local/bin:/usr/bin:/sbin:/usr/sbin:/bin:/usr/bin/X11:/usr/X11R6/bin:/usr/games: No such file or directory



Error: gdal-config not found while installing R dependent packages whereas gdal is installed

I have a question.
I have elements something like this:

`&lt;a&gt;` element with id = someGenerated Some:Same:0:name

`&lt;a&gt;` element with id = someGenerated Some:Same:0:surname

`&lt;a&gt;` element with id = someGenerated Some:Same:1:name

`&lt;a&gt;` element with id = someGenerated Some:Same:1:surname

I need CSS selector to get names. The problem is that I don&#39;t know how to get it.
I tried `a[id*=&#39;Some:Same&#39;]` - it returned all `&lt;a&gt;` elements. After I can get elements which id ends with name. But I don&#39;t like this idea. I think that it can be done with some other selector.

CSS selector (id contains part of text)

I have a question.
I have elements something like this:
<code>&#x3C;a></code> element with id = someGenerated Some:Same:0:name
<code>&#x3C;a></code> element with id = someGenerated Some:Same:0:surname
<code>&#x3C;a></code> element with id = someGenerated Some:Same:1:name
<code>&#x3C;a></code> element with id = someGenerated Some:Same:1:surname
I need CSS selector to get names. The problem is that I don't know how to get it.
I tried <code>a[id*='Some:Same']</code> - it returned all <code>&#x3C;a></code> elements. After I can get elements which id ends with name. But I don't like this idea. I think that it can be done with some other selector.

Every responsive website development tutorial recommends using the `display:none` CSS property to hide content from loading on mobile browsers so the website loads faster. Is it true? Does `display:none` not load the images or does it still load the content on mobile browser? Is there any way to prevent loading unnecessary content on mobile browsers?

Does &quot;display:none&quot; prevent an image from loading?

I&#39;ve thoroughly searched through both StackOverflow and Google, but come up empty. So apologies in advance if this has been asked &amp; resolved already.

**NB:** I&#39;m a newbie at jQuery, so I&#39;m not sure how to write this up myself. I&#39;m sure this is an easy snippet of code, but can&#39;t wrap my head around it.

What I&#39;m looking to do is use a `data-` element (eg: `data-class` or similar) to attach a new class (Or ID, I&#39;m not picky anymore!) to the top-level popover `&lt;div&gt;`. The code I currently have is as follows:

*jQuery:*

    $(&#39;a[rel=popover]&#39;)
	    .popover({
	        placement : &#39;bottom&#39;,
	        trigger : &#39;hover&#39;
	    })
	    .click(function(e) {
	        e.preventDefault()
	    });

*HTML:*

    &lt;a href=&quot;&quot; rel=&quot;popover&quot; data-class=&quot;dynamic-class&quot; title=&quot;Title goes here&quot; data-content=&quot;Content goes here&quot;&gt;

And ideally the kind of HTML I would have spit out, is something like this:

    &lt;div class=&quot;popover ... dynamic-class&quot;&gt;
        &lt;!-- remainder of the popover code as per usual --&gt;
    &lt;/div&gt;

Is this something I can do? The documentation on the bootstrap site for popovers is a bit sparse, so it&#39;s taken me a while just to get to this point, unfortunately :(

Thanks in advance for any &amp; all responses!

Dynamically add a class to Bootstrap&#39;s &#39;popover&#39; container

I was trying to create twitter bootstrap submenu in dropdown menu, but I&#39;ve got a problem: I have dropdown menu in the top right corner of the page and that menu has one more submenu. However, when submenu opens - it does not fit in the window and goes too much to the right, so that user can see only first letters. How to make that submenu to open not to the right, but to the left?

how to make twitter bootstrap submenu to open on the left side?

I&#39;m trying to animate CSS filters but can&#39;t find any information on the correct transition properties. What are they?

Here&#39;s an example: http://jsbin.com/onijim/3/

Is there an animatable transition-property for css filters?

Is there a good technique to make a resizable split pane in HTML?

May it be done using CSS / jQuery / JavaScript or is there a good JavaScript library that have been used?

(An example of a split pane is the favorites bar in [Internet&amp;nbsp;Explorer][1] which you may have docked to the left of your main browser window.)

  [1]: https://en.wikipedia.org/wiki/Internet_Explorer





Best way to do a split pane in HTML

I have a `div` tag containing several `ul` tags.

I&#39;m able to set CSS properties for the first `ul` tag only:

&lt;!-- language: lang-css --&gt;

    div ul:first-child {
	    background-color: #900;
    }

However, my following attempts to set CSS properties for each other `ul` tag except the first one don&#39;t work:

&lt;!-- language: lang-css --&gt;

    div ul:not:first-child {
	    background-color: #900;
    }

    div ul:not(:first-child) {
	    background-color: #900;
    }

    div ul:first-child:after {
	    background-color: #900;
    }

How can I write in CSS: &quot;each element, except the first&quot;?

not:first-child selector

The HTML spec allows for periods (.) in an id:

`&lt;img id=&quot;some.id&quot; /&gt;`

However, using a CSS ID selector rule will _not_ match correctly:

`#some.id { color: #f00; }`

The CSS spec for [ID Selectors][1] does not mention this case. So I assume it is using the combination of a tag name and [class selector][2]? For example, a CSS rule of `a.className` would apply to all anchor tags (`&lt;a&gt;`) with a class name of `className`, like `&lt;a class=&quot;className&quot;&gt;&lt;/a&gt;`.

Is it possible to have an external CSS file rule that references an HTML element by its id that has a period in it?

I expect not since the CSS spec specifies that a CSS &quot;[identifier][3]&quot; does not include the period as a valid character. So is this a fundamental mismatch between HTML and CSS specs? Is my only alternative to use a different type of CSS selection? Can anyone smarter than I confirm or deny this?

(I would remove the period from the HTML id attribute to simplify things, but it is a system-generated id, so I don&#39;t have the ability to change it in this case.)


  [1]: http://www.w3.org/TR/CSS2/selector.html#id-selectors
  [2]: http://www.w3.org/TR/CSS2/selector.html#class-html
  [3]: http://www.w3.org/TR/CSS2/syndata.html#value-def-identifier

CSS selector with period in ID

What is the syntax for doing something like:

    input[name=&quot;Sex&quot; AND value=&quot;M&quot;]

Basically, I want to select the `input` element that has the attribute `name=&quot;Sex&quot;` as well as the attribute `value=&quot;M&quot;`:

&lt;!-- language: lang-html --&gt;

    &lt;input type=&quot;radio&quot; name=&quot;Sex&quot; value=&quot;M&quot; /&gt;

Elements such as the following should *not* be selected:

    &lt;input type=&quot;radio&quot; name=&quot;Sex&quot; value=&quot;F&quot; /&gt;


Specify multiple attribute selectors in CSS

I keep reading everywhere that CSS is not case sensitive, but I have this selector

    .holiday-type.Selfcatering

which when I use in my HTML, like this, gets picked up

    &lt;div class=&quot;holiday-type Selfcatering&quot;&gt;

If I change the above selector like this

    .holiday-type.SelfCatering

Then the style does not get picked up.

Someone is telling lies.

Are class names in CSS selectors case sensitive?

I have this variable:

    $gutter: 10;

I want to use it in a selector like so SCSS:

    .grid+$gutter {
        background: red;
    }

so the output becomes CSS:

    .grid10 {
        background: red;
    }

 
But this doesn&#39;t work. Is it possible?

Can I use variables for selectors?

I&#39;m working on a Java Selenium-WebDriver. I added 

&lt;!-- language-all: lang-java --&gt;

    driver.manage().timeouts().implicitlyWait(2, TimeUnit.SECONDS);

and

    WebElement textbox = driver.findElement(By.id(&quot;textbox&quot;));

because my Applications takes few seconds to load the User Interface. So I set 2 seconds implicitwait. but I got **unable to locate element textbox**

Then I add `Thread.sleep(2000);`

Now it works fine. Which one is a better way? 

How can I ask the Selenium-WebDriver to wait for few seconds in Java?

I tried this

&lt;!-- language: lang-java --&gt;

    WebDriver driver = new ChromeDriver();

But I&#39;m getting the error as

&gt; Failed tests:   setUp(com.TEST): The path to the driver executable must be set by the webdriver.chrome.driver system property; for more information, see [code here][1] . The latest version can be downloaded from [this link][2]

How can I make Chrome test the Selenium WebDriver test cases?

  [1]: http://code.google.com/p/selenium/wiki/ChromeDriver
  [2]: http://code.google.com/p/chromedriver/downloads/list






How to run Selenium WebDriver test cases in Chrome

How can I save all cookies in Python&#39;s Selenium WebDriver to a .txt file, and then load them later?

The documentation doesn&#39;t say much of anything about the getCookies function.


How to save and load cookies using Python + Selenium WebDriver

I&#39;m attempting to set the request header &#39;Referer&#39; to spoof a request coming from another site. We need the ability test that a specific referrer is used, which returns a specific form to the user, otherwise an alternative form is given.

I can do this within poltergeist by:

    page.driver.headers = {&quot;Referer&quot; =&gt; referer_string}

but I can&#39;t find the equivalent functionality for the selemium driver.


How can I set request headers in the capybara selenium driver?

setting request headers in selenium

I have a Selenium test suite that runs many tests and on each new test it opens a browser window on top of any other windows I have open. Very jarring while working in a local environment. Is there a way to tell Selenium or the OS (Mac) to open the windows in the background?




Content Type	Original Author	Original Content on Stackoverflow
Question	TarasLviv	View Question on Stackoverflow
Solution 1 - Css	CosminO	View Answer on Stackoverflow
Solution 2 - Css	Edicarlos Lopes	View Answer on Stackoverflow
Solution 3 - Css	LeBen	View Answer on Stackoverflow

CSS selector (id contains part of text)

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

Error: gdal-config not found while installing R dependent packages whereas gdal is installed

AngularJS - Any way for $http.post to send request parameters instead of JSON?

Attributions