If the button is within a form, the default behavior is submit.

If the button is not within a form, it will do nothing.

BUT BE AWARE!

&gt; Always specify the type attribute for
&gt; the button. The default type for
&gt; Internet Explorer is &quot;button&quot;, while
&gt; in other browsers (and in the W3C
&gt; specification) it is &quot;submit&quot;.

Taken from  http://www.w3schools.com/tags/tag_button.asp

Yes it default to the `submit` type.

&gt; type = submit|button|reset [CI]  
&gt;    This attribute declares the type of the button. Possible values:  
&gt; 
&gt;    `submit`: Creates a submit button. This is **the default value**.

See: http://www.w3.org/TR/html401/interact/forms.html#h-17.5


So when the `button` is inside a form it will submit it, when it&#39;s not inside a form, it still defaults to `submit` but does nothing (since there&#39;s no form associated with it).

As raRaRa has pointed out below older versions of IE have the `button` tag default type set to `button`:  http://www.thefutureoftheweb.com/blog/button-wont-submit-in-ie



I have a string of raw HTTP and I would like to represent the fields in an object. Is there any way to parse the individual headers from an HTTP string?

    &#39;GET /search?sourceid=chrome&amp;ie=UTF-8&amp;q=ergterst HTTP/1.1\r\nHost: www.google.com\r\nConnection: keep-alive\r\nAccept: application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5\r\nUser-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_6; en-US) AppleWebKit/534.13 (KHTML, like Gecko) Chrome/9.0.597.45 Safari/534.13\r\nAccept-Encoding: gzip,deflate,sdch\r\nAvail-Dictionary: GeNLY2f-\r\nAccept-Language: en-US,en;q=0.8\r\n
    [...]&#39;



Parse raw HTTP Headers

How can I convert between these two color types?

How to convert from System.Drawing.Color to System.Windows.Media.Color?

What is the standard behavior for when a `&lt;button&gt;` element is clicked in a form? Will it submit the form?

Question is about tag/element `&lt;button&gt;`, not `&lt;input type=button&gt;`.

What&#39;s standard behavior when &lt;button&gt; element is clicked? Will it submit the form?

<p>What is the standard behavior for when a <code>&#x3C;button></code> element is clicked in a form? Will it submit the form?</p>
<p>Question is about tag/element <code>&#x3C;button></code>, not <code>&#x3C;input type=button></code>.</p>


Firebug has the ability to log calls to a particular function name.  I&#39;m looking for a bug that sometimes stops a page from rendering, but doesn&#39;t cause any errors or warnings.  The bug only appears about half the time.  So how do I get a list of all the function calls for the entire program, or some kind of stack trace for the execution of the entire program?

Print function log /stack trace for entire program using firebug

I&#39;m a bit of a rambler, but I&#39;ll try to keep this clear -

I&#39;m bored, so I&#39;m working on a **&quot;shoutbox&quot;**, and I&#39;m a little confused over one thing. I want to get the time that a message is entered, and I want to make sure I&#39;m getting the server time, or at least make sure I&#39;m not getting the local time of the user. I know it doesn&#39;t matter, since this thing won&#39;t be used by anyone besides me, but I want to be thorough. I&#39;ve looked around and tested a few things, and I think the only way to do this is to get the milliseconds since **January 1, 1970 00:00:00 UTC**, since that&#39;d be the same for everyone.

I&#39;m doing that like so:

    var time = new Date();
    var time = time.getTime();

That returns a number like `1294862756114`.

Is there a way to convert `1294862756114` to a more readable date, like `DD/MM/YYYY HH:MM:SS`?

So, basically, I&#39;m looking for JavaScript&#39;s equivalent of PHP&#39;s `date();` function.


Converting milliseconds to a date (jQuery/JavaScript)

What are my restrictions if I want to code node.js and use CoffeeScript?
Can I do anything I&#39;d be able to do in JS?

Can I use CoffeeScript instead of JS for node.js?

I am new to phonegap and android development. May I know how can I debug javascript error on the emulator? I have heard about ADB may I know how can I use and install it on windows 7 system? I have an ajax called with jsonp but no response on emulator. However, I can call that ajax with browser on windows. May I know what went wrong?

debug javascript in android emulator with phonegap

