I'm using expressionengine and safecraker to create a web form for a scheduling app that allows the user to select their desired shift time (ex: 6am to 8pm). I would like the form to know the start and end, and check all the boxes in between to fill in the range.
I was going to put a bunch of if statements to change the checkbox status, but this seems clunky. Is there a jquery tool anyone knows about to do this? Or what is the best approach, I can't seem to find any info on creating this.
I'd also like to have the form update, but not be submitted.
Thanks!
*update
I don't have any code for an example, because I'm still in the research phase. I'm not sure where to begin other then show the whole timeline for the day, and each day being a checkbox (I'll add css to look better of course). To give an example I would like it to work like travel sites. When you pick your outbound flight and return flight it would highlight all the days in between.
*Solution
In addition to Trym's example I found an example of how to impliment it HERE I think I was too stuck on it having to be incorporated with a calendar.
Checkboxes is not the way to go for range. Try something like this. I think it would be a much smoother experience for users, as well as writing. There's an really elaborate API and source for every example. I'm sure you'll figure it out, but I would recommend stepping away from the checkboxes.
T.
Related
I'm super new to coding even though I've been really fascinated with Excel, and anything related to data analysis. To learn, I've been taking projects that I'd like and apply coding to it. I've been stumped on a possibly simple deal.
I'm trying to create a macro that would copy from a checkbox into a cell that matches another cell. I'm not sure how to explain it better without showing, so I'll add the sheet link in here.
The plan is for people to be able to hit the checkbox, and the button Draft Player would trigger where it would look for True in that range, then paste it on the Set Up!C2:C34 that matches Set Up!A2:A34 with Set Up!F3.
What would the correct code look like to accomplish something like that?
I've experimented with recording the macro and digging into the code, then googled all day about this, I'm still stuck.
I have no idea what sound tips should be when blind person interact with
range datepicker. Could someone help me?
upd: I just wonder to know what is expected for accessible range date picker
Datepickers are not inherently accessible, but they can be used with some caution and a bit of modification.
First off, I would recommend against trying to do both start and end date from a single datepicker, unless you really know what you're doing with regard to accessibility. I'm not saying that it can't work, but you may have to do considerable development and testing to get it to work well enough.
Instead, I would suggest having two separate input fields: one for the start date and another for the end date. Then for your datepicker, take a look at this tutorial:
https://dequeuniversity.com/library/aria/date-pickers/sf-date-picker
The techniques described here are a little older, but they should still work just fine in jQuery 3.
My friend mechanic is asking me to create a web-site for him. All he needs is a search. Three tabs (model, year, make), then the web-page shows all the cars that satisfy the conditions. And if we click on the car, it will show more information about it. Also this man is not very in hi-tech, so there should be a simple form to add a car. (Screenshot is attached).
So, I know how to do it in JavaScript and MySQL (then CSS + HTML). But is there some easier and faster way to do it? I know there are templates, but they only include some simple stuff, like info. Here is a screenshot how I would like it to look. How it should look like
So, easiest thing to do was to create a web-site on wix.com then combine with caspio.net . Created a required thing in couple hours.
Okay, I'm a bit of a newbie and know only quite basic html and css, so bear with me!
I have put together this calendar page: http://www.wondermagazine.co.uk/p/issue-2-november-2014_18.html
I have to go in and update it daily (with a specific thumbnail, a caption and a link). Is there a relatively easy way to activate certain HTML at specific days/times. So it can then become fully automated and I don't have to go in and make daily changes.
Many thanks in advance
Short answer: no.
Long answer: Yes, of course. But you will either have to use a server side scripting language which generates your HTML for you and based on dates, will render different things, or, create a "dynamic" HTML page using a client side script such as Javascript. Javascript allows you to create "live" pages, which can change their behaviour based on numerous variables, such as the current date time.
I believe you'll have to read up on these things.
Let's say I have a calendar on my page and clicking on a day would mark that day as complete.
But I want to use POST and not GET, since GET is not suitable for this kind of stuff (changing something). And I also don't want to use JavaScript.
What I'm going for here is to build a page that will work without JavaScript (which I will use to "upgrade" the UI so that this updating is done via XHR) but I would also like to comply with how HTTP is meant to be used (this is what REST is about if I understand REST correctly).
So is there any way to do this, or is using links to change data the wrong approach from the start? If it is, the only viable solution (for my concrete problem) I can see is to use submit buttons for every day (along with a form for every day). But I'm more interested in the general idea here not just for my problem.
So is there any way to do this, or
No, there isn't.
is using links to change data the wrong approach from the start?
Yes, it is.
… although you could apply CSS to buttons.