3 ms·

<input x-webkit-speech> works for me, so you may want to just apply the attribute to all input elements regardless of type (and textarea elements for future sup

by Sephr 16y ago

<input x-webkit-speech> works for me, so you may want to just apply the attribute to all input elements regardless of type (and textarea elements for future support). I suspect that support for voice input on input types such as date may also be added eventually. Edit: More at the HTML5 speech input proposal at https://docs.google.com/View?id=dcfg79pz_5dhnp23f5#y1f9 https://docs.google.com/View?id=dcfg79pz_5dhnp23f5#y1f9 . It's apparent from this that you should also use the attribute on select elements too. I also can get x-webkit-speech working in current stable Chrome with an input type of speech.

dannytatom 16y ago
Thanks for the link, I've went ahead and made it work on any input field and text area that isn't in the not allowed list.
- Sephr 16y ago
  Don't forget select elements too. An easier way for you to do your whole extension could be to use an XPath expression or `document.querySelectorAll('textarea, select, input:not([type="' + notAllowed.join('"]):not([type="') + '"])')` (results in `textarea, select, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="image"]):not([type="reset"]):not([type="button"]))`). Also, may I ask why are you abstracting Array.indexOf away and extending the Array prototype with a non-standard method for such a simple problem?
  - dannytatom 16y ago
    Also, may I ask why are you abstracting Array.indexOf away and extending the Array prototype with a non-standard method for such a simple problem? Mostly a personal preference, I guess, haven't looked into the downsides of extending prototypes. Anywho, I'm fairly new at JS outside of jQuery, so thanks for your input and critiques. I'll look into the rest when I get back from dinner.
  - evanrmurphy 16y ago
    Your line of code is so long it's causing this Hacker News comments page to have horizontal scrolling! I've never seen that before. :) In case you didn't know, HN will format code if you prefix it with two spaces like this: document.querySelectorAll('textarea, select, input:not([type="' + notAllowed.join('"]):not([type="') + '"])') (results in `textarea, select, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="image"]):not([type="reset"]):not([type="button"]))`) It can preserve indentation too: document.querySelectorAll( 'textarea, select, input:not([type="' + notAllowed.join('"]):not([type="') + '"])')

by Sephr 16y ago

dannytatom 16y ago

Thanks for the link, I've went ahead and made it work on any input field and text area that isn't in the not allowed list.

Sephr 16y ago
Don't forget select elements too. An easier way for you to do your whole extension could be to use an XPath expression or `document.querySelectorAll('textarea, select, input:not([type="' + notAllowed.join('"]):not([type="') + '"])')` (results in `textarea, select, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="image"]):not([type="reset"]):not([type="button"]))`). Also, may I ask why are you abstracting Array.indexOf away and extending the Array prototype with a non-standard method for such a simple problem?
- dannytatom 16y ago
  Also, may I ask why are you abstracting Array.indexOf away and extending the Array prototype with a non-standard method for such a simple problem? Mostly a personal preference, I guess, haven't looked into the downsides of extending prototypes. Anywho, I'm fairly new at JS outside of jQuery, so thanks for your input and critiques. I'll look into the rest when I get back from dinner.
- evanrmurphy 16y ago
  Your line of code is so long it's causing this Hacker News comments page to have horizontal scrolling! I've never seen that before. :) In case you didn't know, HN will format code if you prefix it with two spaces like this: document.querySelectorAll('textarea, select, input:not([type="' + notAllowed.join('"]):not([type="') + '"])') (results in `textarea, select, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="image"]):not([type="reset"]):not([type="button"]))`) It can preserve indentation too: document.querySelectorAll( 'textarea, select, input:not([type="' + notAllowed.join('"]):not([type="') + '"])')