There is an [experimental `processes` API][1] where one would expect to find such important info exposed. But alas, `Goats Teleported` isn’t yet available through that API. I think you’ve uncovered a major hole in the extension system and urge you to [file a feature request][2].

+1 for goats.


  [1]: http://developer.chrome.com/extensions/dev/experimental.processes.html
  [2]: http://code.google.com/p/chromium/issues/entry

I want to take a collection of objects and bind it to a StackPanel so basically if the collection has 4 elements, inside the stack panel that should produce 4 buttons lets say.

I tried this...But I dont think its the correct approach anyway. I used DataTemplated to do this type of idea in the past.. please correct me if I am wrong.

**Here is my fake model**

    public class MockModel
    {
       public ObservableCollection&lt;MockNode&gt; Nodes;
    
       public MockModel()
       {
          Nodes = new ObservableCollection&lt;MockNode&gt;();
       }
    }
    
    public class MockNode
    {
       public MockNode()
       {
       }
       
       private string itemname;
       public string ItemName
       {
          get { return this.itemname; }
          set { this.itemname = value; }
       }
    }

**In code I set the DataContext like this...**

    // Init Model
    MockModel myModel = new MockModel();
    
    for (int i = 0; i &lt; 4; i++)
    {
       MockNode mn = new MockNode();
       mn.ItemName = String.Format(&quot;Node {0}&quot;, i);
       myModel.Nodes.Add(mn);
    }
    // Set DataContext for StackPanel
    Stack.DataContext = myModel.Nodes;



**And the xaml**

    &lt;StackPanel x:Name=&quot;tStack&quot;&gt;
       &lt;ItemsControl ItemsSource=&quot;{Binding Nodes}&quot;&gt;
          &lt;ItemsControl.Template&gt;
             &lt;ControlTemplate&gt;
                &lt;Button Content=&quot;{Binding ItemName}&quot;/&gt;
             &lt;/ControlTemplate&gt;
          &lt;/ItemsControl.Template&gt;
       &lt;/ItemsControl&gt;
    &lt;/StackPanel&gt;

IT does bind but instead of 4 buttons I only get one button....

Ideas?


Bind Collection to StackPanel

I am still pretty new to C# and am having a difficult time getting used to it compared to C/CPP. 

How do you exit a function on C# without exiting the program like this function would?

    if (textBox1.Text == &quot;&quot; || textBox1.Text == String.Empty || textBox1.TextLength == 0)
        textBox3.Text += &quot;[-] Listbox is Empty!!!!\r\n&quot;;
    System.Environment.Exit(0);

This will not allow return types and if left alone it will keep going on through the function unstopped. Which is undesirable.

How to Exit a Method without Exiting the Program?

I just checked my Chromium task manager and noticed that my `Goats Teleported` count is abnormally high. I thought it might be a good idea to create a browser extension that runs the goat teleportation data through Google Visualizations API and generates some nice reports so I can track it easily and make sure it doesn&#39;t get out of hand. 

[![alt text][1]][1]
&lt;!-- source: http://img820.imageshack.us/img820/4885/screenshottaskmanagerch.png --&gt;


Is it possible to access the `Goats Teleported` count programatically via the chrome extension API? How do you think I should format the reports? I was thinking maybe a pie chart? 

![alt text][2]


  [1]: https://i.stack.imgur.com/S0jSO.png
  [2]: https://chart.apis.google.com/chart?chs=400x185&amp;cht=p3&amp;chco=3399CC&amp;chds=0,244&amp;chd=t:34,68,102,136,171,205,239&amp;chdl=Browser%7CExtension%7CExtension%7CExtension%7CPlugin%7CGmail%7CStack%20Overflow&amp;chdlp=l&amp;chl=%7C%7C%7C%7C%7C%7CGoat%20Overflow!&amp;chma=0,90&amp;chtt=Goats%20Teleported&amp;chts=676767,16.5

Graph Goat Teleportation Data with Google Vis. API via Chrome Extension

