    requirejs.config({
        appDir: &quot;.&quot;,
        baseUrl: &quot;js&quot;,
        paths: { 
            /* Load jquery from google cdn. On fail, load local file. */
            &#39;jquery&#39;: [&#39;//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min&#39;, &#39;libs/jquery-min&#39;],
            /* Load bootstrap from cdn. On fail, load local file. */
            &#39;bootstrap&#39;: [&#39;//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.&#39;, &#39;libs/bootstrap-min&#39;]
        },
        shim: {
            /* Set bootstrap dependencies (just jQuery) */
            &#39;bootstrap&#39; : [&#39;jquery&#39;]
        }
    });
    
    require([&#39;jquery&#39;, &#39;bootstrap&#39;], function($) {
        console.log(&quot;Loaded :)&quot;);    
        return {};
    });

What am I doing wrong here? I&#39;m simply retrieving results from a table and then adding them to an array. Everything works as expected until I check for an empty result...

This gets the match, adds it to my array and echoes the result as expected:

    $today = date(&#39;Y-m-d&#39;, strtotime(&#39;now&#39;));

    $sth = $db-&gt;prepare(&quot;SELECT id_email FROM db WHERE hardcopy = &#39;1&#39; AND hardcopy_date &lt;= :today AND hardcopy_sent = &#39;0&#39; ORDER BY id_email ASC&quot;);

    $sth-&gt;bindParam(&#39;:today&#39;, $today, PDO::PARAM_STR);

    if(!$sth-&gt;execute()) {
        $db = null;
        exit();
    }

    while ($row = $sth-&gt;fetch(PDO::FETCH_ASSOC)) {
        $this-&gt;id_email[] = $row[&#39;id_email&#39;];
        echo $row[&#39;id_email&#39;];
    }

    $db = null;
    return true;

When I try to check for an empty result, my code returns &#39;empty&#39;, but no longer yields the matching result:

    $today = date(&#39;Y-m-d&#39;, strtotime(&#39;now&#39;));

    $sth = $db-&gt;prepare(&quot;SELECT id_email FROM db WHERE hardcopy = &#39;1&#39; AND hardcopy_date &lt;= :today AND hardcopy_sent = &#39;0&#39; ORDER BY id_email ASC&quot;);

    $sth-&gt;bindParam(&#39;:today&#39;,$today, PDO::PARAM_STR);

    if(!$sth-&gt;execute()) {
        $db = null;
        exit();
    }

    if ($sth-&gt;fetchColumn()) {
        echo &#39;not empty&#39;;
        while ($row = $sth-&gt;fetch(PDO::FETCH_ASSOC)) {
            $this-&gt;id_email[] = $row[&#39;id_email&#39;];
            echo $row[&#39;id_email&#39;];
        }
        $db = null;
        return true;
    }
    echo &#39;empty&#39;;
    $db = null;
    return false;


Checking for an empty result (PHP, PDO, and MySQL)

If I do any changes to my EF 5.0 model, VS does not seem to see the changes. I have tried adding a new table, which shows up fine in the model, but then if I try to use it somewhere the table does not show up in intellisense and I can&#39;t use it.

I have also tried changing datatypes of a column, which again shows up fine if I look at the .edmx model file, but visual studio will still give me compiler errors on that field because I am trying to assign the incorrect datatype.

If I delete the EDMX completely, and recreate it, then the changes work fine. but it is tiresome to regenerate from database each time when I should be able to just &quot;update model from database&quot; and rebuild.

I have never had these problems with EF before. Does anyone know the cause or the fix to this problem?

Thanks.

After updating Entity Framework model, Visual Studio does not see changes

Bootstrap is distributed in CDN in

http://www.bootstrapcdn.com/

* Is it possible to load Bootstrap with Require.JS 2.x (shimmed or native AMD)?  

* How it is possible to load Bootstrap, or any minified JS, directly from CDN URL with Require.js



Loading Bootstrap from CDN with Require.js

Bootstrap is distributed in CDN in
<a href="http://www.bootstrapcdn.com/" target="_blank" rel="noopener noreferrer">http://www.bootstrapcdn.com/</a>
<ul>
<li>
Is it possible to load Bootstrap with Require.JS 2.x (shimmed or native AMD)?
</li>
<li>
How it is possible to load Bootstrap, or any minified JS, directly from CDN URL with Require.js
</li>
</ul>

Currently the modal slide down effect is done by adding the `fade` class to the modal div. Is it possible to change the effect to sliding from the side (or from the bottom) by changing the css?  I couldn&#39;t find any information online on how to do this and don&#39;t know enough css to do this myself.

html:

    &lt;div id=&#39;test-modal&#39; class=&#39;modal fade hide&#39;&gt;
      &lt;div&gt;Stuff&lt;/div&gt;
    &lt;/div&gt;

Is it possible to make a Twitter Bootstrap modal slide from the side or bottom instead of sliding down?

I originally created a web app in HTML, CSS and JavaScript, then was asked to create it again in Bootstrap too. I&#39;ve done it all fine, but I had toggle buttons in the web app that have changed back to radio (originally checkbox) buttons instead of the toggle buttons I had originally.

The code for the buttons is:

    &lt;label&gt;
      Notifications
      &lt;span class=&#39;toggle&#39;&gt;
        &lt;input type=&#39;radio&#39;
          class=&#39;notifications&#39;
          name=&#39;notifications&#39;
          id=&#39;notifications&#39; /&gt;
      &lt;/span&gt;
    &lt;/li&gt;
    &lt;label&gt;
      Preview
      &lt;span class=&#39;toggle&#39;&gt;
        &lt;input type=&#39;radio&#39;
          class=&#39;preview&#39;
          name=&#39;preview&#39;
          id=&#39;preview&#39; /&gt;
      &lt;/span&gt;
    &lt;/li&gt;

and the JavaScript and CSS files that the HTML page is linked to are:

    &lt;script src = &#39;jqtouch.js&#39;&gt;&lt;/script&gt;
    &lt;script src=&quot;jquery.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/bootstrap.js&quot;&gt;&lt;/script&gt;
    &lt;link href=&quot;css/bootstrap.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link href=&quot;css/bootstrap-responsive.css&quot; rel=&quot;stylesheet&quot;&gt;

Is there a way to change the code so I can get the toggle button back?

How to create a toggle button in Bootstrap

I have a problem with alert messages. It is displayed normally, and I can close it when the user presses `x` (close), but when the user tries to display it again (for example, click on the button event) then it is not shown. (Moreover, if I print this alert message to console, it is equal to `[]`.) My code is here:

     &lt;div class=&quot;alert&quot; style=&quot;display: none&quot;&gt;
       &lt;a class=&quot;close&quot; data-dismiss=&quot;alert&quot;&gt;&#215;&lt;/a&gt;
       &lt;strong&gt;Warning!&lt;/strong&gt; Best check yo self, you&#39;re not looking too good.
     &lt;/div&gt;

And event:

     $(&quot;.alert&quot;).show();

**P.S!** I need to show alert message only after some event happened (for example, button clicked). Or what I am doing wrong?

Twitter Bootstrap alert message close and open again

I use the code as follows:

    $(&quot;.reply&quot;).popover({
      content: &quot;Loading...&quot;,
      placement: &quot;bottom&quot;
    });

    $(&quot;.reply&quot;).popover(&quot;toggle&quot;);


which creates the popover and its content correctly. I want to load a new data into the popover without closing the popover.

I&#39;ve tried the following:

    var thisVal = $(this);
    $.ajax({
      type: &quot;POST&quot;,
      async: false,
      url: &quot;Getdes&quot;,
      data: { id: ID }
    }).success(function(data) {
      thisVal.attr(&quot;data-content&quot;, data);
    });

After this call the data in the element is changed but not in the popover which is shown.

How should i do this?

Bootstrap popover content cannot changed dynamically

In the following CSS taken from [Twitter Bootstrap](http://twitter.github.com/bootstrap/components.html#misc) what does the ampersand (&amp;) character mean?

    .clearfix {
      *zoom: 1;
      &amp;:before,
      &amp;:after {
        display: table;
        content: &quot;&quot;;
      }
      &amp;:after {
        clear: both;
      }
    }

What does an &quot;&amp;&quot; before a pseudo element in CSS mean?

I am using requireJS 2.x. I found out that some tutorials (and the official docs) sometimes use 

    requirejs.config({ [...] });
    requirejs([&quot;module&quot;]) ...

and sometimes

    require.config({ [...] });
    require([&quot;module&quot;]) ...

Is there any difference between those two functions (require and requirejs)? I could not find any word about that in the docs. :(

RequireJS: Difference between &quot;requirejs&quot; and &quot;require&quot; functions

What is the purpose of the &quot;exports&quot; property in the shim below? Is it really required?

    requirejs.config({
        shim: {
            &#39;backbone&#39;: {
                deps: [&#39;underscore&#39;, &#39;jquery&#39;],
                exports: &#39;Backbone&#39;
            }
        }
    });
    

I ask because it seems redundant - when the module is included in a dependency list, we will specify the exported name again as the function argument:

    define([&#39;backbone&#39;], function (Backbone) {
      return Backbone.Model.extend({});
    });

RequireJS - What is the purpose of the &quot;exports&quot; property in shim

I am trying to use r.js to optimize my code but I keep running to this error:

Tracing dependencies for: init

    Error: Load timeout for modules: backbone,jquerymobile

The command I am running is this:

    $ java -classpath /Users/dixond/build-tools/rhino1_7R4/js.jar:/Users/dixond/build-tools/closurecompiler/compiler.jar org.mozilla.javascript.tools.shell.Main /Users/dixond/build-tools/r.js/dist/r.js -o /Users/dixond/Sites/omm_mobile/js/build.js

My build.js file looks like this:

    ( {
    	//appDir: &quot;some/path/&quot;,
    	baseUrl : &quot;.&quot;,
    	mainConfigFile : &#39;init.js&#39;,
    	paths : {
    		jquery : &#39;libs/jquery-1.8.3.min&#39;,
    		backbone : &#39;libs/backbone.0.9.9&#39;,
    		underscore : &#39;libs/underscore-1.4.3&#39;,
    		json2 : &#39;libs/json2&#39;,
    		jquerymobile : &#39;libs/jquery.mobile-1.2.0.min&#39;
    	},
    	packages : [],
    	shim : {
    		jquery : {
    			exports : &#39;jQuery&#39;
    		},
    		jquerymobile : {
    			deps : [&#39;jquery&#39;],
    			exports : &#39;jQuery.mobile&#39;
    		},
    		underscore : {
    			exports : &#39;_&#39;
    		},
    		backbone : {
    			deps : [&#39;jquerymobile&#39;, &#39;jquery&#39;, &#39;underscore&#39;],
    			exports : &#39;Backbone&#39;
    		}
    	},
    	keepBuildDir : true,
    	locale : &quot;en-us&quot;,
    	optimize : &quot;closure&quot;,
    	skipDirOptimize : false,
    	generateSourceMaps : false,
    	normalizeDirDefines : &quot;skip&quot;,
    	uglify : {
    		toplevel : true,
    		ascii_only : true,
    		beautify : true,
    		max_line_length : 1000,
    		defines : {
    			DEBUG : [&#39;name&#39;, &#39;false&#39;]
    		},
    
    		
    		no_mangle : true
    	},
    	uglify2 : {},
    	closure : {
    		CompilerOptions : {},
    		CompilationLevel : &#39;SIMPLE_OPTIMIZATIONS&#39;,
    		loggingLevel : &#39;WARNING&#39;
    	},
    	cssImportIgnore : null,
    	inlineText : true,
    	useStrict : false,
    	pragmas : {
    		fooExclude : true
    	},
    	pragmasOnSave : {
    		//Just an example
    		excludeCoffeeScript : true
    	},
    	has : {
    		&#39;function-bind&#39; : true,
    		&#39;string-trim&#39; : false
    	},
    	hasOnSave : {
    		&#39;function-bind&#39; : true,
    		&#39;string-trim&#39; : false
    	},
    	//namespace: &#39;foo&#39;,
    	skipPragmas : false,
    	skipModuleInsertion : false,
    	optimizeAllPluginResources : false,
    	findNestedDependencies : false,
    	removeCombined : false,
    	name : &quot;init&quot;,
    	out : &quot;main-built.js&quot;,
    	wrap : {
    		start : &quot;(function() {&quot;,
    		end : &quot;}());&quot;
    	},
    	preserveLicenseComments : true,
    	logLevel : 0,
    	cjsTranslate : true,
    	useSourceUrl : true
    })

 
And my init.js looks like this:
    
   

     requirejs.config({
          //libraries
          paths: {
              jquery:       &#39;libs/jquery-1.8.3.min&#39;,
              backbone:     &#39;libs/backbone.0.9.9&#39;,
              underscore:   &#39;libs/underscore-1.4.3&#39;,
              json2 : 		&#39;libs/json2&#39;,
              jquerymobile: &#39;libs/jquery.mobile-1.2.0.min&#39;
          },
        
          //shimming enables loading non-AMD modules
          //define dependencies and an export object
          shim: {
              jquerymobile: {
                  deps: [&#39;jquery&#39;],
                  exports: &#39;jQuery.mobile&#39;
              },
              underscore: {
                  exports: &#39;_&#39;
              },
              backbone: {
                  deps: [&#39;jquerymobile&#39;, &#39;jquery&#39;, &#39;underscore&#39;, &#39;json2&#39;],
                  exports: &#39;Backbone&#39;
              }
          }
        });
    
    
    requirejs([&quot;backbone&quot;,], function(Backbone) {
    	//Execute code here
    });



What am I doing wrong in this build process?

Require.js Error: Load timeout for modules: backbone,jquerymobile

I want to keep a JSON document to store some simple data and I want to require this document and use the JSON object in a `define()` call so I can use it. This is not an `async` call. I mean it should be for development but I do want to compile the file on build unlike an actual `async` call from an API, where the content is dynamic.

How do I use requirejs to load a static JSON file?

I am using RequireJS and need to initialize something on DOM ready. Now, RequireJS provides the [`domReady` plugin][1], but we already have jQuery&#39;s `$(document).ready()`, which is available to me since I have required jQuery.

So I have got two options:

 1. Use the `domReady` plugin:

        require([&#39;domReady&#39;], function (domReady) {
            domReady(function () {
                // Do my stuff here...
            });
        });

 2. Use `$(document).ready()`:

        $(document).ready(function() {
            // Do my stuff here...
        });

**Which one should I choose, and why?**

 Both the options seems to work as expected. I am not confident in the jQuery&#39;s one because RequireJS is doing its magic; that is, since RequireJS will dynamically add scripts, I&#39;m worried that DOM ready may occur before all of the dynamically-requested scripts are loaded. Whereas, RequireJS will add a burden on additional JS just for `domReady` when I already have jQuery required.

## Questions

- Why does RequireJS provide a `domReady` plugin when we can have jQuery&#39;s `$(document).ready();`? I don&#39;t see any advantage of including another dependency.
- If its just to feed a need, then why not provide one for cross-browser AJAX?

As far as I know, a module that requires `domReady` won&#39;t be fetched or executed after the document is ready, and you could do the same requiring jQuery as well:

    require([&#39;jQuery&#39;], function ($) {
        $(document).ready(function () {
            // Do my stuff here...
        });
    });

To be more clear on my question: **what&#39;s the difference between requiring `domReady` or `jQuery`?**


  [1]: http://requirejs.org/docs/api.html#pageload
  [2]: http://stackoverflow.com/a/15364273/320399

Requirejs domReady plugin vs Jquery $(document).ready()?

&gt; #PAY ATTENTION!
**The Bootstrap icons are back** after [**this pull request merge**](https://github.com/twbs/bootstrap/pull/9767).

&gt;---

&gt;After going back and forth on this for the last couple weeks, I&#39;ve decided to **restore the Glyphicons icon font to the main repo**. Given how prevalent icons are in UIs, it&#39;s probably a disservice to most folks to not include them (or some other icon font) in the same spot as the CSS and JS.

&gt;With this update comes the following:

&gt; - Restores documentation (on the Components page)
- New variables, `@icon-font-path` and `@icon-font-name`, for flexibility in adding and removing icon fonts
- Upgrades to latest Glyphicons (adding 40 new icons)
- Removes the **old Glyphicons mention from the CSS page**


&gt;We&#39;ll work on improving the customization of icon fonts in the future so swapping font libraries can be easier (which was the whole motivation for the original removal).


----

Which is the CDN url of the new version of Twitter Bootstrap Glyphicons? 

From the Bootstrap 3 [they were moved into a separate repository](https://stackoverflow.com/q/17901776/1420197), but I didn&#39;t find any CDN.

From the official documentation:

&gt;With the launch of Bootstrap 3, icons have been moved to a separate repository. This keeps the primary project as lean as possible, makes it easier for folks to swap icon libraries, and makes Glyphicons icon fonts more readily available to more people outside Bootstrap.

On the [official website](http://glyphicons.getbootstrap.com/) they don&#39;t provide a CDN url for icons.

Where can find it? I don&#39;t want to download the repository and include it into my project.

Bootstrap 3 Glyphicons CDN

We have a Cloudfront distribution with custom origin that has been working just fine for quite a long time, serving static assets for one of our sites. Just this morning, we noticed that our logo was displaying as a broken link.

Upon further investigation, Cloudfront is returning a strange error message that I&#39;ve never seen before for the [URL in question][CFLogo]:

&gt; # ERROR
&gt;
&gt; ## The request could not be satisfied.
&gt;
&gt; ------
&gt;
&gt; ------
&gt;
&gt; Generated by cloudfront (CloudFront)

Several other Cloudfront URLs from this distribution return the same error, but then others (again, from the same distribution) are working just fine. I don&#39;t see a pattern to what works and what doesn&#39;t.

Some other data points:

* The [origin URLs][ORLogo] work just fine. There&#39;s been no recent interruption in service, to my knowledge. 
* I&#39;ve invalidated the logo URL specifically, to no effect.
* I&#39;ve invalidated the root URL of the distribution, to no effect.

Any idea what&#39;s going on here? I&#39;ve never seen Cloudfront do this before.

**UPDATE:**

Here&#39;s the verbatim HTTP response from Cloudfront:

    $ http GET https://d2yu7foswg1yra.cloudfront.net/static/img/crossway_logo.png
    HTTP/1.1 502 Bad Gateway
    Age: 213
    Connection: keep-alive
    Content-Length: 472
    Content-Type: text/html
    Date: Wed, 18 Dec 2013 17:57:46 GMT
    Server: CloudFront
    Via: 1.1 f319e8962c0268d31d3828d4b9d41f98.cloudfront.net (CloudFront)
    X-Amz-Cf-Id: H_HGBG3sTOqEomHzHubi8ruLbGXe2MRyVhGBn4apM0y_LjQa_9W2Jg==
    X-Cache: Error from cloudfront

    &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
    &lt;HTML&gt;&lt;HEAD&gt;&lt;META HTTP-EQUIV=&quot;Content-Type&quot; CONTENT=&quot;text/html; charset=iso-8859-1&quot;&gt;
    &lt;TITLE&gt;ERROR: The request could not be satisfied&lt;/TITLE&gt;
    &lt;/HEAD&gt;&lt;BODY&gt;
    &lt;H1&gt;ERROR&lt;/H1&gt;
    &lt;H2&gt;The request could not be satisfied.&lt;/H2&gt;
    &lt;HR noshade size=&quot;1px&quot;&gt;
    &lt;/BODY&gt;&lt;/HTML&gt;

    &lt;BR clear=&quot;all&quot;&gt;
    &lt;HR noshade size=&quot;1px&quot;&gt;
    &lt;ADDRESS&gt;
    Generated by cloudfront (CloudFront)
    &lt;/ADDRESS&gt;
    &lt;/BODY&gt;&lt;/HTML&gt;


[CFLogo]: https://d2yu7foswg1yra.cloudfront.net/static/img/crossway_logo.png
[ORLogo]: https://my.crossway.org/static/img/crossway_logo.png

Cloudfront custom-origin distribution returns 502 &quot;ERROR The request could not be satisfied.&quot; for some URLs

My website uses about 10 third party javascript libraries like jQuery, jQuery UI, prefixfree, a few jQuery plugins and also my own javascript code. Currently I pull the external libraries from CDNs like Google CDN and cloudflare. I was wondering what is a better approach:

 1. Pulling the external libraries from CDNs (like I do today).
 2. Combining all the files to a single js and a single css file and storing them locally.

Any opinions are welcome as long as they are explained.
Thanks :)

Multiple files on CDN vs. one file locally

Question 1:

What exactly is the purpose of installing Twitter Bootstrap through npm? I thought npm was meant for server side modules. Is it faster to serve the bootstrap files yourself than using a CDN? 

Question 2:

If I were to npm install Bootstrap, how would I point to the bootstrap.js and bootstrap.css files?



Purpose of installing Twitter Bootstrap through npm?

I&#39;d like to use `react.min.js` from a CDN in production (e.g. https://unpkg.com/react@15.3.1/dist/react.min.js)

What is the best way to get Webpack to transform my `import React from &#39;react&#39;` statements into `const React = window.React` instead of building `node_modules/react` into the bundle?                 

I&#39;ve been doing it with `resolve.alias` like this:

In `index.html`:

    &lt;head&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;https://unpkg.com/react@15.3.1/dist/react.min.js&quot;&gt;&lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;/assets/bundle.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;

In `webpack.prod.config.js`:

    alias: {
      react$: &#39;./getWindowReact&#39;,
    },

`getWindowReact.js`:

    module.exports = window.React;

**Note**: In the old question I didn&#39;t realize that building React into a Webpack bundle with `NODE_ENV=production` would strip out the `propTypes` checks.  One of the answers focuses on that.

Content Type	Original Author	Original Content on Stackoverflow
Question	Mikko Ohtamaa	View Question on Stackoverflow
Solution 1 - Twitter Bootstrap	neiker	View Answer on Stackoverflow

Loading Bootstrap from CDN with Require.js

Twitter Bootstrap Problem Overview

Twitter Bootstrap Solutions

Solution 1 - Twitter Bootstrap

After updating Entity Framework model, Visual Studio does not see changes

Checking for an empty result (PHP, PDO, and MySQL)

Attributions