[Danielsiddall]

Hi
This is in regard to the post in the tutorials section http://www.genuitec.com/support-genuitec/viewtopic.php?f=14&t=1386 but thought I may get help here also, so sorry for duplicating,

First, my project is a free mobile site I am building for the local school. Im not getting paid, so any help is really appreciated and is all in the name of furthering the education of our younger generation! (and the parents!)

Second, I only know very basic HTML (thats why im here and using Mobi One in the first place …which is fantastic by the way)

Third, the problem…

I have altered the custom javascript and replaced the motorbike news code with my own, going to a school rss video feed as follows:

function loadArticles() {

//usacycling headlines
var url = “http://query.yahooapis.com/v1/public/yql?q=select%20channel.title%2Cchannel.link%2Cchannel.item.title%2Cchannel.item.link%2C%20channel.item.pubDate%2C%20channel.item.description%20from%20xml%20where%20url%3D%22http%3A%2F%2Fmichaelfaradayschoo.blip.tv%2Frss%22&format=json&callback=?”;

var list = $(‘#m1-mobibike-news-list1’);
$(list).empty();

This brings up a nice list of the feed titles as I wanted (but without a screenshot of the video which I would have loved to have). When I chick on the title of a feed, it takes me to the ‘Article’ page where the title, date and a link to the full article are listed but under that I get a string of html as follows:

<iframe src=”http://blip.tv/play/hKteg4nLCAI.html?p=1&#8243; width=”550″ height=”4 …(and thats all i can see on my iPhone)

All I have done so far is download the example file, changed the Motorbike news custom javascript code to the code generated via the YQL builder site and then preview it via my iPhone. I am still using the Motobike news demo files for now and thats fine -I just want to get it working in that state first before I start trying anything else.

Link is as follows:

http://goo.gl/7Tr9U (this dosent work for me in firefox but works on my iPhone)

A. How tdo I get rid of the html and get the feed displayed?

B. How do I get a snapshot of the video displayed with each feed in the Mobi-Bike News page under the feed titles?

Im looking for a result like the Iphone html 5 builder http://www.shoutem.com/ (see image below) that has a dedicatd RSS button option. When you select these feeds, the video will play with out going to an external site and just has a ‘Done’ button to return. Shoutem is OK but way too expensive for a school to afford. MobiOne is very affordable on the other hand.

Im sure this can be done when you know what your doing and MobiOne can easily match or even better the more expensive alternative WYSIWYG editors!

Thanks for your time in advance!

Dan

[support-octavio]

Hi Dan,

>A. How tdo I get rid of the html and get the feed displayed?
To show the information of every feeds I would add an html widget in the article-page.mobi and change its html in the viewArticle function:

102    $('#m1-article-page-html1').html(description);

I’ve made a test and it worked fine.

B. How do I get a snapshot of the video displayed with each feed in the Mobi-Bike News page under the feed titles?
I think this is not possible with the information that the .json return. Note that it contains the vars: link, title, description, pubDate for every article, if it would contain a var url with a image link, this could be used for this purpose. Q: Did you get the result of screenshot with the same query provided?

[Danielsiddall]

I have inseted an HTML widget into the article page the javascript seems to be the same as your screenshot already what have you changed?
How do i get this iframe code that appears to display correctly and not as text?
This is the result i was getting just so we are clear what my problem is in my original post:

[support-octavio]

Let’s try isolate the problem: please try run your generated files in a webkit-based browser such as chrome of safari and let me know if the result is the same.

>I have inserted an HTML widget into the article page the javascript seems to be the same as your screenshot already what have you changed?
No, It is not the same, the code in mobibike example replace the content of Text widget used. The code I used, show the feed content setting the HTML code for HTML widget so it can be rendefer by browser/device instead show it as text.

Note: Please see this thread about iframes that might be the issue too: http://www.genuitec.com/support-genuitec/viewtopic.php?f=14&t=3600

[Author]

Posts