The problem was that the form tag didn&#39;t have `method=&quot;POST&quot;` on it.

After Googling the message, I found a [bug report][1], and one of the [comments][2] mentioned `method=&quot;POST&quot;`.

I added `method=&quot;POST&quot;`, and voila!  Auto-fill works.

In some cases you may also need to add an `action` if the form doesn&#39;t have one. `action=&quot;javascript:void(0)&quot;` works.

Note: Auto-fill seems to trigger the `onchange` event.

Note 2: As for how the browser knows what field is what, see this question: https://stackoverflow.com/questions/7223168/how-to-trigger-autofill-in-google-chrome 


  [1]: http://code.google.com/p/chromium/issues/detail?id=58509
  [2]: http://code.google.com/p/chromium/issues/detail?id=58509#c4

The option to turn off autcomplete is normally located in the form tag, see the Developer page from Mozilla [here][1]. This should mean that normally removing that attribute should enable it again on a webpage.

Concerning the second part with the AJAX request, I don&#39;t think there&#39;s a listener for that, but you could add a function that checks the value of the field each x seconds for example, and if it changed you can perform your lookup.


  [1]: https://developer.mozilla.org/en/How_to_Turn_Off_Form_Autocompletion

I have a Sinatra application hosted with Unicorn, and nginx in front of it. When the Sinatra application errors out (returns 500), I&#39;d like to serve a static page, rather than the default &quot;Internal Server Error&quot;. I have the following nginx configuration:

    server {
      listen 80 default;
      server_name *.example.com;
      root /home/deploy/www-frontend/current/public;

      location / {
        proxy_pass_header Server;
        proxy_set_header Host $http_host;
        proxy_redirect off;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Scheme $scheme;
        proxy_connect_timeout 5;
        proxy_read_timeout 240;
        proxy_pass http://127.0.0.1:4701/;
      }

      error_page 500 502 503 504 /50x.html;
    }

The error_page directive is there, and I have sudo&#39;d as www-data (Ubuntu) and verified I can `cat` the file, thus it&#39;s not a permission problem. With the above config file, and `service nginx reload`, the page I receive on error is still the same &quot;Internal Server Error&quot;.

What&#39;s my error?

nginx not serving my error_page

I have a form containing several fields. One of them is a Datetime field. How to define a default value for that field? 

I&#39;ve tried setting a value on the related entity, in controller, in constructor and __construct :

    $myEntity = new MyEntity();
    $myEntity-&gt;setMyDate(new \DateTime());
    $form = $this-&gt;createForm(new AddMyEntity(), $myEntity);

Not working. 


