    document.getElementById(&quot;serverTime&quot;).innerHTML = ...;

Replace whatever is in the address bar with this:

    javascript:document.getElementById(&#39;serverTime&#39;).innerHTML=&#39;[text here]&#39;;

[Example](http://jsfiddle.net/purmou/QuNN6/).

I can&#39;t believe that neither a Google or SO search has turned up a definitive answer or even much discussion for this, but:

Is it possible to edit/customize keyboard shortcuts in the Google Chrome JavaScript debugger?  if so, how?

I&#39;m used to Eclipse&#39;s &lt;kbd&gt;F5&lt;/kbd&gt;/&lt;kbd&gt;F6&lt;/kbd&gt;/&lt;kbd&gt;F7&lt;/kbd&gt;/&lt;kbd&gt;F8&lt;/kbd&gt; debugger step into/over/out of/resume keys, and want the same bindings in Google Chrome.  &lt;kbd&gt;F10&lt;/kbd&gt;/&lt;kbd&gt;F11&lt;/kbd&gt; are default Expose keys for OSX and therefore not ideal for debugger control.

I&#39;m open to unorthodox solutions, e.g. Quicksilver/AppleScript.

Related, but not-quite-helpful, pages:

* https://stackoverflow.com/questions/1437412/
* [Chrome Keyboard Shortcuts Documentation](http://code.google.com/chrome/devtools/docs/shortcuts.html)

customize chrome developer tool javascript debugger keyboard shortcuts?

Normally you just get `logger` service, and logs go to:

    %kernel.root_dir%/%kernel.environment%.log
I would like to log messages form SOAP services **ONLY** to: 

    %kernel.root_dir%/%kernel.environment%.soap.log
not to main logfile.

I&#39;ve read the cookbook, but I don&#39;t understand how to configure monolog. 

Any help, clues?

How to write logs from one service into separate file?

&gt; **Possible Duplicate:**  
&gt; [How do I change the text of a span element in javascript](https://stackoverflow.com/questions/1358810/how-do-i-change-the-text-of-a-span-element-in-javascript)  

&lt;!-- End of automatically inserted text --&gt;

Well, I&#39;ve searched a lot for the answer to this, but still I couldn&#39;t find it. What I did find didn&#39;t work.

What I&#39;m trying to do is, basically, using JavaScript: At the browser&#39;s bar, not via Greasemonkey or something else, edit a span&#39;s text .

This&#39; the span that contains the text I want to edit:

    &lt;span id=&quot;serverTime&quot;&gt;5:46:40&lt;/span&gt;

The time within is just random, don&#39;t pay attention to it, it&#39;s what I want to edit using javascript..

I&#39;m a newbie so yeah :\

Change span text?

> Possible Duplicate: 
> <a href="https://stackoverflow.com/questions/1358810/how-do-i-change-the-text-of-a-span-element-in-javascript" target="_blank" rel="noopener noreferrer">How do I change the text of a span element in javascript</a>

Well, I've searched a lot for the answer to this, but still I couldn't find it. What I did find didn't work.
What I'm trying to do is, basically, using JavaScript: At the browser's bar, not via Greasemonkey or something else, edit a span's text .
This' the span that contains the text I want to edit:
<pre><code class="hljs language-bash">&#x3C;span id="serverTime">5:46:40&#x3C;/span>
</code></pre>
The time within is just random, don't pay attention to it, it's what I want to edit using javascript..
I'm a newbie so yeah :\

I&#39;m new to Capybara and testing on Rails in general, so please forgive me if this is a simple answer.

I&#39;ve got this test

    it &quot;should be able to edit an assignment&quot; do
        visit dashboard_path
        select(@project.client + &quot; - &quot; + @project.name, :from =&gt; &quot;assignment_project_id&quot;)
        select(@team_member.first_name + &quot; &quot; + @team_member.last_name, :from =&gt; &quot;assignment_person_id&quot;)
        click_button &quot;Create assignment&quot;
        page.should have_content(@team_member.first_name)
    end

it passes as is, but if I add :js =&gt; true it fails with

    cannot select option, no option with text &#39;Test client - Test project&#39; in select box &#39;assignment_project_id&#39;

I&#39;m using FactoryGirl to create the data, and as the test passes without JS, I know that part is working. 

I&#39;ve tried with the default JS driver, and with the :webkit driver (with capybara-webkit installed)

I guess I don&#39;t understand enough what turning on JS for Capybara is doing.

Why would the test fail with JS on?

Capybara with :js =&gt; true causes test to fail

I&#39;m trying to compile a list of information that is accessible via javascript such as:

 - Geo-location
 - IP address
 - Browser software
 - Exit location
 - Entrance location

I understand that a user can alter any of this information and that it&#39;s reliability is purely trust related, but I am still interested in what other information can be mined from the client.

What information can we access from the client?

Imagine I have an JS array like this:

    var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];

What I want is to split that array into N smaller arrays. For instance:

    split_list_in_n(a, 2)
    [[1, 2, 3, 4, 5, 6], [7, 8, 9, 10, 11]]
    
    For N = 3:
    [[1, 2, 3, 4], [5, 6, 7, 8], [9, 10, 11]]
    
    For N = 4:
    [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10, 11]]
    
    For N = 5:
    [[1, 2, 3], [4, 5], [6, 7], [8, 9], [10, 11]]


For Python, I have this:

    def split_list_in_n(l, cols):
        &quot;&quot;&quot; Split up a list in n lists evenly size chuncks &quot;&quot;&quot;
        start = 0
        for i in xrange(cols):
            stop = start + len(l[i::cols])
            yield l[start:stop]
            start = stop

For JS, the best right solution that I could come up with is a recursive function, but I don&#39;t like it because it&#39;s complicated and ugly. This inner function returns an array like this [1, 2, 3, null, 4, 5, 6, null, 7, 8], and then I have to loop it again and split it manually. (My first attempt was returning this: [1, 2, 3, [4, 5, 6, [7, 8, 9]]], and I decided to do it with the null separator).

    function split(array, cols) {
        if (cols==1) return array;
        var size = Math.ceil(array.length / cols);
        return array.slice(0, size).concat([null]).concat(split(array.slice(size), cols-1));
    }

Here&#39;s a jsfiddle of that: http://jsfiddle.net/uduhH/

How would you do that? Thanks!

Splitting a JS array into N arrays

Is there a way to get the mouse wheel events (not talking about `scroll` events) in jQuery?

Get mouse wheel events in jQuery?

&gt; **Possible Duplicate:**  
&gt; [JavaScript for detecting browser language preference](https://stackoverflow.com/questions/1043339/javascript-for-detecting-browser-language-preference)  

&lt;!-- End of automatically inserted text --&gt;

I want to detect the language of the browser that is entering my site, if it&#39;s En or Fr. So I can redirect to the En page or the other page.

Also, can I detect mobile language?

How to get the browser language using JavaScript

Is it possible to have **part** of the text of a legend in a particular style, let&#39;s say, **bold** or _italic_?

Styling part of label in legend in matplotlib

I&#39;m working with a .txt file. I want a string of the text from the file with no non-ASCII characters. However, I want to leave spaces and periods. At present, I&#39;m stripping those too. Here&#39;s the code:

    def onlyascii(char):
        if ord(char) &lt; 48 or ord(char) &gt; 127: return &#39;&#39;
        else: return char
    
    def get_my_string(file_path):
        f=open(file_path,&#39;r&#39;)
        data=f.read()
        f.close()
        filtered_data=filter(onlyascii, data)
        filtered_data = filtered_data.lower()
        return filtered_data

How should I modify onlyascii() to leave spaces and periods? I imagine it&#39;s not too complicated but I can&#39;t figure it out.

How can I remove non-ASCII characters but leave periods and spaces?

**Input:** `&quot;tableapplechairtablecupboard...&quot;` many words  

What would be an efficient algorithm to split such text to the list of words and get:  

**Output:** `[&quot;table&quot;, &quot;apple&quot;, &quot;chair&quot;, &quot;table&quot;, [&quot;cupboard&quot;, [&quot;cup&quot;, &quot;board&quot;]], ...]`

First thing that cames to mind is to go through all possible words (starting with first letter) and find the longest word possible, continue from `position=word_position+len(word)`

P.S.  
We have a list of all possible words.  
Word &quot;cupboard&quot; can be &quot;cup&quot; and &quot;board&quot;, select longest.  
Language: python, but main thing is the algorithm itself. 

How to split text without spaces into list of words


E.g:

    print &quot;hello&quot;

What should I do to make the text &quot;hello&quot; bold?

How to print bold text in Python?

Is there syntax highlighting for assembly in Sublime Text 2?

When using `ng-repeat` what is the best way to be able to edit content?

In my ideal situation the **added** birthday would be a hyperlink, when this is tapped it will show an edit form - just the same as the current add form with an update button.

[Live Preview (Plunker)][1]

**HTML:**

    &lt;!DOCTYPE html&gt;
    &lt;html&gt;
      &lt;head lang=&quot;en&quot;&gt;
        &lt;meta charset=&quot;utf-8&quot;&gt;
        &lt;title&gt;Custom Plunker&lt;/title&gt;
        &lt;script src=&quot;//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js&quot;&gt;&lt;/script&gt;
        &lt;script&gt;
          document.write(&#39;&lt;base href=&quot;&#39; + document.location + &#39;&quot; /&gt;&#39;);
        &lt;/script&gt;
        &lt;script src=&quot;app.js&quot;&gt;&lt;/script&gt;
        &lt;link href=&quot;//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/css/bootstrap-combined.min.css&quot;
        rel=&quot;stylesheet&quot;&gt;
      &lt;/head&gt;
    &lt;body ng-app=&quot;birthdayToDo&quot; ng-controller=&quot;main&quot;&gt;
        &lt;div id=&quot;wrap&quot;&gt;
    
          &lt;!-- Begin page content --&gt;
          &lt;div class=&quot;container&quot;&gt;
            &lt;div class=&quot;page-header&quot;&gt;
              &lt;h1&gt;Birthday Reminders&lt;/h1&gt;
            &lt;/div&gt;
                &lt;ul ng-repeat=&quot;bday in bdays&quot;&gt;
                    &lt;li&gt;{{bday.name}} | {{bday.date}}&lt;/li&gt;
                &lt;/ul&gt;
    
               &lt;form ng-show=&quot;visible&quot; ng-submit=&quot;newBirthday()&quot;&gt;
                &lt;label&gt;Name:&lt;/label&gt;
                &lt;input type=&quot;text&quot; ng-model=&quot;bdayname&quot; placeholder=&quot;Name&quot; ng-required/&gt;
                &lt;label&gt;Date:&lt;/label&gt;
                &lt;input type=&quot;date&quot; ng-model=&quot;bdaydate&quot; placeholder=&quot;Date&quot; ng-required/&gt;
                &lt;br/&gt;
                &lt;button class=&quot;btn&quot; type=&quot;submit&quot;&gt;Save&lt;/button&gt;
            &lt;/form&gt;
          &lt;/div&gt;
    
          &lt;div id=&quot;push&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
    
        &lt;div id=&quot;footer&quot;&gt;
          &lt;div class=&quot;container&quot;&gt;
            &lt;a class=&quot;btn&quot; ng-click=&quot;visible = true&quot;&gt;&lt;i class=&quot;icon-plus&quot;&gt;&lt;/i&gt;Add&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;/body&gt;

**App.js:**

    var app = angular.module(&#39;birthdayToDo&#39;, []);
    
    app.controller(&#39;main&#39;, function($scope){ 
    
        // Start as not visible but when button is tapped it will show as true 
    
            $scope.visible = false;
    
        // Create the array to hold the list of Birthdays
    
            $scope.bdays = [];
    
        // Create the function to push the data into the &quot;bdays&quot; array
    
        $scope.newBirthday = function(){
    
            $scope.bdays.push({name:$scope.bdayname, date:$scope.bdaydate});
    
            $scope.bdayname = &#39;&#39;;
            $scope.bdaydate = &#39;&#39;;
    
        };
    });


  [1]: http://plnkr.co/edit/E35yeU?p=preview

Edit In Place Content Editing

I am trying to write a function that enables me to remove an item when the button is clicked but I think I am getting confused with the function - do I use `$digest`?

HTML &amp; app.js:

    &lt;ul ng-repeat=&quot;bday in bdays&quot;&gt;
      &lt;li&gt;
        &lt;span ng-hide=&quot;editing&quot; ng-click=&quot;editing = true&quot;&gt;{{bday.name}} | {{bday.date}}&lt;/span&gt;
        &lt;form ng-show=&quot;editing&quot; ng-submit=&quot;editing = false&quot;&gt;
          &lt;label&gt;Name:&lt;/label&gt;
          &lt;input type=&quot;text&quot; ng-model=&quot;bday.name&quot; placeholder=&quot;Name&quot; ng-required/&gt;
          &lt;label&gt;Date:&lt;/label&gt;
          &lt;input type=&quot;date&quot; ng-model=&quot;bday.date&quot; placeholder=&quot;Date&quot; ng-required/&gt;
          &lt;br/&gt;
          &lt;button class=&quot;btn&quot; type=&quot;submit&quot;&gt;Save&lt;/button&gt;
          &lt;a class=&quot;btn&quot; ng-click=&quot;remove()&quot;&gt;Delete&lt;/a&gt;
        &lt;/form&gt;
      &lt;/li&gt;
    &lt;/ul&gt;

    $scope.remove = function(){
      $scope.newBirthday = $scope.$digest();
    };

How do I delete an item or object from an array using ng-click?

This is quite a simple question: 

I just need to open a file (this filename is galfit.feedme). I can view the file with view galfit.feedme when I&#39;m in the directory, but I do not know how to edit this file and then save the edit. How do you do that? 

How to edit/save a file through Ubuntu Terminal

How can I collapse all definitions and methods within the Android Studio editor?

Visual Studio has that option on `Edit--&gt;Outlining`, but I cannot find a similar feature in Android Studio. I am sure that this feature exists.

How can I access Android Studio&#39;s outlining feature?

Android Studio Collapse definitions and methods

Does API 21 provide a method to use the following feature:

http://www.google.com/design/spec/components/text-fields.html#text-fields-floating-labels

I&#39;m trying to float the EditText hints.

Thanks!

Android EditText view Floating Hint in Material Design

I have this css:

    a:visited 
    {
    	text-decoration: none; 
    	decoration: none; 
    }

After a link is visited it changes color. 

It is happening to the &quot;Browse All Problems&quot; link on the bottom of the right side of this page: http://www.problemio.com

Thanks!

How to make link not change color after visited?

I have a background image in the following div, but the image gets cut off:

     &lt;div style=&#39;text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;&#39; id=&quot;mainpage&quot; align=&quot;center&quot;&gt;

Is there a way to show the background image without cutting it off?

Fit background image to div

How come I get this message from Firefox Web Console 

&gt;The Web Console logging API (console.log, console.info, console.warn, console.error) has been disabled by a script on this page

The same webpage can print messages in Chrome Console but not Firefox. I opened the same webpage in another computers&#39; Firefox (don&#39;t know what version) Web Console can print messages. My Firefox version is the latest, 8.0.

Firefox Web Console Disabled?

I have a table with 100% width. If I put `&lt;td&gt;`s in it, they get spread out with equal length columns. However, I want all the columns except last to have as small a width as possible, without wrapping text.

What I did first was that I set `width=&quot;1px&quot;` in all `&lt;td&gt;`s except last (although deprecated, but the `style=&quot;width:1px&quot;` didn&#39;t have any effect), which worked fine until I had multi-word data in the column. In that case, to keep the length as small as possible, it wrapped my text.

Let me demonstrate. Imagine this table:

    ---------------------------------------------------------------------------------
    element1 | data      | junk here   | last column
    ---------------------------------------------------------------------------------
    elem     | more data | other stuff | again, last column
    ---------------------------------------------------------------------------------
    more     | of        | these       | rows
    ---------------------------------------------------------------------------------

No matter what I try, what I keep getting is either this:

    ---------------------------------------------------------------------------------
    element1         | data             | junk here        | last column
    ---------------------------------------------------------------------------------
    elem             | more data        | other stuff      | again, last column
    ---------------------------------------------------------------------------------
    more             | of               | these            | rows
    ---------------------------------------------------------------------------------

or (even though I set `style=&quot;whitespace-wrap:nowrap&quot;`) this:

    ---------------------------------------------------------------------------------
             |      | junk  | last
    element1 | data |       | 
             |      | here  | column
    ---------------------------------------------------------------------------------
             | more | other | again,
    elem     |      |       | last
             | data | stuff | column
    ---------------------------------------------------------------------------------
    more     | of   | these | rows
    ---------------------------------------------------------------------------------

I want to get the table I presented first. How do I achieve this? (I&#39;d rather stick to standard and using CSS. I honestly don&#39;t care if IE hasn&#39;t implemented part of the standard either)

More explanation: What I need is to keep the columns as short as possible without wrapping words (last column should be as large as it needs to make the table width actually reach 100%). If you know LaTeX, what I want is how tables naturally appear in LaTeX when you set their width to 100%.

Note: I found [this](https://stackoverflow.com/questions/1060933/how-to-make-last-cell-of-a-row-in-a-table-occupy-all-remaining-width) but it still gives me the same as last table.

How do I set the table cell widths to minimum except last column?

I am writing a page where I need an html table to maintain a set size. I need the headers at the top of the table to stay there at all times but I also need the body of the table to scroll no matter how many rows are added to the table. 

I want it to look like method 2 in this url: [http://www.cssplay.co.uk/menu/tablescroll.html][1]


  [1]: http://www.cssplay.co.uk/menu/tablescroll.html

I have tried doing this but no scrollbar appears:

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    tbody {
      height: 80em;
      overflow: scroll;
    }

&lt;!-- language: lang-html --&gt;

    &lt;table border=1 id=&quot;qandatbl&quot; align=&quot;center&quot;&gt;
      &lt;tr&gt;
        &lt;th class=&quot;col1&quot;&gt;Question No&lt;/th&gt;
        &lt;th class=&quot;col2&quot;&gt;Option Type&lt;/th&gt;
        &lt;th class=&quot;col1&quot;&gt;Duration&lt;/th&gt;
      &lt;/tr&gt;

      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td class=&#39;qid&#39;&gt;&lt;/td&gt;
          &lt;td class=&quot;options&quot;&gt;&lt;/td&gt;
          &lt;td class=&quot;duration&quot;&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;

&lt;!-- end snippet --&gt;

Content Type	Original Author	Original Content on Stackoverflow
Question	user1053018	View Question on Stackoverflow
Solution 1 - Javascript	SLaks	View Answer on Stackoverflow
Solution 2 - Javascript	Purag	View Answer on Stackoverflow

Change span text?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

How to write logs from one service into separate file?

customize chrome developer tool javascript debugger keyboard shortcuts?

Attributions