Set your css in the table cell to

    white-space:pre-wrap;

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    document.body.innerHTML = &#39;First line\nSecond line\nThird line&#39;;

&lt;!-- language: lang-css --&gt;

    body{ white-space:pre-wrap; }

&lt;!-- end snippet --&gt;



Use `&lt;br /&gt;` for new line in html:

    display_txt = display_txt.replace(/\n/g, &quot;&lt;br /&gt;&quot;);

You could use a pre tag instead of a div. This would automatically display your \n&#39;s in the correct way.

    &lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
    &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script&gt;
    $(document).ready(function(){
             var display_txt = &quot;1st line text&quot; +&quot;\n&quot; + &quot;2nd line text&quot;;
             $(&#39;#somediv&#39;).html(display_txt).css(&quot;color&quot;, &quot;green&quot;);
    });
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    
    &lt;pre&gt;
    &lt;p id=&quot;somediv&quot;&gt;&lt;/p&gt;
    &lt;/pre&gt;
    
    &lt;/body&gt;
    &lt;/html&gt;



I had the following problem where I was fetching data from a database and wanted to display a string containing `\n`. None of the solutions above worked for me and I finally came up with a solution: https://stackoverflow.com/a/61484190/7251208

It&#39;s been a while since I last used Eclipse.  I used to love this handy key shortcut that added all the imports to the top of the source file, but I&#39;ve forgotten it.  Does anyone know what this shortcut is?

Key Shortcut for Eclipse Imports

I am writing a node.js app on Heroku and using the [pg module][1]. I can&#39;t figure out the &quot;right&quot; way to get a client object for each request that I need to query the database.

The documentation uses code like this:

    pg.connect(conString, function(err, client) {
      // Use the client to do things here
    });

But surely you don&#39;t need to call `pg.connect` inside every function that uses the database right? I&#39;ve seen [other code][2] that does this:

    var conString = process.env.DATABASE_URL || &quot;tcp://postgres:1234@localhost/postgres&quot;;
    var client = new pg.Client(conString);
    client.connect();
    // client is a global so you can use it anywhere now

I am leaning toward the second option since I believe the free database instance for Heroku is limited to one connection anyway, but are there any drawbacks to doing it this way? Do I need to check if my client object is still connected every time before I use it?

  [1]: https://github.com/brianc/node-postgres
  [2]: https://github.com/metadaddy-sfdc/node_chat

What is the proper way to use the node.js postgresql module?

I have a string say

    string display_txt = &quot;1st line text&quot; +&quot;\n&quot; + &quot;2nd line text&quot;;

in Jquery, I am trying to use 

    (&#39;#somediv&#39;).html(display_txt).css(&quot;color&quot;, &quot;green&quot;)

quite clearly I am expecting my msg to be displayed in 2 lines, but instead \n is being displayed in the message. Any quick fixes for that?

Thanks,


Using new line(\n) in string and rendering the same in HTML

I have a string say
<pre><code class="hljs language-ini">string display_txt = "1st line text" +"\n" + "2nd line text";
</code></pre>
in Jquery, I am trying to use
<pre><code class="hljs language-arduino">('#somediv').html(display_txt).css("color", "green")
</code></pre>
quite clearly I am expecting my msg to be displayed in 2 lines, but instead \n is being displayed in the message. Any quick fixes for that?
Thanks,

I&#39;m looking for a way to include a slide effect for when you click a link to a local anchor either up or down the page.

I&#39;d like something where you have a link like so:

    &lt;a href=&quot;#nameofdivetc&quot;&gt;link text, img etc.&lt;/a&gt;

perhaps with a class added so you know you want this link to be a sliding link:

    &lt;a href=&quot;#nameofdivetc&quot; class=&quot;sliding-link&quot;&gt;link text, img etc.&lt;/a&gt;

Then if this link is clicked, the page slides up or down to the required place (could be a div, heading, top of page etc).

---

This is what I had previously:

        $(document).ready(function(){
    	$(&quot;.scroll&quot;).click(function(event){
    		//prevent the default action for the click event
    		event.preventDefault();
    
    		//get the full url - like mysitecom/index.htm#home
    		var full_url = this.href;
    
    		//split the url by # and get the anchor target name - home in mysitecom/index.htm#home
    		var parts = full_url.split(&quot;#&quot;);
    		var trgt = parts[1];
    
    		//get the top offset of the target anchor
    		var target_offset = $(&quot;#&quot;+trgt).offset();
    		var target_top = target_offset.top;
    
    		//goto that anchor by setting the body scroll top to anchor top
    		$(&#39;html, body&#39;).animate({scrollTop:target_top}, 1500, &#39;easeInSine&#39;);
    	});
    });

How to scroll up or down the page to an anchor using jQuery?

I have the the following code 

    &lt;b class=&quot;xyzxterms&quot; style=&quot;cursor: default; &quot;&gt;bryant keil bio&lt;/b&gt;

How would I replace the `b` tag to a `h1` tag but keep all other attributes and information?

how to change an element type using jquery

I have a hidden file input element. Is it possible to trigger its *select file* dialog box from a button&#39;s click event?

Programmatically trigger &quot;select file&quot; dialog box

Trying to figure out how to use the Jquery .on() method with a specific selector that has multiple events associated with it.  I was previously using the .live() method, but not quite sure how to accomplish the same feat with .on().  Please see my code below:

    $(&quot;table.planning_grid td&quot;).live({
	  mouseenter:function(){
         $(this).parent(&quot;tr&quot;).find(&quot;a.delete&quot;).show();
      },
      mouseleave:function(){
         $(this).parent(&quot;tr&quot;).find(&quot;a.delete&quot;).hide();        
      },
      click:function(){
        //do something else.
      }
    });
   		   
I know I can assign the multiple events by calling:
       
     $(&quot;table.planning_grid td&quot;).on({
        mouseenter:function(){  //see above
        },
        mouseleave:function(){ //see above
        }
        click:function(){ //etc
        }
      });

   But I believe the proper use of .on() would be like so:

       $(&quot;table.planning_grid&quot;).on(&#39;mouseenter&#39;,&#39;td&#39;,function(){});

Is there a way to accomplish this?  Or what is the best practice here?   I tried the code below, but no dice.  

    $(&quot;table.planning_grid&quot;).on(&#39;td&#39;,{
       mouseenter: function(){ /* event1 */ }, 
       mouseleave: function(){ /* event2 */ },
       click: function(){  /* event3 */ }
     });

 
Thanks in advance!






JQuery .on() method with multiple event handlers to one selector

I have links like this:

    &lt;a href=&quot;#&quot; onclick=&quot;myfunc({a:1, b:&#39;hi&#39;})&quot; /&gt;click&lt;/a&gt;
    &lt;a href=&quot;#&quot; onclick=&quot;myfunc({a:3, b:&#39;jo&#39;})&quot; /&gt;click&lt;/a&gt;

And I would like to do a `preventDefault()` inside `myfunc()`, because a `#` will be added in the address bar when clicking on the link 
(without doing `return false;` or `href=&#39;javascript:void(0);&#39;`)

Is this possible?
Can I get the event inside `myfunc()`

Access event to call preventdefault from custom function originating from onclick attribute of tag

In my web app (not native app) for mobiles, I want to take a photo and upload it, but I don&#39;t want to use Adobe Flash. Is there any way to do this?

How to access a mobile&#39;s camera from a web app?

I&#39;ve looked through a couple of questions to find out if an HTML5 element is playing, but can&#39;t find the answer. I&#39;ve looked at the W3 documentation and it has an event named &quot;playing&quot; but I can&#39;t seem to get it to work.

This is my current code:

    var stream = document.getElementsByTagName(&#39;video&#39;);
    
    function pauseStream() {
      if (stream.playing) {
        for (var i = 0; i &lt; stream.length; i++) {
          stream[i].pause();
          $(&quot;body &gt; header&quot;).addClass(&quot;paused_note&quot;);
          $(&quot;.paused_note&quot;).text(&quot;Stream Paused&quot;);
          $(&#39;.paused_note&#39;).css(&quot;opacity&quot;, &quot;1&quot;);
        }
      }
    }

Detect if HTML5 Video element is playing

I&#39;ve been trying to align an image to the center of the table td. It worked with setting margin-left to a specific value but it also increased the size of td too and that isn&#39;t exactly what I wanted



Is there any efficient ways of doing this? I used percentages for the height and witdh of the table.

Center image in table td in CSS

I have a very weird requirement, wherein I am required to have no option selected by default in drop down menu in HTML. However,

I cannot use this,

    

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-html --&gt;

    &lt;select&gt;
      &lt;option&gt;&lt;/option&gt;
      &lt;option&gt;Option 1&lt;/option&gt;
      &lt;option&gt;Option 2&lt;/option&gt;
      &lt;option&gt;Option 3&lt;/option&gt;
    &lt;/select&gt;

&lt;!-- end snippet --&gt;

Because, for this I will have to do validation to handle the first option. Can anyone help me in achieving this target without actually including the first option as part of the select tag? 

default select option as blank

In C++, what is the simplest way to convert a vector of ints (i.e. `vector&lt;int&gt;`) to a string ?

Converting a vector&lt;int&gt; to string

I am trying to define an `Enum` and add valid common separators which used in CSV or similar files. Then I am going to bind it to a `ComboBox` as a data source so whenever I add or remove from the Enum definition, I would not need to change anything in the combo box.

The problem is how can I define enum with string representation, something like:

`public enum SeparatorChars{Comma = &quot;,&quot;, Tab = &quot;\t&quot;, Space = &quot; &quot;}`

How to define an enum with string value?

In an Android string resource, how do I enforce a space?

For example, when I do &quot; result&quot; rather than &quot;result&quot; I still see &quot;result&quot; in my application&#39;s text view.

Enforcing spaces in string resources

I have four strings and any of them can be empty. I need to join them into one string with spaces between them. If I use:

    new_string = string1 + &#39; &#39; + string2 + &#39; &#39; + string3 + &#39; &#39; + string4

The result is a blank space on the beginning of the new string if `string1` is empty. Also, I have three blank spaces if `string2` and `string3` are empty. 

How can I easily join them without blank spaces when I don&#39;t need them?

Joining multiple strings if they are not empty in Python

I need to convert string like &quot;/[\w\s]+/&quot; to regular expression.

    &quot;/[\w\s]+/&quot; =&gt; /[\w\s]+/

I tried using different `Regexp` methods like:

`Regexp.new(&quot;/[\w\s]+/&quot;) =&gt; /\/[w ]+\//`, similarly `Regexp.compile` and `Regexp.escape`. But none of them returns as I expected.

Further more I tried removing backslashes:

`Regexp.new(&quot;[\w\s]+&quot;) =&gt; /[w ]+/ ` But not have a luck.

Then I tried to do it simple:

    str = &quot;[\w\s]+&quot;
    =&gt; &quot;[w ]+&quot;

It escapes. Now how could string remains as it is and convert to a regexp object?

Convert a string to regular expression ruby

I have the simple code:

    f = open(&#39;out.txt&#39;,&#39;w&#39;)
    f.write(&#39;line1\n&#39;)
    f.write(&#39;line2&#39;)
    f.close()

Code runs on windows and gives file size `12 bytes`, and linux gives `11 bytes`
The reason is new line

In linux it&#39;s `\n` and for win it is `\r\n`

But in my code I specify new line as `\n`. The question is how can I make python keep new line as `\n` always, and not check the operating system.


How can I force Python&#39;s file.write() to use the same newline format in Windows as in Linux (&quot;\r\n&quot; vs. &quot;\n&quot;)?

In Java, the newline and carriage return characters are both seem to be showing same effect.

What are the actual differences between char literals `\n` and `\r` in Java?

-----

Note that the above asks about the `\n` *character*, not the `newLine()` function on `BufferedWriter`, and so [this other question](https://stackoverflow.com/questions/3307747/difference-between-newline-and-carriage-return-r) isn&#39;t relevant.

What are the differences between char literals &#39;\n&#39; and &#39;\r&#39; in Java?

How do I use the new line character in R? 

    myStringVariable &lt;- &quot;Very Nice ! I like&quot;;
    
    myStringVariabel &lt;- paste(myStringVariable, &quot;\n&quot;, sep=&quot;&quot;);

The above code **DOESN&#39;T work**

P.S There&#39;s significant challenges when googling this kind of stuff since the query &quot;R new line character&quot; does seem to confuse google. I really wish R had a different name. 

R - do I need to add explicit new line character with print()?

I have an MVC3 app that has a details page. As part of that I have a description (retrieved from a db) that has spaces and new lines. When it is rendered the new lines and spaces are ignored by the html. I would like to encode those spaces and new lines so that they aren&#39;t ignored.

How do you do that?

I tried HTML.Encode but it ended up displaying the encoding (and not even on the spaces and new lines but on some other special characters)

Render a string in HTML and preserve spaces and linebreaks

As one can glean [from][1] [other][2] [posts][3], Git&#39;s end-of-line normalization has its pros and cons. I have one particular Windows-only project where I think the best thing to do is to is to disable end-of-line normalization altogether. That is, I want to leave all newlines (most of which are `CRLF`) intact, rather than have git normalize them to `LF`-only behind the scenes, and I want that change to affect all clones of the repository on all machines. The question is the most effective way to do it.

Most discussions of Git end-of-line normalization are in terms of `core.autocrlf`, and I could accomplish my goal by setting `core.autocrlf=false`. However, this is a git-config setting, and I believe one has to set that separately on each machine by machine. If true, that seems error prone, especially since the [`msysgit`][4] installer guides one into setting `core.autocrlf=true`.


  [1]: https://stackoverflow.com/questions/2332349/best-practices-for-cross-platform-git-config
  [2]: https://stackoverflow.com/questions/2016673/definitive-recommendation-for-git-autocrlf-settings
  [3]: https://stackoverflow.com/questions/1249932/git-1-6-4-beta-on-windows-msysgit-unix-or-dos-line-termination
  [4]: http://code.google.com/p/msysgit/

Content Type	Original Author	Original Content on Stackoverflow
Question	KeenUser	View Question on Stackoverflow
Solution 1 - Jquery	vsync	View Answer on Stackoverflow
Solution 2 - Jquery	Samich	View Answer on Stackoverflow
Solution 3 - Jquery	Frank im Wald	View Answer on Stackoverflow
Solution 4 - Jquery	user1046334	View Answer on Stackoverflow
Solution 5 - Jquery	Kevin H Griffith	View Answer on Stackoverflow

Using new line(\n) in string and rendering the same in HTML

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Solution 4 - Jquery

Solution 5 - Jquery

What is the proper way to use the node.js postgresql module?

Key Shortcut for Eclipse Imports

Attributions