Tried to define the `$data` variable in the buildForm : 


    $builder-&gt;add(&#39;myDate&#39;, &#39;date&#39;, array(
        &#39;format&#39; =&gt; \IntlDateFormatter::SHORT,
        &#39;input&#39; =&gt; &#39;datetime&#39;,
        &#39;widget&#39; =&gt; &#39;single_text&#39;,
        &#39;data&#39; =&gt; new \DateTime(&quot;now&quot;));

Not working either. 
Any ideas, Symfony2 community?


EDIT : Adding entity on demand of faost. 

    /**
     * @ORM\Column(name=&quot;myDate&quot;, type=&quot;datetime&quot;)
     * @Assert\NotBlank()
     */
    private $myDate;

Set default value on Datetime field in symfony2 form

I am making a signup form for my website.  It contains various standard form fields.  Such as: name, address, phone number, user name, password, etc.

When I double-click on a field (in Chrome 16), so I can auto-fill my address, I get this message:

&gt;This webpage has disabled automatic filling for this form.

I didn&#39;t disable it, so how do I enable it?  I tried adding `autocomplete=&quot;on&quot;` to the `&lt;form&gt;` tag, and to (some of) the `&lt;input&gt;` tags, and that didn&#39;t help.

Do I need to add `autocomplete=&quot;on&quot;` to every field?  Also, how does the browser know what field is what?  Do I need to name the fields something special?

Another question: Is there some kind of `onautocomplete` event that gets triggered when a form is auto-filled?  On my form, when you enter a zip code, it looks in our database (via AJAX) and then gets the state and city (city and state are dropdowns, because zip codes can be for more than one city), and fills them in for you.  I was hoping I could have that run after the form was auto-filled.

P.S. I&#39;m using the jQuery [form validation][1] plugin, if that matters.


  [1]: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Enabling browser&#39;s form auto-filling

I am making a signup form for my website. It contains various standard form fields. Such as: name, address, phone number, user name, password, etc.
When I double-click on a field (in Chrome 16), so I can auto-fill my address, I get this message:
>This webpage has disabled automatic filling for this form.
I didn't disable it, so how do I enable it? I tried adding <code>autocomplete="on"</code> to the <code>&#x3C;form></code> tag, and to (some of) the <code>&#x3C;input></code> tags, and that didn't help.
Do I need to add <code>autocomplete="on"</code> to every field? Also, how does the browser know what field is what? Do I need to name the fields something special?
Another question: Is there some kind of <code>onautocomplete</code> event that gets triggered when a form is auto-filled? On my form, when you enter a zip code, it looks in our database (via AJAX) and then gets the state and city (city and state are dropdowns, because zip codes can be for more than one city), and fills them in for you. I was hoping I could have that run after the form was auto-filled.
P.S. I'm using the jQuery <a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank" rel="noopener noreferrer">form validation</a> plugin, if that matters.

Is it possible to assign multiple classes to a single `HTML` container?

Something like:

    &lt;article class=&quot;column, wrapper&quot;&gt; 

How to assign multiple classes to an HTML container?

&gt; **Possible Duplicate:**  
&gt; [Best way to use html5 data attributes with rails content\_tag helper?](https://stackoverflow.com/questions/4258512/best-way-to-use-html5-data-attributes-with-rails-content-tag-helper)  

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

How can I use html5 `data-*` attrubute in my link_to helper (Rails)

The API says that I have to use this format `link_to(body, url, html_options = {})` but I have an error when I put it in html_options

Ex: 

    link_to &quot;whatever&quot;, @whatever_path, { class: &#39;my_class&#39;, data-tooltip: &#39;what I want&#39; }

Rails - link_to helper with data-* attribute

I want to show my web-site in landscape mode only, is it possibile? It does not matter what the orientation is of device in user&#39;s hand but the web site will always be in landscape mode. I have seen iPhone application working like that but can this be done for a web-site?



forcing web-site to show in landscape mode only

I have this line of code:

	$(&#39;#sitesAccordion .groupOfSites&#39;).click(function() {
        var lastOpenSite = $(this).siblings().hasClass(&#39;:not(.closedTab)&#39;);
        console.log(lastOpenSite);
	});

I get &quot;false&quot; instead of getting one of the other elements (assuming that there is one - and there must be). I guess the problem is with:

    .hasClass(&#39;:not(.closedTab)&#39;);

What is the problem?

My purpose is to create my own accordion (without using jQuery UI)

and I am trying to write it like this:

	$(&#39;#sitesAccordion .groupOfSites&#39;).click(function() {

        //Get the last opened tab
        var lastOpenSite = $(this).siblings().hasClass(&#39;:not(.closedTab)&#39;);

        //Close last opened tab and add class
        lastOpenSite.hide().toggleClass(&#39;closedTab&#39;);
        
        //Open the current Tab
        $(this).children(&#39;.accordionContent&#39;).toggle(&#39;fast&#39;);

        // remove class from open tab
        $(this).toggleClass(&#39;closedTab&#39;);


	});

Is this the best way?
thanks,
Alon

How to use in jQuery :not and hasClass() to get a specific element without a class

Is it possible to load an external font via inline CSS?

Note: I&#39;m *not* talking about using an external CSS file with a `@font-face` definition, but rather something like the following:

    &lt;h1 style=&quot;font-family:myfont;
        src:(&#39;http://example.com/font/myfont.tff&#39;)&quot;&gt;test&lt;/h1&gt;

Loading an external font via inline CSS

I am using jQuery, and wondering if I should use val() or text() (or another method) to read and update the content of a textarea.

I have tried both and I&#39;ve had issues with both. When I use text() to update textarea, line breaks (\n) don&#39;t work. When I use val() to retrieve the textarea content, the text gets truncated if it&#39;s too long.

val() vs. text() for textarea

I need a way to clear all the fields within a form when a user uses the browser back button. Right now, the browser remembers all the last values and displays them when you go back.

**More clarification on why I need this**
I&#39;ve a disabled input field whose value is auto-generated using an algorithm to make it unique within a certain group of data. Once I&#39;ve submitted the form and data is entered into the database, user should not be able to use the same value again to submit the same form. Hence I&#39;ve disabled the input field in the first place. But if the user uses the browser back button, the  browser remembers the last value and the same value is retained in the input field. Hence the user can submit the form with the same value again.

What I don&#39;t understand is what exactly happens when you press the browser back button. It seem like the entire page is retrieved from cache without ever contacting the server if the page size is within the browser cache limit. How do I ensure that the page is loaded from the server regardless of browser setting when you press the browser back button?

Clear all fields in a form upon going back with browser back button

I&#39;m starting to do some web development and I was learning about forms and bumped into this field: `_lpchecked = &quot;1&quot;`.

I found examples of form with this field in this StackOverflow question
https://stackoverflow.com/questions/7591885/large-textinput-makes-http-post-fail or in [this example page][1] of the jQuery Formwizard plugin


  [1]: http://thecodemine.org/examples/example_13_nested_routes.html

What is _lpchecked=&quot;1&quot; for in a form?

Is there any way (with a attribute flag or something like that) to enable form fields that are disabled to submit data?

Or, if that&#39;s not possible, is there any way to block fields from editing with css or any other attribute than disabled without hiding them?

My special case at the moment is an identifier for a data-set that should be shown in the form (uneditable) - if there is no better solution I think i&#39;ll use a hidden field in addition to the disabled one to hold the actual value with the disabled one showing it.

Disabled form fields not submitting data

I&#39;m using *Rails 3.2.0.rc2*. I&#39;ve got a `Model`, in which I have a static `Array` which I&#39;m offering up through a form such that users may select a subset of `Array` and save their selection to the database, stored in a single column in `Model`. I&#39;ve used serialize on the database column which stores the `Array` and Rails is correctly converting the users&#39; selections into Yaml (and back to an array when reading that column). I&#39;m using a multi-select form input to make selections.

*My problem is that, the way I currently have it, everything works as I would expect except that the user&#39;s subset array always has a blank first element when it&#39;s sent to the server.*

This isn&#39;t a big deal, and I could write code to cut that out after the fact, but I feel like I&#39;m just making some kind of syntactical error as it doesn&#39;t seem to me that the default Rails behaviour would intentionally add this blank element without some reason. I must have missed something or forgot to disable some kind of setting. Please help me understand what I&#39;m missing (or point me in to some good documentation that describes this with more depth than what I&#39;ve been able to find on the intertubes).

### MySQL Database Table &#39;models&#39;:
- includes a column named `subset_array` which is a TEXT field

### Class Model includes the following settings:
- `serialize :subset_array`
- `ALL_POSSIBLE_VALUES = [value1, value2, value3, ...]`

### Form for editing Models includes the following input option:
- `f.select :subset_array, Model::ALL_POSSIBLE_VALUES, {}, :multiple =&gt; true, :selected =&gt; @model.subset_array`

### PUT to server from client looks something like this:
- assuming only value1 and value3 are selected
- `&quot;model&quot; =&gt; { &quot;subset_array&quot; =&gt; [&quot;&quot;, value1, value3] }`

### Database update looks like this:
- `UPDATE &#39;models&#39; SET &#39;subset_array&#39; = &#39;--- \n- \&quot;\&quot;\n- value1\n- value3\n&#39;`

As you can see, there&#39;s this extra, blank, element in the array being sent and set in the database. How do I get rid of that? Is there a parameter I&#39;m missing from my `f.select` call?

Much thanks appreciated :)

**EDIT**: This is the generated HTML code from the `f.select` statement. It looks as though there is a hidden input being generated which may be the cause of my issue? Why is that there?

    &lt;input name=&quot;model[subset_array][]&quot; type=&quot;hidden&quot; value&gt;
    &lt;select id=&quot;model_subset_array&quot; multiple=&quot;multiple&quot; name=&quot;model[subset_array][]&quot; selected=&quot;selected&quot;&gt;
        &lt;option value=&quot;value1&quot; selected=&quot;selected&quot;&gt;Value1&lt;/option&gt;
        &lt;option value=&quot;value2&quot;&gt;Value2&lt;/option&gt;
        &lt;option value=&quot;value3&quot; selected=&quot;selected&quot;&gt;Value3&lt;/option&gt;
        &lt;option...&gt;...&lt;/option&gt;
    &lt;/select&gt;

Why is the first element always blank in my Rails multi-select, using an embedded array?

I can&#39;t find an equivalent of Selenium IDE that works with Chrome.

Does anyone know how to use Selenium IDE with Chrome instead of Firefox? Or is there an alternative tool which works with Chrome?


Does Google Chrome work with Selenium IDE (as Firefox does)?

Every once in a while, Chrome will render perfectly valid HTML/CSS incorrectly or not at all.   Digging in through the DOM inspector is often enough to get it to realize the error of its ways and redraw correctly, so it&#39;s provably the case that the markup is good.  This happens frequently (and predictably) enough in a project I&#39;m working on that I&#39;ve put code in place to force a redraw in certain circumstances.

This works in most browser/os combinations:

		el.style.cssText += &#39;;-webkit-transform:rotateZ(0deg)&#39;
		el.offsetHeight
		el.style.cssText += &#39;;-webkit-transform:none&#39;

As in, tweak some unused CSS property, then ask for some information that forces a redraw, then untweak the property.  Unfortunately, the bright team behind Chrome for the Mac seem to have found a way to get that offsetHeight without redrawing.  Thus killing an otherwise useful hack.

Thus far, the best I&#39;ve come up with to get the same effect on Chrome/Mac is this piece of ugliness:


		$(el).css(&quot;border&quot;, &quot;solid 1px transparent&quot;);
		setTimeout(function()
		{
			$(el).css(&quot;border&quot;, &quot;solid 0px transparent&quot;);
		}, 1000);

As in, actually force the element to jump a bit, then chill a second and jump it back.  Making it worse, if you drop that timeout below 500ms (to where it would be less noticeable), it often won&#39;t have the desired effect, since the browser won&#39;t get around to redrawing before it goes back to its original state.

Anybody care to offer a better version of this redraw/refresh hack (preferably based on the first example above)  that works on Chrome/Mac?

Force DOM redraw/refresh on Chrome/Mac

I have a cross-domain AJAX GET which gets pre-flighted successfully, but the cookies don&#39;t get attached to the GET request.
When the user clicks a log in button, a POST is made to log the user in, which works correctly cross domain. The JavaScript is:

            $.ajax(signin_url, {
                type: &quot;POST&quot;,
                contentType: &quot;application/json; charset=utf-8&quot;,
                data: JSON.stringify(credentials),
                success: function(data, status, xhr) {
                    signInSuccess();
                },
                error: function(xhr, status, error) {
                    signInFailure();
                },
                beforeSend: function(xhr) {
                    xhr.withCredentials = true
                }
            });

The response headers include a cookie:

    Set-Cookie:user_token=snippysnipsnip; path=/; expires=Wed, 14-Jan-2032 16:16:49 GMT

If sign-in succeeds, a JavaScript GET request is made to get the current user&#39;s details:

    function signInSuccess() {
        $.ajax(current_user_url, {
            type: &quot;GET&quot;,
            contentType: &quot;application/json; charset=utf-8&quot;,
            success: function(data, status, xhr) {
                displayWelcomeMessage();
            },
            beforeSend: function(xhr) {
                xhr.withCredentials = true;
            }
        });
    }

The CORS-related headers returned from Chrome&#39;s OPTIONS request are:

    Access-Control-Allow-Credentials:true
    Access-Control-Allow-Headers:X-Requested-With, X-Prototype-Version, Content-Type, Origin, Allow
    Access-Control-Allow-Methods:POST, GET, OPTIONS
    Access-Control-Allow-Origin:http://192.168.0.5
    Access-Control-Max-Age:1728000

However, no cookies are sent on the GET request.



CORS request - why are the cookies not sent?

I&#39;m doing a Chrome extension and I got helped in this post [here][1]. 

My problem now is how to open a new tab of chrome that has as URL the link I clicked in the `popup.html`. I tried to do like someone suggested in their answers in other similar question like setting `&lt;a&gt;`&#39;s attribute `target` to `_blank` but the only result is that chrome does open a new tab but in the new tab is my popup.html. 

Any idea how to solve this?

Thanks.



  [1]: https://stackoverflow.com/questions/8874907/chrome-extension-used-to-refresh-pages

Chrome extension; open a link from popup.html in a new tab

How can I find out what the chrome extension id is for an extension?



Content Type	Original Author	Original Content on Stackoverflow
Question	Rocket Hazmat	View Question on Stackoverflow
Solution 1 - Html	Rocket Hazmat	View Answer on Stackoverflow
Solution 2 - Html	canihavesomecoffee	View Answer on Stackoverflow

Enabling browser's form auto-filling

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Set default value on Datetime field in symfony2 form

nginx not serving my error_page

Attributions