I just checked my Chromium task manager and noticed that my <code>Goats Teleported</code> count is abnormally high. I thought it might be a good idea to create a browser extension that runs the goat teleportation data through Google Visualizations API and generates some nice reports so I can track it easily and make sure it doesn't get out of hand.
<a href="https://i.stack.imgur.com/S0jSO.png" target="_blank" rel="noopener noreferrer"><img src="https://i.stack.imgur.com/S0jSO.png" alt="alt text"></a>

Is it possible to access the <code>Goats Teleported</code> count programatically via the chrome extension API? How do you think I should format the reports? I was thinking maybe a pie chart?
<img src="https://chart.apis.google.com/chart?chs=400x185&#x26;cht=p3&#x26;chco=3399CC&#x26;chds=0,244&#x26;chd=t:34,68,102,136,171,205,239&#x26;chdl=Browser%7CExtension%7CExtension%7CExtension%7CPlugin%7CGmail%7CStack%20Overflow&#x26;chdlp=l&#x26;chl=%7C%7C%7C%7C%7C%7CGoat%20Overflow!&#x26;chma=0,90&#x26;chtt=Goats%20Teleported&#x26;chts=676767,16.5" alt="alt text">

I need some kick-ass effects for my web site, like gaussian blur, noise, convolution filters, morphological operations etc.
All effects must be applied dynamically (no pre-renderend images) and being changed over time.

What is the most powerful image processing library, implemented in JavaScript ?

What is the best JavaScript image processing library?

How can I declare a global variable in JavaScript?



How to declare a global variable in JavaScript

How can we use PHP code in JavaScript?

Like

    function jst()
    {
        var i = 0;
        i = &lt;?php echo 35; ?&gt;
        alert(i);
    }

Please suggest a better way.


How do I embed PHP code in JavaScript?

If I didn&#39;t need localStorage, my code would look like this:

    var names=new Array(); 
    names[0]=prompt(&quot;New member name?&quot;);

This works. However, I need to store this variable in localStorage and it&#39;s proving quite stubborn. I&#39;ve tried:

    var localStorage[names] = new Array();
    localStorage.names[0] = prompt(&quot;New member name?&quot;);

Where am I going wrong?


How do I store an array in localStorage?

