Dear friends,
I am working for a blog for video tutorial.
Please look at link:
http://mytutorialhome.blogspot.in/p/presentsimple.html
http://mytutorialhome.blogspot.in/p/presentsimple2.html
http://mytutorialhome.blogspot.in/p/presentsimple3.html
I am creating static pages for the blog to display the contents.
I would like to display the content dynamically.
Plan:
There will be only one post in blog.
In the upper section there will be three nos DropDown Lists.
Grade
Subject
Lesson
There also will be a search button.
In the below section there will be a container. In the said container respective videos will be displayed based on the inputs of the search.
If there is no input, default information page will be displayed.
If there is any input, respective video will be displayed PAGEWISE (10 videos at a page).
If only Grade is selected and Search button is pressed: Video related to the selection of Grade will be displayed accordingly irrespective of selection of Subject or Lesson.
If only Grade and Subject is selected and Search button is pressed: Video related to the selection of Grade and Subject will be displayed accordingly irrespective of selection of Lesson.
The respective information for DropDown and Video will be fetched from respective JSON file.
The respective JSON files are below:
DropDown:
Grade: https://googledrive.com/host/0BxPZgr7ebTBdTkowMFVRTDJTS00/jsongrade.txt
Subject: https://googledrive.com/host/0BxPZgr7ebTBdTkowMFVRTDJTS00/jsonsubject.txt
Lesson: https://googledrive.com/host/0BxPZgr7ebTBdTkowMFVRTDJTS00/jsonlesson.txt
For Video:
Video: https://googledrive.com/host/0BxPZgr7ebTBdTkowMFVRTDJTS00/jsonvideo.txt
There is one another JSON file for fetching data about video contributor and respective website:
Author: https://googledrive.com/host/0BxPZgr7ebTBdTkowMFVRTDJTS00/jsonauthor.txt
Coding inside the container where video will be displayed will be similar to presentsimple.html.
I am new in jQuery and JSON. I have limited or no knowledge to perform the required activity.
I have created fiddle at : http://jsfiddle.net/modakindia/bebuq95q/1/
Help is required as:
1. jQuery.grep for filtering Lesson dropdown is not working.
2. Creation of container2 like present.html (pagewise) taking user input at Grade, Subject and Lesson after reading jsonvideo.txt
With Best Regards,