Dear friends,
I am working for a blog for video tutorial.
Please look at link:
http://ift.tt/1Iyf7p3
http://ift.tt/1F87qaa
http://ift.tt/1Iyf7p7
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: http://ift.tt/1F87qac
Subject: http://ift.tt/1Iyf4tr
Lesson: http://ift.tt/1F87sif
For Video:
Video: http://ift.tt/1Iyf4tt
There is one another JSON file for fetching data about video contributor and respective website:
Author: http://ift.tt/1F87sim
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://ift.tt/1Iyf4tv
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,
via jQuery Forum http://ift.tt/1F87siq