Search jQuery

jQuery Forum

Screen name:
Jazib Haider

Jazib Haider's Profile

3 Posts

5 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Embedding video in a listview
[1Reply]
- 19-Dec-2013 04:02 AM
- Forum: jQuery Mobile
Hello. I am working on a jQueryMobile native web-app for iOS. Since I am a total noob at coding, please bare with me.

I around about 50 to a 100 videos on a youtube channel that I putting up as my code goes. The videos are episodes for each month. So I started with June (since I have the episode of that old show from only June at the moment). The thing is that since that was the only video for june, everything worked fine.. Working page is at http://www.ideviceinfo.x10.mx/apping/app/years/data/2009.html [Click June afterwards]

This means that the popup code is good. I have had this code (courtesy of the awesome members here) for many days and apparently I just had a brain fart and lost track of all the problems.. I have been starring at this problem or code for many hours now. The problem is the next month. I have 4 videos for that month.

And here is the code I have been trying to play with. And the code is suppose to work the way the video for June month works.

The code is here and in July category as well:
2. <html>
3. <head>
4. <title>
5. My App
6. </title>
7. <meta name="viewport" content="width=device-width, initial-scale=1">
8. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
9. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
10. <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
11. </head>
12. <body>
13. <br>
14. <ul data-role="listview" data-filter="true" data-filter-placeholder="Search Episodes..." data-inset="true">
15. <br>
17. <li><a href="#popup" data-rel="popup" data-inline="true">
18. Hasb-E-Haal - 16-07-2009</a></li>
19. <li><a href="#popup2" data-rel="popup" data-inline="true">Hasb-E-Haal - 23-07-2009</a></li>
20. <li><a href="#popup3" data-rel="popup data-inline="true">Hasb-E-Haal - 25-07-2009 </a></li>
21. <li id="rBack"><a href="#popup4" data-rel="popup data-inline="true">Hasb-E-Haal - 30-07-2009</a></li>
22. </ul>
24. 
26. <div data-role="popup" id="popup">
27. 
28. <iframe id="player" type="text/html" width="290" height="260"
29. src="http://www.youtube.com/embed/RpCjc--AdRc?rel=0"
30. frameborder="0"></iframe>
31. 
32. CLOSE DIV
33. 
34. <div data-role="popup" id="popup2">
35. 
36. <iframe id="player" type="text/html" width="290" height="260"
37. src="http://www.youtube.com/embed/j-N25PQXikk?rel=0"
38. frameborder="0"></iframe>
39. 
40. CLOSE DIV
41. 
42. <div data-role="popup" id="popup3">
43. 
44. <iframe id="player" type="text/html" width="290" height="260"
45. src="http://www.youtube.com/embed/fBPG5HEV6zc?rel=0"
46. frameborder="0"></iframe>
47. 
48. CLOSE DIV
49. 
50. <div data-role="popup" id="popup4">
51. 
52. <iframe id="player" type="text/html" width="290" height="260"
53. src="http://www.youtube.com/embed/EBB-LqsDjk4?rel=0"
54. frameborder="0"></iframe>
55. 
57. <br>
58. <center>
59. <a href="http://www.ideviceinfo.x10.mx/apping/app/index.html" data-icon="home" data-role="button" data-inline="true">Home</a>&nbsp &nbsp
60. <a href="#rBack" data-icon="back" data-role="button" data-inline="true">Episodes</a>
61. </center>
62. </div>
65. 
66. 
67. <center>
68. <a href="http://www.ideviceinfo.x10.mx/apping/app/years/data/2009.html" data-role="button" data-inline="true">2009 Months</a>
69. </center>
70. 
71. 
72. <div data-role="footer" data-id="foo1" data-position="fixed">
73. <div data-role="navbar">
74. <ul>
75. <li><a href="http://www.ideviceinfo.x10.mx/apping/app/index.html">Home</a></li>
76. <li><a href="http://www.ideviceinfo.x10.mx/apping/app/yList.html">Episodes</a></li>
77. <li><a href="http://www.ideviceinfo.x10.mx/apping/app/about.html">About</a></li>
78. </ul>
79. </div>
80. </div>
82. </body>
83. </html>

Best practice to link to a piece of code
[7Replies]
- 16-Dec-2013 04:09 AM
- Forum: jQuery Mobile
Hello. I am making an app that has episodes list of a show. I have covered the issues of copyrights so that is not a worry.

The problem is that the show started back in 2009 therefore I have a lot of videos linked through iFrame. I used a list-view demo from jquerymobile docs & demos website and figured out how to make embedd an iframe in a popup (there was also a user on here that helped me as well). The project can be found here: http://www.ideviceinfo.x10.mx/apping/app/index.html

Since the listing page for the corresponding month's episodes is only one page, I would have to put all of the embedding code in one page which will make the page load slowly. I want to stay away from the problem of the page loading slowly therefore I was wondering if there was a way to make a dynamic file that would execute that one set of code or something around that nature or would the page load slowly due to a lot of iframes being embedded.

The app or the website is solely for iOS and Android at the moment and will be tested most likely on an iOS so if the iFrame were to play automatically (which isn't instructed in the code) will the page load slower? I cannot test the app at the moment due to not having a developer account or having access to a Macintosh but my device's UDID is registered via a friends developer account and I have requested him to make me a UIWebView app so I will be testing it very soon.

If someone could give their thoughts or possibly link me to a tutorial or give me a hint or something I would really appreciate it. I am a little frustrated by this issue as I cannot test it yet either. :(

Thank you in advance.

PS if you are wondering how many episodes I have downloaded, its 200. Each episode in 5 parts which I had to manually combine using my video editor. So I do have patience! Just not the right items to test my problems and solve them! :)

Dialog in a gridlist or any list
[3Replies]
- 11-Dec-2013 08:37 PM
- Forum: jQuery Mobile
Hey guys, I am trying to make a web-app that will display a video via a list view.

I was going through the demos on jquerymobile.com and came across something that exactly fits what I want.

(jquerymobile.com/demos/1.3.0-beta.1/docs/demos/popups/dynamic-popup.html)

The problem or problems are that I am code illiterate and depend on examples and utilize them to use for my purpose.

I couldn't find the full code to create dynamic popup's. If someone could provide me with some information on how I could do that, I'd be thankful! :)

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend