Can a calender be embedded into a website without using scripring language?
It can be done using java script but i am not sure about html
If you mean, how can I add a date picker to a form via HTML5... Use the poorly supported <input type="date">. For more information http://diveintohtml5.info/forms.html#type-date
Sure, you can use HTML5 date controls. Taking a look at http://caniuse.com/#feat=input-datetime though shows that there is a serious lack of browsers implementing them, and standardization is not the best.
Still, the base markup is pretty easy:
<input type="date">
I would still recommend something like the jQuery UI Calendar control, though.
Related
I know similar and identical questions have been asked before but none have gotten the answer I need.
I have a form where users enter a date. Obviously it is better for the UX that they have a calendar or similar easy way of picking the date for something. However, Firefox does not support the date picker input type offered by Chrome and Safari.
Because I want my application to be as light-weight and easy to load as possible, I do not want to use JQuery UI. I am using JQuery for many other things so that is a possibility. I want something that matches the GUI of Firefox and does not inhibit the date picker of other browsers that do support the input type.
If this is not possible, is there anyway to make sure that the date is formulated similar to how Chrome formulates it's dates or to in some other way make it easier for the user to enter the date? Preferably with JavaScript or HTML examples.
If you do not want to use jQuery UI, you can use something else like https://github.com/dbushell/Pikaday - it's lightweight and certainly better than jQuery UI one in my opinion.
In order to be consistent with the formatting, you could disable Chrome's native date picker (and Safari) and instead consistently use the same date picker across your application for similar UX.
I'm using a jquery-ui datepicker in a Rails 3 app. The datepicker is currently tied to a text field.
What is the best way to ensure that this degrades gracefully? i.e. it would make more sense to have the datepicker tied to an HTML5 date select field, but I'm having trouble implementing this as it doesn't seem to be readily supported by jquery.
Has anyone else run into this issue, and if so, how have you tackled it?
Thanks for any ideas.
it still works in the demo (no CSS though), even with <input type="date">.
the new HTML5 input elements degrade to a type="text" if the browser doesn't support them. thus, you can add date-picker to a type="date" input.
and if you fear that there might be a "double-effect" where the natural date-picker goes with the jQuery date-picker, then take a look at this article to detect if an element is supported, and selectively apply your date-picker.
I'm doing some maintenance on a legacy webapp. The app uses a 3rd party javascript for displaying a pop-up calendar when the user puts her/his mouse into an HTML textfield. The user clicks the date on the calendar and the date gets inserted into the HTML text field.
I've noticed some anomalous behavior so I decided to investigate the script. It looks like it was last updated by the developer in 2007: http://webscripts.softpedia.com/script/Forms-and-Controls-C-C/Dynamic-Date-Selector-22508.html
I think I would like to replace this script with a javascript that does the same thing, but is part of an open source project that is regularly maintained and possibly with a community around it. My preference is either to get a project that does just that feature or a project that will make implementing just feature easy.......I don't want to gut the javascripts in a legacy webapp unless I have to.
So, can anyone recommend an open source, regularly maintained javascript library that has such a feature?
Thanks much in advance
Steve
Datepicker - from jQuery UI library - very solid and popular.
Use the date picker of jQuery UI.
Is there any good (free or paid) JavaScript controls, which is like StackOverflow tags picker? (You can see it while asking new question under the title "Tags").
jQuery UI Autocomplete configured for multiple values is a pretty good start. I would think with a little bit of re-restyling that it could be a lot more like the SO tag browser; also it's free.
Chosen is a good example, they have a nice multi-select option.
I'm learning jQuery and am about to write some pages using intensively that library. I just learned that some user disable JavaScript on their browser (I didn't even know that was possible and/or necessary).
Now, here's my question: What happens to my web application if a user disable JavaScript? For instance, I'd like to display some screens using AJAX and commands such as 'InsertBefore' to bring in live a DIV that will display the result.
So, if JavaScript is disabled, I wonder what going to happen to all this work that relies on JavaScript?
I'm kind of lost.
Thanks for helping
You may want to start by reading on Progressive Enhancement and Unobtrusive JavaScript.
I would also suggest to investigate how popular rich web applications like GMail, Google Maps and others, handle these situations.
I just learned that some user disable javascript on their browser
I do. The "NoScript" plugin for FireFox does the trick.
So, if Javascript is disabled, I wonder what going to happen to all this work that relies on Javascript?
It won't be functional.
A good practice suggests designing a site not to rely on JavaScript for major functionality. At least, accessing its content (in read-mode) should be possible. JavaScipt should only add interface enhancements like Ajax techniques etc. But the fallback version should always work.
I feel really sad when I see a site which is completely broken without JavaScript. Why can't people use CSS to put elements in proper places? Why do they try to align elements with JavaScript even if there is no dynamics involved?
The same goes for Flash sites. Once in a while a land upon a "web-design-agency" site which makes picky comments about me not allowing JavaScript. When I do I only see a basic primitive site with a few menus and that's it. What was the point of using Flash when the work is so primitive it can be done with raw HTML and CSS in an hour? For me it's a sign of unprofessional work.
All what's done in JavaScript won't work. Some users disable it for security reasons, NoScript is an excellent example. You can try it yourself by removing the scripts from your page or installing the NoScript-plugin for Firefox.
As a rule of thumb:
Make the website working with only semantic HTML
add the CSS
add the JS
But the website should be (almost) fully functional in stage 1.
If you disable Javascript in Safari things like Lexulous in Facebook won't work properly, the mouse letter carry function doesn't work.