&gt; **Possible Duplicates:**  
&gt; [Why would a javascript variable start with a dollar sign?](https://stackoverflow.com/questions/205853/why-would-a-javascript-variable-start-with-a-dollar-sign)  
&gt; [JQuery : What is the difference between &amp;ldquo;var test&amp;rdquo; and &amp;ldquo;var $test&amp;rdquo;](https://stackoverflow.com/questions/2880926/jquery-what-is-the-difference-between-var-test-and-var-test)  

&lt;!-- End of automatically inserted text --&gt;

What is the difference between this two ways of initializing variables?

    var $val = &#39;something&#39;
    
         OR
    
    var val = &#39;something&#39;

as I see they are the same thing.

Maybe in this case `$` is only the part of name in variable?
(it will become a meaningless question in that case:/)

Thanks

Why use $ (dollar sign) in the name of javascript variables?

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here&#39;s the input CSS I&#39;m using:

```css
input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}
```

![Text box with blue outline and &quot;Example&quot; written in it][1]


  [1]: http://i.stack.imgur.com/HSKYf.png

How to remove focus border (outline) around text/input boxes? (Chrome)

When Chrome loads my website, it checks the server for updated versions of files before it shows them. (Images/Javascript/CSS) It gets a 304 from the server because I never edit external javascript, css or images.

What I want it to do, is display the images without even checking the server.

Here are the headers:

    Connection:keep-alive    
    Date:Tue, 03 Aug 2010 21:39:32 GMT    
    ETag:&quot;2792c73-b1-48cd0909d96ed&quot;    
    Expires:Thu, 02 Sep 2010 21:39:32 GMT    
    Server:Apache/Nginx/Varnish

How do I make it not check the server?


Chrome doesn&#39;t cache images/js/css

It seems like the point of [window.postMessage][1] is to allow safe communication between windows/frames hosted on different domains, but it doesn&#39;t actually seem to *allow* that in Chrome.

Here&#39;s the scenario:  

  1. Embed an &amp;lt;iframe&amp;gt; (with a `src` on domain B&lt;sup&gt;*&lt;/sup&gt;) in a page on domain A 
  2. The &amp;lt;iframe&amp;gt; ends up being mostly a &amp;lt;script&amp;gt; tag, at the end of which&#39;s execution...
  3.  I call window.postMessage( *some\_data*, *page\_on\_A* )

The &amp;lt;iframe&amp;gt; is most definitely in the context of domain B, and I&#39;ve confirmed that the embedded javascript in that &amp;lt;iframe&amp;gt; executes properly and calls `postMessage` with the correct values.

I get this error message in Chrome:  

&gt; Unable to post message to *A*.
&gt; Recipient has origin *B*.

Here&#39;s the code that registers a message event listener in the page on A:

    window.addEventListener(
      &quot;message&quot;,
      function (event) {
        // Do something
      },
      false);

I&#39;ve also tried calling `window.postMessage(some_data, &#39;*&#39;)`, but all that does is suppress the error.

Am I just missing the point here, is window.postMessage(...) not meant for this?  Or am I just doing it horribly wrong?

&lt;sub&gt;*Mime-type text/html, which it must remain.&lt;/sub&gt;

  [1]: https://developer.mozilla.org/en/DOM/window.postMessage

How do you use window.postMessage across domains?

In FF and all, my javascript works fine. But in Chrome it gives this message: 
&gt;Resource interpreted as script but transferred with MIME type text/plain.

I have checked all the script tags and they all have the `MIME type=&quot;text/javascript&quot;`. It even says so with jquery and jquery ui. What is wrong with Chrome?

What&#39;s the problem and the fix for this? Is it something I have to change in the &#39;options&#39; of the browser or is it from the server, or do I have to tweak my code?

Chrome says &quot;Resource interpreted as script but transferred with MIME type text/plain.&quot;, what gives?

I have some trivial JavaScript to effect a style change:

    sel = document.getElementById(&#39;my_id&#39;);
    sel.className = sel.className.replace(/item-[1-9]-selected/,&#39;item-1-selected&#39;);
    return false;

This works fine with the latest versions of FF, Opera and IE, but fails on the latest versions of Chrome and Safari.

It affects two descendants, which happen to be siblings. The first sibling updates, but the second doesn’t. A child of the second element also has focus and contains the **&amp;lt;a&amp;gt;** tag that contains the above code in an **onclick** attribute.

In the Chrome “Developer Tools” window if I nudge (e.g. uncheck &amp; check) _any_ attribute of _any_ element, the second sibling updates to the correct style.

Is there a workaround to easily and programmatically “nudge” WebKit into doing the right thing?

How can I force WebKit to redraw/repaint to propagate style changes?

When I&#39;m working with CSS, I&#39;ll often test in a browser - say, Chrome - right click an element, click Inspect Element, and edit the CSS right there. The use of arrow keys to change things like margin and padding makes lining things up super easy.

It&#39;s not too hard to then take those changes and apply them to the CSS file, but it would be cool if I could just right click the selector in the inspector and select &quot;export&quot; or &quot;copy&quot;, and have the contents available in my clipboard.

Does something like this exist?

Export CSS changes from inspector (webkit, firebug, etc)

I&#39;m making an extension for Google Chrome and I have hit a snag.  
  
I need to copy a readonly textarea&#39;s content to the clipboard on click in the popup. Does anyone know the best way to go about this with pure Javascript and no Flash? I also have jQuery loaded in the extension, if that helps any. My current (non-working) code is...  
  

    function copyHTMLCB() {
	$(&#39;#lb_html&#39;).select();
	$(&#39;#lb_html&#39;).focus();
	textRange = document.lb_html_frm.lb_html.createTextRange();
	textRange.execCommand(&quot;RemoveFormat&quot;);
	textRange.execCommand(&quot;Copy&quot;);
	alert(&quot;HTML has been copied to your clipboard.&quot;); }

Copy to Clipboard in Chrome Extension

I have a simple Chrome extension that uses the content script feature to modify a website. More specifically, the `background-image` of said website.

For some reason I can&#39;t seem to be able to use local images, even though they are packed in the extension.

    body {
	    background: #000 url(&#39;image.jpg&#39;) !important;
	    background-repeat: repeat !important;
    }

That&#39;s it, the simplest CSS... but it won&#39;t work. The browser doesn&#39;t load the image.

Google Chrome Extensions - Can&#39;t load local images with CSS

If I call `console.log(&#39;something&#39;);` from the popup page, or any script included off that it works fine.

However as the background page is not directly run off the popup page it is not included in the console.

Is there a way that I can get `console.log()`&#39;s in the background page to show up in the console for the popup page?

is there any way to, from the background page call a function in the popup page?

google chrome extension :: console.log() from background page?

I have an options page where the user can define certain options and it saves it in localStorage: `options.html`

Now, I also have a content script that needs to get the options that were defined in the `options.html` page, but when I try to access localStorage from the content script, it doesn&#39;t return the value from the options page.

How do I make my content script get values from localStorage, from the options page or even the background page?

Chrome extension: accessing localStorage in content script

We are using [google org chart API to display our org charts][1].  This works well but we need something that supports:

1. One person reporting to multiple managers
2. Co heads of a functional areas.

Are there any competing tools that give better support for the above.

----

NOTE: For Gorka LLona, who suggested this solution below in one of the answers, i found a few bugs, here is a screenshot of the issue i am running into using your test example.

![enter image description here][2]


  [1]: http://code.google.com/apis/visualization/documentation/gallery/orgchart.html
  [2]: http://i.stack.imgur.com/RqcI8.png

Are there any better javascript org charts compared with Google Org Chart API?

I am using the Google charts API. Is there a way to hide the legend for a scatter plot?


Hiding the legend in Google Chart

I&#39;m trying to build a Google Chart to show some uptime and downtime percentages, stacked. This works great except for one small thing - I&#39;d like the baseline of the chart to be at 99.8, and the maximum to be 100 - since downtimes are usually less than .2, this will make the chart readable. 

This seemed simple enough to me. I figured this would work:

    var data = new google.visualization.DataTable();
    data.addColumn(&#39;string&#39;, &#39;Date&#39;);
    data.addColumn(&#39;number&#39;, &#39;Uptime&#39;);
    data.addColumn(&#39;number&#39;, &#39;Downtime&#39;);
    data.addRows([
      [&#39;Dec 1, 1830&#39;,   99.875, 0.125],
      [&#39;Dec 8, 1830&#39;,   99.675, 0.325],
      [&#39;Dec 15, 1830&#39;,  99.975, 0.025],
      [&#39;Dec 22, 1830&#39;,  100.0,  0.0]
    ]);

    var chart = new google.visualization.ColumnChart(document.getElementById(&#39;chart_div&#39;));
    chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: &quot;Percentage Uptime&quot;, minValue: 99.8, maxValue: 100}});

Unfortunately, the chart utterly disregards the minValue on the vAxis. This seems to be expected behaviour, according to the API, but this leaves the question - how would I accomplish this? I even went so far as to transform the data - ie, to subtract 99.8 from all the uptime values, and just have the chart go from 0 to .2, and this spits out a graph that looks okay, but I can&#39;t apply labels to the vertical axis that would say 99.8, 99.85, 99.9, whatever - the axis says, quite dutifully, 0 at the bottom, and .2 at the top, and there seems to be no way to fix it this directions, either. Either solution would be acceptable, I&#39;m sure there&#39;s SOME way to make this work?

Setting a hard minimum axis value in Google Charts API

I&#39;m using the [Google Charts API](http://code.google.com/apis/chart/) to include various graphs on a webapp I&#39;m working on.  I&#39;m using the javascript chart tools (**not** the image chart tools), and am wondering if it&#39;s possible to use a transparent background on a chart (e.g. line graph, pie chart, etc.)?

Google Charts (JS) - is there a way of using a transparent background on a chart?

How do I redraw/rescale a google linechart on window resize?

Content Type	Original Author	Original Content on Stackoverflow
Question	Dagg Nabbit	View Question on Stackoverflow
Solution 1 - Javascript	oldestlivingboy	View Answer on Stackoverflow

Graph Goat Teleportation Data with Google Vis. API via Chrome Extension

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to Exit a Method without Exiting the Program?

Bind Collection to StackPanel

Attributions