I am just wondering how to show an image that indicates that the async request is running. I use the following code to perform a async request:

    $.ajax({
	  url: uri,
	  cache: false,
	  success: function(html){
		$(&#39;.info&#39;).append(html);
	  }
	});

Any ideas?

Show loading image while $.ajax is performed

How do I bind a function to the HTML5 localStorage change event using jQuery?

    $(function () {

      $(window).bind(&#39;storage&#39;, function (e) {
        alert(&#39;storage changed&#39;);
      });

      localStorage.setItem(&#39;a&#39;, &#39;test&#39;);

    });

I&#39;ve tried the above but the alert is not showing.

_Update_: It works in Firefox 3.6 but it doesn&#39;t work in Chrome 8 or IE 8 so the question should be more &#39;How to bind to localStorage change event using jQuery for all browsers?&#39;

How to bind to localStorage change event using jQuery for all browsers?

The logic in the `change()` event handler is not being run when the value is set by `val()`, but it does run when user selects a value with their mouse. Why is this?

    &lt;select id=&quot;single&quot;&gt;
        &lt;option&gt;Single&lt;/option&gt;
        &lt;option&gt;Single2&lt;/option&gt;
    &lt;/select&gt;

    &lt;script&gt;
        $(function() {
            $(&quot;:input#single&quot;).change(function() {
               /* Logic here does not execute when val() is used */
            });
        });
    
        $(&quot;#single&quot;).val(&quot;Single2&quot;);
    &lt;/script&gt;




Why does the jquery change event not trigger when I set the value of a select using val()?

Can we use multiple &lt;nav&gt; tags on the same page in html5?

I&#39;ve read [this](http://www.zeldman.com/2009/07/13/html-5-nav-ambiguity-resolved/) article on Zeldman.com but it&#39;s not entirely clear to me

i.e.
  
    &lt;header&gt;&lt;nav&gt;links here&lt;/nav&gt;&lt;/header&gt;

    &lt;footer&gt;&lt;nav&gt;links here&lt;/nav&gt;&lt;/footer&gt;




How to align an indented line in a span that wraps into multiple lines?

I want to set a option that was selected previously to be displayed on page load. I tried it with the following code:

    $(&quot;#gate&quot;).val(&#39;Gateway 2&#39;);

with

    &lt;select id=&quot;gate&quot;&gt;
    	&lt;option value=&#39;null&#39;&gt;- choose -&lt;/option&gt;
    	&lt;option value=&#39;gateway_1&#39;&gt;Gateway 1&lt;/option&gt;
    	&lt;option value=&#39;gateway_2&#39;&gt;Gateway 2&lt;/option&gt;
    &lt;/select&gt;

But this does not work. Any ideas?

Set selected option of select box

I have a string for a title and a string for a link.  I&#39;m not sure how to put the two together to create a link on a page using Javascript.  Any help is appreciated.

EDIT1: Adding more detail to the question.
The reason I&#39;m trying to figure this out is because I have an RSS feed and have a list of titles ands URLs.  I would like to link the titles to the URL to make the page useful.

EDIT2: I am using jQuery but am completely new to it and wasn&#39;t aware it could help in this situation.

How do I create a link using javascript?

There&#39;s `insertBefore()` in JavaScript, but how can I insert an element *after* another element without using jQuery or another library?

How to insert an element after another element in JavaScript without using a library?

Is it possible to check the `overflow:auto` of a div?


*For example:*

**HTML**

    &lt;div id=&quot;my_div&quot; style=&quot;width: 100px; height:100px; overflow:auto;&quot; class=&quot;my_class&quot;&gt; 
      * content
    &lt;/div&gt;

**JQUERY**

    $(&#39;.my_class&#39;).live(&#39;hover&#39;, function (event)
    {
        if (event.type == &#39;mouseenter&#39;)
        {
             if( ...  if scrollbar visible ? ... )
             {
                alert(&#39;true&#39;):
             }
             else
             {
                alert(&#39;false&#39;):
             }
        }
    
    });


Sometimes is the content short (no scrollbar) and sometimes long (scrollbar visible).

How can I check if a scrollbar is visible?

    &lt;input type=&quot;file&quot; id=&quot;file-id&quot; name=&quot;file_name&quot; onchange=&quot;theimage();&quot;&gt;
This is my upload button.

    &lt;input type=&quot;text&quot; name=&quot;file_path&quot; id=&quot;file-path&quot;&gt;
This is the text field where I have to show the full path of the file.

    function theimage(){
     var filename = document.getElementById(&#39;file-id&#39;).value;
     document.getElementById(&#39;file-path&#39;).value = filename;
     alert(filename);
    }

This is the JavaScript which solve my problem. But in the alert value gives me 

    C:\fakepath\test.csv 
and Mozilla gives me:

    test.csv

But I want the local *fully qualified file path*. How to resolve this issue?

If this is due to browser security issue then what should be the alternate way to do this?

How to resolve the C:\fakepath?

I&#39;m looking at dynamically setting the ID attribute of HTML Input elements which are created dynamically in my application.

My implementation works fine with the setAttribute method in Firefox. Any ideas or solutions on a working implementation in IE would be appreciated.  


     var hiddenInput = document.createElement(&quot;input&quot;);
        hiddenInput.setAttribute(&quot;id&quot;, &quot;uniqueIdentifier&quot;);
        hiddenInput.setAttribute(&quot;type&quot;, &quot;hidden&quot;);                     
        hiddenInput.setAttribute(&quot;value&quot;, ID);
        hiddenInput.setAttribute(&quot;class&quot;, &quot;ListItem&quot;);




I modified some sample code from blogs relating to this problem that suggest the following workround. Again the Firefox bit works well but the IE bit doens&#39;t


    var hiddenInput = null;

    try { 
    hiddenInput  = document.createElement(&#39;&lt;input name=\&#39;&#39;+&quot;hiddenInputName&quot;+&#39;\&#39;   /&gt;&#39;);
                        hiddenInput.id = &quot;uniqueIdentifier&quot;;
                        //alert(document.getElementById(&quot;uniqueIdentifier&quot;)); 
                       hiddenInput.type = &quot;hidden&quot;;
                    } catch (e) { }            
                    if (!hiddenInput || !hiddenInput.name) { // Not in IE, then
                         var hiddenInput = document.createElement(&quot;input&quot;);
        hiddenInput.setAttribute(&quot;id&quot;, &quot;uniqueIdentifier&quot;);
        hiddenInput.setAttribute(&quot;type&quot;, &quot;hidden&quot;);                     
                    
                }

   

Cheers.



Content Type	Original Author	Original Content on Stackoverflow
Question	lovespring	View Question on Stackoverflow
Solution 1 - Javascript	Jón Trausti Arason	View Answer on Stackoverflow
Solution 2 - Javascript	Ivo Wetzel	View Answer on Stackoverflow

What's standard behavior when <button> element is clicked? Will it submit the form?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

How to convert from System.Drawing.Color to System.Windows.Media.Color?

Parse raw HTTP Headers

Attributions