The `value` attribute on `submit`-type `&lt;input&gt;` elements controls the text displayed.

    &lt;input type=&quot;submit&quot; class=&quot;like&quot; value=&quot;Like&quot; /&gt;

The `value` attribute is used to determine the rendered label of a submit input.

    &lt;input type=&quot;submit&quot; class=&quot;like&quot; value=&quot;Like&quot; /&gt;

Note that if the control is successful (this one won&#39;t be as it has no `name`) this will also be the submitted value for it.

To have a different submitted value and label you need to use a button element, in which the textNode inside the element determines the label. You can include other elements (including `&lt;img&gt;` here).

    &lt;button type=&quot;submit&quot; class=&quot;like&quot; name=&quot;foo&quot; value=&quot;bar&quot;&gt;Like&lt;/button&gt;

Note that support for `&lt;button&gt;` is dodgy in older versions of Internet Explorer.

    &lt;input name=&quot;submitBnt&quot; type=&quot;submit&quot; value=&quot;like&quot;/&gt;

name is useful when using `$_POST` in php and also in javascript as `document.getElementByName(&#39;submitBnt&#39;)`.
Also you can use name as a CS selector like `input[name=&quot;submitBnt&quot;]`;
Hope this helps

How to create Java Gradle project from command line?

It should create [standard maven folder layout][1] like on the picture below.

![Java Gradle created with Eclipse plugin][2]

UPDATE: 

 .1. From http://www.gradle.org/docs/current/userguide/tutorial_java_projects.html
I need to create file `build.gradle` with 2 lines

&gt;     apply plugin: &#39;java&#39;
&gt;     apply plugin: &#39;eclipse&#39;

 .2. Add to `build.gradle` task below, than execute `gradle create-dirs`

&gt;     task &quot;create-dirs&quot; &lt;&lt; {
&gt;        sourceSets*.java.srcDirs*.each { it.mkdirs() }
&gt;        sourceSets*.resources.srcDirs*.each { it.mkdirs() }
&gt;     }

.3. Then run `gradle eclipse` (or corresponding string to other IDE plugin configured)

So is there way to do it in one command?

  [1]: http://maven.apache.org/guides/introduction/introduction-to-the-standard-directory-layout.html
  [2]: http://i.stack.imgur.com/jQpfh.png




How to create Java gradle project

I have two questions:

 1. There are multiple remote linux machines, and I need to write a shell script which will execute the same set of commands in each machine. (Including some sudo operations). How can this be done using shell scripting? 
 2. When ssh&#39;ing to the remote machine, how to handle when it prompts for RSA fingerprint authentication. 

The remote machines are VMs created on the run and I just have their IPs. So, I cant place a script file beforehand in those machines and execute them from my machine.

write a shell script to ssh to a remote machine and execute commands

I have a tag, `&lt;input type=&quot;submit&quot; class=&quot;like&quot;/&gt;`.
I want to have the text inside the button say &quot;Like&quot;, but right now, it says &quot;Submit&quot;.

`class=&quot;like&quot;` is the CSS of the button, by the way.

Change text from &quot;Submit&quot; on input tag

<p>I have a tag, <code>&#x3C;input type="submit" class="like"/></code>.
I want to have the text inside the button say "Like", but right now, it says "Submit".</p>
<p><code>class="like"</code> is the CSS of the button, by the way.</p>


I have a base64-encoded image from the server for which I want to force the download through JavaScript. Is is possible?

How to download a base64-encoded image?

I&#39;m trying to place a background image on the back of this canvas script I found. I know it&#39;s something to do with the context.fillstyle but not sure how to go about it. I&#39;d like that line to read something like this:

	context.fillStyle = &quot;url(&#39;http://www.samskirrow.com/background.png&#39;)&quot;;

Here is my current code:

    var waveform = (function() {

	var req = new XMLHttpRequest();
	req.open(&quot;GET&quot;, &quot;js/jquery-1.6.4.min.js&quot;, false);
	req.send();
	eval(req.responseText);
	req.open(&quot;GET&quot;, &quot;js/soundmanager2.js&quot;, false);
	req.send();
	eval(req.responseText);
	req.open(&quot;GET&quot;, &quot;js/soundcloudplayer.js&quot;, false);
	req.send();
	eval(req.responseText);
	req.open(&quot;GET&quot;, &quot;js/raf.js&quot;, false);
	req.send();
	eval(req.responseText);

	// soundcloud player setup

	soundManager.usePolicyFile = true;
	soundManager.url = &#39;http://www.samskirrow.com/client-kyra/js/&#39;;
	soundManager.flashVersion = 9;
	soundManager.useFlashBlock = false;
	soundManager.debugFlash = false;
	soundManager.debugMode = false;
	soundManager.useHighPerformance = true;
	soundManager.wmode = &#39;transparent&#39;;
	soundManager.useFastPolling = true;
	soundManager.usePeakData = true;
	soundManager.useWaveformData = true;
	soundManager.useEqData = true;

	var clientID = &quot;345ae40b30261fe4d9e6719f6e838dac&quot;;
	var playlistUrl = &quot;https://soundcloud.com/kyraofficial/sets/kyra-ft-cashtastic-good-love&quot;;

	var waveLeft = [];
	var waveRight = [];

	// canvas animation setup
	var canvas;
	var context;

	function init(c) {
		canvas = document.getElementById(c);
		context = canvas.getContext(&quot;2d&quot;);
		soundManager.onready(function() {
			initSound(clientID, playlistUrl);
		});
		aniloop();
	}

	function aniloop() {
		requestAnimFrame(aniloop);
		drawWave();
	}

	function drawWave() {
		
		var step = 10;
		var scale = 60;
		
		// clear
		context.fillStyle = &quot;#ff19a7&quot;;
		context.fillRect(0, 0, canvas.width, canvas.height);
		
		// left wave
		context.beginPath();
				
		for ( var i = 0; i &lt; 256; i++) {
			
			var l = (i/(256-step)) * 1000;
			var t = (scale + waveLeft[i] * -scale);
			
			if (i == 0) {
			context.moveTo(l,t);
			} else {
			context.lineTo(l,t); //change &#39;128&#39; to vary height of wave, change &#39;256&#39; to move wave up or down.
		}
		}
		
		context.stroke();


		// right wave
		context.beginPath();
		context.moveTo(0, 256);
		for ( var i = 0; i &lt; 256; i++) {
			
			context.lineTo(4 * i, 255 + waveRight[i] * 128.);
		}
		context.lineWidth = 0.5;
		context.strokeStyle = &quot;#000&quot;;
		context.stroke();
	}

	function updateWave(sound) {
		waveLeft = sound.waveformData.left;
	}

	return {
		init : init
	};
    })();

Revised code - currently just showing black as the background, not an image:

    // canvas animation setup
	var backgroundImage = new Image(); 
	backgroundImage.src = &#39;http://www.samskirrow.com/images/main-bg.jpg&#39;; 
	var canvas;
	var context;

	function init(c) {
		canvas = document.getElementById(c);
		context = canvas.getContext(&quot;2d&quot;);
		soundManager.onready(function() {
			initSound(clientID, playlistUrl);
		});
		aniloop();
	}

	function aniloop() {
		requestAnimFrame(aniloop);
		drawWave();
	}

	function drawWave() {
		
		var step = 10;
		var scale = 60;
		
		// clear
		context.drawImage(backgroundImage, 0, 0);
		context.fillRect(0, 0, canvas.width, canvas.height);
		
		// left wave
		context.beginPath();
				
		for ( var i = 0; i &lt; 256; i++) {
			
			var l = (i/(256-step)) * 1000;
			var t = (scale + waveLeft[i] * -scale);
			
			if (i == 0) {
			context.moveTo(l,t);
			} else {
			context.lineTo(l,t); //change &#39;128&#39; to vary height of wave, change &#39;256&#39; to move wave up or down.
		}
		}
		
		context.stroke();


		// right wave
		context.beginPath();
		context.moveTo(0, 256);
		for ( var i = 0; i &lt; 256; i++) {
			
			context.lineTo(4 * i, 255 + waveRight[i] * 128.);
		}
		context.lineWidth = 0.5;
		context.strokeStyle = &quot;#ff19a7&quot;;
		context.stroke();
	}

	function updateWave(sound) {
		waveLeft = sound.waveformData.left;
	}

	return {
		init : init
	};
    })();
 

