I believe you have installed [Ripple Emulator (Beta)][1] which is adding this script


  [1]: https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc

This script is inserted by Ripple Emulator(Beta) chrome extension, if it is enabled.[![Chrome Store Pic][1]][1]

Ideally it can be disabled by opening Ripple Mission Control, but it doesn&#39;t do that.
[![Ripple Mission Control][2]][2]

To disable it for sure, you must disable Ripple Emulator(Beta) from [chrome://extensions/][3]
[![enter image description here][4]][4] 


  [1]: http://i.stack.imgur.com/nXQQa.jpg
  [2]: http://i.stack.imgur.com/Iolf3.jpg
  [3]: chrome://extensions//
  [4]: http://i.stack.imgur.com/4bUjF.jpg

After looking into this further, please see this question.

https://stackoverflow.com/questions/11691455/uncaught-syntaxerror-in-js-and-possibly-wordpress

It is the Blackberry emulator.


I understand that these properties in the manifest:

    android:theme=&quot;@android:style/Theme.NoTitleBar&quot;     
    android:theme=&quot;@android:style/Theme.NoTitleBar.Fullscreen&quot;
can remove the title bar.
However, I constantly check the Graphical Layout when I am modifying my app. When I look at the Graphical Layout I still see the title bar. I want to remove the title bar in a way that I don&#39;t have to see it during the development of the game.

Remove Android App Title Bar

We have an Apache Webserver installed on a machine which also serves pages using Perl.

For a project I&#39;ve decided to use Node.js instead of Perl/Ruby. Just wondering if it&#39;s possible to use Apache as my webserver (so it serves the pages) and use Node.js to dynamically create the web pages (this is for a web app I am creating)?

So in other words can they work hand in hand just like Apache/Perl or Apache/PHP etc..

Running Node.js in apache?

I noticed that Google Chrome appends a little JS script before the `&lt;head&gt;` tag of any web document that I load (you can notice that if you look at the HTML code using inspect element):

    &lt;script id=&quot;tinyhippos-injected&quot;&gt;
       if (window.top.ripple) { window.top.ripple(&quot;bootstrap&quot;).inject(window, document);
    &lt;/script&gt;

Out of curiosity, what does it do? Googleing around did not help.

What&#39;s the purpose of tinyhippos-injected script?

I noticed that Google Chrome appends a little JS script before the <code>&#x3C;head></code> tag of any web document that I load (you can notice that if you look at the HTML code using inspect element):
<pre><code class="hljs language-php-template">&#x3C;script id="tinyhippos-injected">
 if (window.top.ripple) { window.top.ripple("bootstrap").inject(window, document);
&#x3C;/script>
</code></pre>
Out of curiosity, what does it do? Googleing around did not help.

How to make this transformation?

    [&quot;a&quot;,&quot;b&quot;,&quot;c&quot;,&quot;d&quot;,&quot;e&quot;] // =&gt; [&quot;c&quot;, &quot;d&quot;, &quot;e&quot;]

I was thinking that `slice` can do this, but..
  
    [&quot;a&quot;,&quot;b&quot;,&quot;c&quot;,&quot;d&quot;,&quot;e&quot;].slice(2,-1) // [ &#39;c&#39;, &#39;d&#39; ]
    [&quot;a&quot;,&quot;b&quot;,&quot;c&quot;,&quot;d&quot;,&quot;e&quot;].slice(2,0)  // []


slice array from N to last element

How do I actually get jsfiddle to use more than 1 library? I can only seem to get it to use either jquery OR knockout but not both. Yet when I look at other peoples fiddles they dont seem to have this problem. Really annoying dont know why its so diffuclt and no searches on the internet yielded anything!!!

Thanks

How do I select more than 1 framework with jsFiddle?

The [documentation][1] is not very clear on this.

&gt; name - String - Button name to add.
&gt;
&gt; settings - Object - Settings object with title, cmd **etc**.

&quot;etc&quot;? Really? Where can I see the rest of the possible attributes?

  [1]: http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.addButton

What are all the possible settings attributes in TinyMCE&#39;s addButton() function?

I&#39;m trying to deal with the issue of scope inside of an ng-repeat loop - I&#39;ve browsed quite a few questions but have not quite been able to get my code to work. 


Controller code:

    function Ctrl($scope) {
      $scope.lines = [{text: &#39;res1&#39;}, {text:&#39;res2&#39;}];
    }

View:

    &lt;div ng-app&gt;
         &lt;div ng-controller=&quot;Ctrl&quot;&gt;
           &lt;div ng-repeat=&quot;line in lines&quot;&gt;
               &lt;div class=&quot;preview&quot;&gt;{{text}}{{$index}}&lt;/div&gt;
        
           &lt;/div&gt;
           &lt;div ng-repeat=&quot;line in lines&quot;&gt;
               &lt;-- typing here should auto update it&#39;s preview above --&gt;
               &lt;input value=&quot;{{line.text}}&quot; ng-model=&quot;text{{$index}}&quot;/&gt;
                &lt;!-- many other fields here that will also affect the preview --&gt;
           &lt;/div&gt;
         &lt;/div&gt;
        &lt;/div&gt;


Here&#39;s a fiddle: http://jsfiddle.net/cyberwombat/zqTah/

Basically I have an object (it&#39;s a flyer generator) which contains multiple lines of text. Each line of text can be tweaked by the user (text, font, size, color, etc) and I want to create a preview for it. The example above only shows the input field to enter text and I would like that to automatically/as-you-type update the preview div but there will be many more controls. 

I am also not sure I got the code right for the looping index - is that the best way to create a ng-model name inside the loop?


Binding ng-model inside ng-repeat loop in AngularJS

This question is the direct analogon to https://stackoverflow.com/questions/12789231/class-type-check-with-typescript

I need to find out at runtime if a variable of type any implements an interface. Here&#39;s my code:

    interface A{
    	member:string;
    }
    
    var a:any={member:&quot;foobar&quot;};
    
    if(a instanceof A) alert(a.member);

If you enter this code in the typescript playground, the last line will be marked as an error, &quot;The name A does not exist in the current scope&quot;. But that isn&#39;t true, the name does exist in the current scope. I can even change the variable declaration to `var a:A={member:&quot;foobar&quot;};` without complaints from the editor. After browsing the web and finding the other question on SO I changed the interface to a class but then I can&#39;t use object literals to create instances.

I wondered how the type A could vanish like that but a look at the generated javascript explains the problem:

    var a = {
        member: &quot;foobar&quot;
    };
    if(a instanceof A) {
        alert(a.member);
    }

There is no representation of A as an interface, therefore no runtime type checks are possible.

I understand that javascript as a dynamic language has no concept of interfaces. Is there any way to type check for interfaces? 

The typescript playground&#39;s autocompletion reveals that typescript even offers a method `implements`. How can I use it ?

Interface type check with Typescript

I&#39;m experiencing an issue with the CSS `transition` property beeing fired on page load.

The problem is that when I apply a `color` `transition` to an element, (ex: `transition: color .2s`) then when the page first loads my elements flashes from black to it&#39;s own assigned color.

Supposing I have the following code:

##CSS

    p.green {
       color: green;
       transition: color .2s;
       -moz-transition: color .2s;
       -webkit-transition: color .2s;
       -o-transition: color .2s;
    }
    
    p.green:hover {
       color: yellow;
    }

##HTML

    &lt;!DOCTYPE html PUBLIC &#39;-//W3C//DTD XHTML 1.0 Transitional//EN&#39;
    &#39;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#39;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; dir=&quot;ltr&quot; lang=&quot;en&quot;&gt;
    &lt;head&gt;
    	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
    	&lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js&quot;&gt;&lt;/script&gt;
    	&lt;script src=&quot;js/main.js&quot;&gt;&lt;/script&gt;
    	&lt;link href=&quot;css/main.css&quot; rel=&quot;stylesheet&quot; /&gt;
    &lt;/head&gt;
    &lt;body&gt;
    	&lt;p class=&quot;green&quot;&gt;The Flashing Text&lt;/p&gt;
    &lt;/body&gt;
    &lt;/html&gt;

On page load, my `p.green` will fade from `black` to `green`.

I don&#39;t want to apply the color transition to the `:hover` pseudo class as that would not apply the transition *onMouseLeave*.

I&#39;ts really annoying having the text flashing across the webpage. Up to this moment I have been avoiding using transitions unless I really need them and even so I use with care. It would be great if there is some really obvious solution to this that I&#39;m not seeing!

This happens on Google Chrome. I haven&#39;t tested in other browsers.

[jsfiddle.net/ShyZp/2](http://jsfiddle.net/ShyZp/2/)  *(thanks @Shmiddty)*

Stop CSS transition from firing on page load

I am trying to save a data object in chrome sync storage and then retrieve it, however the get() function always returns an empty object. The code I am using is,

    function storeUserPrefs() {
    	var key=&#39;myKey&#39;, testPrefs = {&#39;val&#39;: 10};
            chrome.storage.sync.set({key: testPrefs}, function() {console.log(&#39;Saved&#39;, key, testPrefs);});
    }

    function getUserPrefs() {
   		chrome.storage.sync.get(&#39;myKey&#39;, function (obj) {
   			console.log(&#39;myKey&#39;, obj);
   		});
    }

Could someone please tell me what I am doing wrong here?

saving and retrieving from chrome.storage.sync

I looked in:

    C:\Documents and Settings\username\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions

for unpacked extensions, but that folder is empty for me.

For newer versions, where does Chrome store the files?

Where does Chrome store extensions?

Recently I have been working with the Chrome Plugin API and I am looking to develop a plugin which will make life easier for me for managing a website.

Now what I wish to do is to fire an event when a certain checkbox is checked.
As this website does not belong to me I cannot change the code therefore I am using the Chrome API. One of the main problems is that rather than there being an ID, there is a Name. I was wondering if I could fire the function once the certain checkbox with the &#39;name&#39; is checked.




Checkbox Check Event Listener

I have this simple a js file , which prints date continosly .

I am using Google Chrome Debugger tools (F12)


My question is , **Is it possible to set a conditional break point in Google Chrome ??**

In my code , i want to set a break point if the seconds value is equal to 50 ??

    s = date.getSeconds();

[This][1] is the jsfiddle where my source is

(Not sure why its not working in jsfiddle)


Anyway my question is ,Is it possible to Set a Conditinal Break Point in chrome Debugger tools ??


  [1]: http://jsfiddle.net/nVpXN/1/

Content Type	Original Author	Original Content on Stackoverflow
Question	raz3r	View Question on Stackoverflow
Solution 1 - Javascript	sv_in	View Answer on Stackoverflow
Solution 2 - Javascript	bantya	View Answer on Stackoverflow
Solution 3 - Javascript	CharliePrynn	View Answer on Stackoverflow

What's the purpose of tinyhippos-injected script?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Running Node.js in apache?

Remove Android App Title Bar

Attributions