You can use input text with &quot;list&quot; attribute, which refers to the datalist of values.

    

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-html --&gt;

    &lt;input type=&quot;text&quot; name=&quot;city&quot; list=&quot;cityname&quot;&gt;
        &lt;datalist id=&quot;cityname&quot;&gt;
          &lt;option value=&quot;Boston&quot;&gt;
          &lt;option value=&quot;Cambridge&quot;&gt;
        &lt;/datalist&gt;

&lt;!-- end snippet --&gt;

This creates a free text input field that also has a drop-down to select predefined choices. Attribution for example and more information: https://www.w3.org/wiki/HTML/Elements/datalist


I&#39;m reading `The Go Programming Language Specifications` and found myself not truly understand with &quot;()&quot; after closure body:

In `Function literals`:

&gt;func(ch chan int) { ch &lt;- ACK }**(replyChan)**`

In `Defer statements`&#39;s example:

    // f returns 1
    func f() (result int) {
	    defer func() {
		    result++
	    }() // why and how?
    	return 0
    }

I&#39;m not clear about the reason to add &amp; usage of &quot;()&quot; after closure body, hope someone can explain this clearly.

Why add &quot;()&quot; after closure body in Golang?

### What is this?

This is a list of frequently asked questions regarding PHP Data Objects 

### Why is this?

As PDO has some features unknown to a regular PHP user, questions regarding prepared statements and error handling in PDO are quite frequent. So, this is just a place where all them can be found.

### What should I do here?

If your question has been closevoted with this list, please find your question below and apply the fix to your code. It is also a good idea to take a brief look to other questions, to make yourself prepared for other common pitfalls.

### The List

 * [PDO query fails but I can&#39;t see any errors. How to get an error message from PDO?](https://stackoverflow.com/questions/15990857/reference-frequently-asked-questions-about-pdo#15990858) 
 * [How can I use prepared statements with LIKE operator?](https://stackoverflow.com/questions/15990857/reference-frequently-asked-questions-about-pdo#15990965)
 * [How can I create a prepared statement for IN () operator?](https://stackoverflow.com/questions/15990857/reference-frequently-asked-questions-about-pdo#15991146)
 * [Can I use a PDO prepared statement to bind an identifier (a table or field name) or a syntax keyword?](https://stackoverflow.com/questions/23482104/can-i-use-a-pdo-prepared-statement-to-bind-an-identifier-a-table-or-field-name)
 * [PDO prepared statement causes an error in LIMIT statement](https://stackoverflow.com/questions/15990857/reference-frequently-asked-questions-about-pdo#15991623)

See also

- [Reference - What does this symbol mean in PHP?](https://stackoverflow.com/q/3737139/285587)
- [Reference - What does this error mean in PHP?](https://stackoverflow.com/q/12769982/285587)
- [Reference - What is variable scope, which variables are accessible from where and what are “undefined variable” errors?](https://stackoverflow.com/q/16959576/285587)

Reference — frequently asked questions about PDO

How can I implement a select-style drop down menu in HTML with an option that is a text input?

The idea being that someone can either select from a list of predefined options, or input their own option.

HTML select drop-down with an input field

<p>How can I implement a select-style drop down menu in HTML with an option that is a text input?</p>
<p>The idea being that someone can either select from a list of predefined options, or input their own option.</p>


How do we go about requesting camera/microphone access with getUserMedia() after being denied once?

I&#39;m working with getUserMedia to access the user&#39;s camera and pipe the data to a canvas. That bit all works fine. 

In testing, I hit deny once. At this point in Chrome and Firefox, any subsequent requests with getUserMedia() default to the denied state. 

We obviously don&#39;t want to annoy the hell out of our users by requesting permissions for camera/microphone on every page load after being denied. That&#39;s already annoying enough with the geolocation api. 

However, there has to be a way to request it again. Simply because a user hit deny once doesn&#39;t mean they want to deny webcam access for all time.

I&#39;ve been reading about the spec and googling around for a while but I&#39;m not finding anything explicitly about this problem.

Edit:
Further research, it appears that hitting Deny in Chrome adds the current site to a block list. This can be manually accessed via chrome://settings/content. Scroll to Media. Manage Exceptions, remove the blocked site(s).

Linking to chrome://settings/content doesn&#39;t work (in the case where we want to add a helpful link to let people re-enable permissions). 

The whole UX for dealing with permissions around getUserMedia stinks. =(


reprompt for permissions with getUserMedia() after initial denial

I have a string in this format: 

    var testDate = &quot;Fri Apr 12 2013 19:08:55 GMT-0500 (CDT)&quot;

I would like to use [Moment.js][1] get it in this format `mm/dd/yyyy : 04/12/2013` for display. 

I tried to do it using this method, 

    moment(testDate,&#39;mm/dd/yyyy&#39;);

Which errors and says `there is no such method called replace`? Am I approaching this in the wrong way?

---
### Edit

I should also mention that I am using a pre-packaged version of *Moment.js*, packaged for *Meteor.js*

    Object [object Date] has no method &#39;replace&#39; : The Exact error from the console

Stack Trace:

  
     at makeDateFromStringAndFormat (http://127.0.0.1:3000/packages/moment/lib/moment/moment.js?b4e3ac4a3d0794023a4410e7941c3e179398b5b0:539:29)
        at moment (http://127.0.0.1:3000/packages/moment/lib/moment/moment.js?b4e3ac4a3d0794023a4410e7941c3e179398b5b0:652:24)
        at populateProfileForEdit (http://127.0.0.1:3000/client/views/home/administration/directory/profiles/profiles.js?acfff908a6a099f37312f62892a22b40f82e5e0f:147:25)
        at Object.Template.profile_personal.rendered (http://127.0.0.1:3000/client/views/home/administration/directory/profiles/profiles.js?acfff908a6a099f37312f62892a22b40f82e5e0f:130:13)
        at Spark.createLandmark.rendered (http://127.0.0.1:3000/packages/templating/deftemplate.js?b622653d121262e50a80be772bf5b1e55ab33881:126:42)
        at http://127.0.0.1:3000/packages/spark/spark.js?45c746f38023ceb80745f4b4280457e15f058bbc:384:32
        at Array.forEach (native)
        at Function._.each._.forEach (http://127.0.0.1:3000/packages/underscore/underscore.js?867d3653d53e9c7a171483edbcad9670e12288c7:79:11)
        at http://127.0.0.1:3000/packages/spark/spark.js?45c746f38023ceb80745f4b4280457e15f058bbc:382:7
        at _.extend.flush (http://127.0.0.1:3000/packages/deps/deps.js?9642a93ae1f8ffa8eb1c2475b198c764f183d693:231:11) 



 


  [1]: https://momentjs.com/timezone/docs/

Format date with Moment.js

Today I checked mega.co.nz and I&#39;m excited about some features. For example in download page it will download files on browser and after that decrypt them with javascript.

for example see this link to download a png file :

[https://mega.co.nz/#!7JRgFJzJ!efpJGWuPhYczLexY19ex82nuwfs4sR_DG4JXddeClH4][1]

  [1]: https://mega.co.nz/#!7JRgFJzJ!efpJGWuPhYczLexY19ex82nuwfs4sR_DG4JXddeClH4

in this link it will start the download inside the browser. i checked network tab in inspect element it will download parts of file with AJAX after that completed all parts of file, will save all of them in one file on computer automatically!

i want to know what they do? can you explain or link to some resource about download files inside browser like that?

also can done it only with javascript or should use some flash plugins or something like that?

Download files like mega.co.nz

I was wondering how I&#39;d go about implementing a method in javascript that removes all elements of an array that clear a certain condition. (Preferably without using jQuery)

Ex.

    ar = [ 1, 2, 3, 4 ];
    ar.removeIf( function(item, idx) {
        return item &gt; 3;
    });

The above would go through each item in the array and remove all those that `return true` for the condition (in the example, item &gt; 3).

I&#39;m just starting out in javascript and was wondering if anyone knew of a short efficient way to get this done.

--**update**--

It would also be great if the condition could work on object properties as well.

Ex.

    ar = [ {num:1, str:&quot;a&quot;}, {num:2, str:&quot;b&quot;}, {num:3, str:&quot;c&quot;} ];
    ar.removeIf( function(item, idx) {
        return item.str == &quot;c&quot;;
    });

Where the item would be removed if `item.str == &quot;c&quot;`

--**update2**--

It would be nice if index conditions could work as well.

Ex.

    ar = [ {num:1, str:&quot;a&quot;}, {num:2, str:&quot;b&quot;}, {num:3, str:&quot;c&quot;} ];
    ar.removeIf( function(item, idx) {
        return idx == 2;
    });

javascript - remove array element on condition

I have a back-end server written in asp.net mvc using Forms Authentication. When the user is not authenticated, the server will automatically send a 302 redirect to a Login action and return a Login page.

On client side, I have a list of items. This list is only accessible to authenticated users. On the page, I have a button to Refresh the list using Ajax ($.ajax function of jQuery). 

Now, my problem is when the authentication ticket is timeout and the user clicks on the Refresh button:

- My function sends an ajax request to get the refreshed list
- The server detects that the authentication ticket is not valid and issues a 302 redirect.
- The browser **automatically** handles that 302 response and forces my ajax function to send another ajax request to the Login action and the final result is an HTML with status 200. My script is confused because the list is also an HTML with status 200.

What I want is when the authentication ticket is timeout and the user clicks on the Refresh button, I should be able to detect that and display a message asking the user to Login. 

I tried to workaround this by adding a custom header (IS_LOGIN) in the Login action and check that in my ajax response. But it is not a good solution.

So my questions are:

- What is the best way to deal with this problem?
- Why does the browser not let our script handle 302 response? and just automatically forces our ajax to create another request. This is a problem with the browser or jquery library? Any reasons for this? (security,...) 

Thanks for any replies.

Cannot handle 302 redirect in ajax and why?

I have an array like this:

    [{prop1:&quot;abc&quot;,prop2:&quot;qwe&quot;},{prop1:&quot;bnmb&quot;,prop2:&quot;yutu&quot;},{prop1:&quot;zxvz&quot;,prop2:&quot;qwrq&quot;},...]

How can I get the index of the object that matches a condition, without iterating over the entire array?

For instance, given `prop2==&quot;yutu&quot;`, I want to get index `1`.

I saw `.indexOf()` but think it&#39;s used for simple arrays like `[&quot;a1&quot;,&quot;a2&quot;,...]`. I also checked `$.grep()` but this returns objects, not the index.

Get the index of the object inside an array, matching a condition

I have this code:

    $(&quot;#test&quot;).siblings(&#39;p&#39;).remove();
    $(&quot;#test&quot;).remove();

How can I chain this code instead of writing it separately?

How to select an element&#39;s parent and the parent&#39;s siblings

I have a javascript code like this
  
    var element = $(&quot;elementId&quot;);
I got the reference to the element (which is a div). 

Now I need to get the reference to the window in which this div element resides. But the problem is, here the $ is passed from a different window. So now the element resides in a different window. 

How to get reference to that window object which contains this div element? Pls Help.



Get reference of window object from a dom element

I am trying to send an Ajax POST request using Jquery but I am having 400 bad request error.

Here is my code:

    $.ajax({
      type: &#39;POST&#39;,
      url: &quot;http://localhost:8080/project/server/rest/subjects&quot;,
      data: {
        &quot;subject:title&quot;:&quot;Test Name&quot;,
        &quot;subject:description&quot;:&quot;Creating test subject to check POST method API&quot;,
        &quot;sub:tags&quot;: [&quot;facebook:work&quot;, &quot;facebook:likes&quot;],
        &quot;sampleSize&quot; : 10,
        &quot;values&quot;: [&quot;science&quot;, &quot;machine-learning&quot;]
      },
      error: function(e) {
        console.log(e);
      }
    });

It Says: Can not build resource from request.
What am I missing ?

Getting 400 bad request error in Jquery Ajax POST

I have a button &quot;Choose file&quot; as follows (I am using Jade but it should be the same as Html5):

     input(type=&#39;file&#39;, name=&#39;videoFile&#39;)

In the browser this shows a button with a text next to it &quot;No file chosen&quot;. I would like to change the &quot;No file chosen&quot; text to something else, like &quot;No video chosen&quot; or &quot;Choose a video please&quot;. I followed the first suggestions here:

https://stackoverflow.com/questions/5927212/i-dont-want-to-see-no-file-chosen-for-a-file-input-field

But doing this did not change the text:

     input(type=&#39;file&#39;, name=&#39;videoFile&#39;, title = &quot;Choose a video please&quot;)

Can anybody help me figure out where the problem is?

Change the &quot;No file chosen&quot;:

Why this does not work ? 

    if(typeof(localStorage.getItem(&quot;username&quot;))==&#39;undefined&#39;){
    	alert(&#39;no&#39;);
    };

The goal is to redirect the user from the index page to the login page if not already logged.
Here the `localStorage.getItem(&quot;username&quot;))` variable is not defined for the moment.

It&#39;s for an ios phonegap app.


HTML5 LocalStorage: Checking if a key exists

I have a text to render in three different possible colors using **thymeleaf**.

So the code I&#39;ve made so far to test the value is:

    th:if=&quot;${evaluation} &amp;gt; 50&quot;
    th:if=&quot;${evaluation} &amp;lt; 30&quot;

And that works well.

But the third test is for values between those two.
So I tried:

    th:if=&quot;(${evaluation} &amp;lt; 49) &amp;and; (${evaluation} &amp;gt; 29)&quot;

but it&#39;s not working, I&#39;ve got this error while parsing:

    org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: &quot;(${evaluation} &lt; 49) &amp;and; (${evaluation} &gt; 29)&quot; (/property.html:41)

Of course, these lines are between tags since the first two are working properly.

Maybe the and operand is not correct, but the documentation of thymeleaf is not really explicit on those operands.

All ideas are welcome!


**Update:** I got the answer from the thymeleaf forum. The way to do it is:

    th:if=&quot;${evaluation &amp;lt; 49 and evaluation &amp;gt; 29}&quot;

Problem solved!

How to have multiple condition in an th:if tag using thymeleaf

## Before I paste any code, here&#39;s the scenario: ##

   1. I have an HTML document that creates an empty iframe using JavaScript
   2. The JavaScript creates a function and attaches a reference to that function to the iframe&#39;s document object (using `doc.open()` to get a reference to the document)
   3. The function is then attached as an `onload` handler for the iframe&#39;s document (by writing `&lt;body onload=&quot;...&quot;&gt;` into the iframe.

Now what has me stumped is that the global (window) and document objects inside the onload handler (while it&#39;s running) is different from the same objects run through JavaScript added via script nodes.

## Here&#39;s the HTML: ##

    &lt;!doctype html&gt;
    &lt;html&gt;
    &lt;head&gt;
    &lt;script&gt;
    (function(){
      var dom,doc,where,iframe;
    
      iframe = document.createElement(&#39;iframe&#39;);
      iframe.src=&quot;javascript:false&quot;;
    
      where = document.getElementsByTagName(&#39;script&#39;)[0];
      where.parentNode.insertBefore(iframe, where);
    
      doc = iframe.contentWindow.document;
    
      var _doc = document;
    
      doc.open()._l=function() {
        // the window object should be the one that doc is inside
        window.vanishing_global=new Date().getTime();
    
        var js = this.createElement(&quot;script&quot;);
        js.src = &#39;test-vanishing-global.js?&#39; + window.vanishing_global;
    
        window.name=&quot;foobar&quot;;
        this.foobar=&quot;foobar:&quot; + Math.random();
        document.foobar=&quot;barfoo:&quot; + Math.random();
    
        // `this` should be the document object, but it&#39;s not
        console.log(&quot;this == document: %s&quot;, this == document);
        console.log(&quot;this == doc:      %s&quot;, this == doc);

        // the next two lines added based on @Ian&#39;s comment below
        console.log(&quot;_doc == document: %s&quot;, _doc == document);
        console.log(&quot;_doc == doc:      %s&quot;, _doc == doc);

        console.log(&quot;name: &quot; + window.name + &quot;\n&quot; + &quot;window.vanishing_global: &quot; + window.vanishing_global + &quot;\ntypeof window.vanishing_global: &quot; + typeof window.vanishing_global + &quot;\ndocument.foobar: &quot; + document.foobar);
        this.body.appendChild(js);
      };
      doc.write(&#39;&lt;body onload=&quot;document._l();&quot;&gt;&lt;/body&gt;&#39;);
      doc.close();
    })();
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;/body&gt;
    &lt;/html&gt;

## And here&#39;s `test-vanishing-global.js`: ##

    console.log(&quot;name: &quot; + window.name + &quot;\n&quot; + &quot;window.vanishing_global: &quot; + window.vanishing_global + &quot;\ntypeof window.vanishing_global: &quot; + typeof window.vanishing_global + &quot;\ndocument.foobar: &quot; + document.foobar);

## Instructions: ##
Put these two files into a directory, and open the HTML in a browser (tested in latest Chrome and Firefox, same result in both).

## This is the output I get: ##

    this == document: false
    this == doc:      true
    _doc == document: true
    _doc == doc:      false
    
    name: foobar
    window.vanishing_global: 1366037771608
    typeof window.vanishing_global: number
    document.foobar: barfoo:0.9013048021588475
    
    name: 
    window.vanishing_global: undefined
    typeof window.vanishing_global: undefined
    document.foobar: foobar:0.5015988759696484

The `this` object inside the handler should be either the document object.  It _is_ a document object, but not the same document object as the document that it runs inside (it&#39;s also not the same as the parent document).  The window object inside the handler is also not the same as the window object that runs in JavaScript loaded in the page.

## So finally my question: ##

Does anyone know what&#39;s going on, and how I can either get a reference to the actual window object, or at least declare and reference global variable from the same global context?

## Footnotes: ##

There are no cross-domain issues with this iframe since they&#39;re on the same domain.  There is an issue if someone sets `document.domain`, but that&#39;s not being done in this example code.

How to get a reference to an iframe&#39;s window object inside iframe&#39;s onload handler created from parent window

**HTML &amp; JS**

How do I call 2 functions from one onclick event? 
Here&#39;s my code

     &lt;input id =&quot;btn&quot; type=&quot;button&quot; value=&quot;click&quot; onclick=&quot;pay() cls()&quot;/&gt;

the two functions being pay() and cls(). 
Thanks!		

Content Type	Original Author	Original Content on Stackoverflow
Question	jesal	View Question on Stackoverflow
Solution 1 - Javascript	Oleg	View Answer on Stackoverflow

HTML select drop-down with an input field

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Reference — frequently asked questions about PDO

Why add "()" after closure body in Golang?

Attributions