HTML5 Canvas background image

I&#39;m working on a bootstrap site and after updating to bootstrap 2.2 from 2.0 everything worked except the popover.

The popovers still show up fine, but they don&#39;t show up on top of all other elements. 

    &lt;div&gt; // this sits on top of the popover. this did not happen before cleaning up scripts.
         &lt;div&gt;  //popover shows on top of this
              &lt;div&gt; //popover shows on top of this
                   //link here with popover in it.
              &lt;/div&gt;
         &lt;/div&gt;
    &lt;/div&gt;

Anyone have any idea on why the behavior of the popover changed, or how I can fix it? Thanks.

bootstrap popover not showing on top of all elements

Is there any way I can disable all external CSS in a browser (Firefox, Chrome...)?

When using slower internet connection, sometimes only the bare HTML is loaded by the browser without the CSS info. It looks like the page has been laid raw on the screen. You would have noticed this with StackOverflow too.

I want to make sure that my web page shows up OK even if the CSS files are not loaded.

I didn&#39;t mean I want to convert external CSS to inline. But I want a way to explicitly disable all CSS from the browser so that I can reposition my elements in a better, readable way.

I know I can remove the &amp;lt;link rel=&#39;stylesheet&#39;&amp;gt; entries, but what if I have a lot of linked pages?

How to disable CSS in Browser for testing purposes

Say I have a single `span` element defined as an inline-block. It&#39;s only contents is plain text. When the font size is very large, you can clearly see how the browser adds a little padding above and below the text.

HTML:

   

CSS:

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    span {
      display: inline-block;
      font-size: 50px;
      background-color: green;
    }

    ​

&lt;!-- language: lang-html --&gt;

    &lt;span&gt;BIG TEXT&lt;/span&gt;

&lt;!-- end snippet --&gt;

Looking at the box model, it&#39;s clear the browser is adding padding _inside the content edge_. I need to remove this &quot;padding&quot;, one way is to simply alter the line-height, as with:

http://jsfiddle.net/7vNpJ/1/

This works great in Chrome but in Firefox the text is shifting towards the top (FF17, Chrome 23, Mac OSX).

Any idea of a cross-browser solution? Thanks!

Content Type	Original Author	Original Content on Stackoverflow
Question	user1261817	View Question on Stackoverflow
Solution 1 - Html	Ry-	View Answer on Stackoverflow
Solution 2 - Html	Quentin	View Answer on Stackoverflow
Solution 3 - Html	bashleigh	View Answer on Stackoverflow

Change text from "Submit" on input tag

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

write a shell script to ssh to a remote machine and execute commands

How to create Java gradle project

Attributions