In Progress

jQuery mobile: Dynamic page content solution needed


I'm working on a mobile web app which uses the jQuery mobile framework together with HTML5 and I'm looking for a skilled web developer with a sound knowledge of jQuery to help me with the programming side.

As you can see by looking at the screenshots and link below, the app is a video sign language dictionary and features over 700+ (mp4) videos which are organised into different categories which are all structured into the main navigation (as well as being listed again on a full 'a-z' list page).

Development version: [url removed, login to view]

At the moment, you will see that the app uses a multi-page jQuery mobile template, where the HTML for each video page is contained in a separate div [url removed, login to view] means that for every video I add (there are 700+), I will currently have to add in the relevant HTML for each video container.

The problem with this method is, it will increase the size of the HTML file and cause performance & caching issues. So, apart from creating a separate page for each video, I would like you to come up with a simple solution which will inject the HTML for each video into the video container template dynamically using jQuery.

For example, the list on the Alphabet page has the names of all the videos in a simple unordered list, as does the search page. It would be good if we could apply an id or class to each of the existing links which we could then call using jQuery to open that particular video when clicked. The videos would also have to open up in the container page, so that the heading showing the name of the video appears at the top. I would also like a next/previous button in the header so that teh user could browse between the previous/next videos from here.

According to the jQuery mobile site, this should all be possible. Unfortunately, my knowledge of Javascript and jQuery is very limited.

jQuery Mobile - Dynamically injecting pages:

[url removed, login to view]

I don't require you to write the script for all the videos, all I need i for you to provide the code with a working example (using a few videos) and then provide instructions on how I add the rest.

FOR INFO: I don't require you to write the script for all the videos, I simply need you to provide the code with a working example (using a few videos) and then provide instructions on how I add the rest.

This is a seriously easy job for anyone who knows javascript & jQuery!

Skills: HTML5, jQuery / Prototype, Mobile App Development

See more: dynamic content jquery mobile, jquery mobile dynamic page, dynamic page content html5, jquery mobile dynamic content, jquery mobile dynamic page content, dynamic page content jquery mobile, next page search jquery mobile, jquery mobile dynamically injecting content, inject pages dynamically example jquery mobile, video jquery mobile, dynamically injecting page jquery mobile, jquery mobile container dynamic, jquerymobile html video size, jquerymobile dynamic pages, jquerymobile dynamic html, jquery mobile dynamic pages, dynamic content jquery, dynamically injecting pages mobile app, jquery mobile add page content, jquery mobile inject page dynamically, mobile dynamic content jquery, html5 mobile dynamic content, dynamically injecting pages jquery mobile, dynamic content jquery mobile app, dynamic page solution jquery mobile

About the Employer:
( 0 reviews ) Tyne and Wear, United Kingdom

Project ID: #1245271

Awarded to:


i am a mobile web developer. and has been working with different mobile frameworks specially jquery mobile and jquery. please look detail experience in message

£10 GBP / hour
(3 Reviews)

2 freelancers are bidding on average £11/hour for this job


Dear sir. I am very interested in your job. Please check PM.

£12 GBP / hour
(19 Reviews)