how create calender view and mark date range specific colour in calender? - javascript

(I post this question after lot of searching ,please, expect some expert help )
I am doing my project using Laravel 5. I take set of date from my sql database. I want to add calender to my site and mark my dates range some specific colour .
Example : I take from database 2015/11/10 - 2015/11/15 and I want to colour this part red in calender .
I wand to create calender like this image.I create view using Laravel blade template formate.
I do lot of web search to find how to make like this functionality but I couldn't find any reference. I am new for web developing and I face lot of trouble to implement this functionality as last two days.
I hope some expert help or some references to do this. Please, If this question not suitable for this community , give me suitable community links.
regard.

Related

How can i create a calendar in html/css/js with the source being a calendar file (.ics)?

I'm quite new to stackoverflow so apologies if I don't form this question correctly but I'm trying to create a "clean" calendar widget for a website I'm working on. I have been provided with a calendar file to grab the calendar data from. I'm thinking of something like the image ive uploaded, but without the "Add event". The calendar will have my preloaded data from the file and the user will be able to simply view the data, maybe hover over it for a description? I'm using bootstrap to make everything look good. Are there any easy ways of doing this? Thanks! the calendar i have in mind
I can't really find any way of doing this.. i've searched for methods but cant find any that do what i need.

Where can I find a calender plugin for Classes

Hi I'm looking for a jQuery, JS, or PHP code that will allow me to display a calender with predetermined classes available for booking, i.e. a calender that displays the time of classes available at the local gym for each day and allows for possible bookings, even just allows an external link to another booking page would be ok. I've been looking for this for a few days now and have had no luck. My apologies if I'm using the wrong terminology and this has been covered many times before.
Regards,
Chris
Where I live a lot of gyms use https://www.mindbodyonline.com for class timetables and booking.
Example: http://www.thefitnessplayground.com.au/timetable

Grab URLs for dynamic CubeCart menu

I've been trying to figure out a way to implement a mega menu into CubeCart and I'm stuck after constructing the menu on how best to hook it up to the CubeCarts category system. From what I can tell (or-though I could be wrong) I can't get to the php I need to edit to customize the category system because it's encrypted with ioncube.
Basically I want to structure my menu as such using CubeCarts categories to construct a megamenu https://i.imgur.com/TLQp3vV.png . It's also live here
I can't seem to get my head round the best way to do this with CubeCarts weird structure, would be great if someone could tell me the best way to approach this as there is next to no documentation out there for it. Would it be possible for me to grab the URLs via JS? I would hard code it except I'll need to have it update as the categories are changed in the admin area.
I really hope this isn't too general of a question because I'm really stuck on this and any help at all would be appreciated. Thanks.

Dynamic Pages with html5 + XML + JS?

Basically this is the first time when i ASK A QUESTION on stackoverflow. Anyway i will really appreciate if someone can point me to some direction about creating an simple product catalog app using html5+xml+js.
Well the structure is the following:
A: Home page >click> Product Categ >click> List of Products >click> Product Page Description
I'm not sure how shall i create the dynamic pages for the products to be able to extract all the products description from XML whenever click on any of product from the list page.
For example i have 10 products on the page, when i click on product X, an dynamic page with the product X 's (image, description, price) to be created, and so on.
I hope all of these things make sense for you and thanks a lot for your precious time.
For reading XML files using JavaScript, check answers from this question. For HTML5 and JavaScript in general I suggest you to check tutorials for some basics:
JavaScript - http://www.w3schools.com/js/default.asp
HTML5 - http://www.w3schools.com/html/html5_intro.asp
You can also check jQuery library tutorial. And here is jQuery's website.
I think that you should read some basics to learn how to look for more in the web and search for "how-to" connected with specified things you want to do and still don't know where to start.
EDIT:
If you want to check something that you'll need exactly at the beginning, you can check this documentation of addEventListener JavaScript method that will allow you to set action that will be invoked when particular event of the element fires. You can also check links connected to jQuery I mentioned above - jQuery is JavaScript library that makes writing JS simplier. But with both JavaScript and jQuery you have to spend some time reading documentation to know what you can do and how to achieve it.

Trying to integrate Javascript range slider into my website but not sure where to start

I am trying to build a little test shell for my website using Javascript. What I have at the moment is a normal website. PHP/HTML with an SQL backend.
What I'd like is a simple Javascript feature whereby the user has a single slider object and can use this object to set the upper and lower limit on a number of variables, which will be determined by a drop down box just underneath the slider.
Aside from this, I'd just like a number of checkboxes which dictate which products are displayed (i.e if I'd like food but not drink, the food checkbox would be ticked!).
I'm not expecting anyone on SO to do this for me, of course, but I would like to find some specific areas I could go to learn how to do this, and google is failing me in this regard. I will then begin working/editing this post to show my code/ask for help.
Can anyone help please?
It seems that you want to build a specific search for site, but instead of the user searching it is what is displayed. I would start with looking at php, based upon which checkboxes they choose, you can return variables which would show them what they want to see.
I personally wouldn't use javascipt for this.
I'm not sure what your level of experience is with Javascript, so my apologies if this answer is too basic.
To put a slider on your page refer here for the HTML:
http://webhole.net/2010/04/24/html-5-slider-input-tutorial/
Then in Javascript get the value of that slider when making your GET requests of the server.
You can store the selected value or checked value in the target element, when you process, you just call the element and get the value from them. Using jquery data() method can store the value to element and retrive it pretty easy.
If you still have no clue, I redcomend you learn some basic javscript techniques, go to this site www.jquery.com .
Are you using jQuery and jQuery UI? jQuery UI has a nice slider widget with a number of configuration options and good documentation: http://jqueryui.com/demos/slider/
If you're not used to it, there may be a bit of a learning curve for jQuery, but it makes a great number of UI features much, much easier to code. Showing and hiding elements based on checkboxes, for example, is a pain to do in straight JS but fairly simple to do with jQuery. There are lots of other ways to just make a slider, but if you're planning to do much more with the UI I'd strongly recommend using a library like jQuery to do the heavy lifting.

Categories