Multiple layers of zones on a page google tv jquery ui lib - google-tv

I'm using google tv jquery ui library to build app. I want to build multi page in one html file. I follow example : http://gtv-resources.googlecode.com/svn/trunk/templates/html-01/index.html, but it using 2 html files to switch between app. Please show me example code to manage multi page in one html file, thanks

If you'd like to do multi page web using single html, you could use layers. You should look at examples BuildPhotoPages or BuildVideoPages here:
https://developers.google.com/tv/web/lib/jquery/
Thanks.

Related

How to implement typeahead using ionic without bootstrap

I'm new to Ionic and would like to implement a typeahead for displaying the users list without using Bootstrap and would love if provided with an example .
I was looking for something similar for an ionic app I was building. I can provide a few links that you can look at and choose the most appropriate for your case.
https://github.com/sn0opr/ionic-autocomplete
https://github.com/guylabs/ion-autocomplete
http://www.sitepoint.com/creating-a-typeahead-widget-with-angularjs/
The last link is written is great tutorial written in pure angular. The first two links are projects you need to include in your app and then use them as directives to achieve your goal. Cheers!

Ionic adding pages

I just started using the ionic-framework and I know that with jQueryMobile you need to add the pages inside the same html with a page id and link to it.
But how do multiple pages work with the Ionic Framework?
On this example:
http://codepen.io/ionic/pen/AjgEB
I see that they use
<script id="file.html" type="text/ng-template">
Am I supposed to do it that way?
No. Normally, one adds the pages in separate files.
The above notation is just used for codepens or similar sites, where you can not add additional files into your online code.
You should take a look at an ionic starter app. Create one by writing
ionic start myApp
into your console.
This may be old post, but i created a tool with ability to generate ionic seed apps with all required pages. For ex., if you need a profile page for your app, using this tool, you can specify pages you need and it will generate the app with all necessary files and references in index.html.
Link for the tool:
http://ionic-sarav.rhcloud.com/#/ionicbuilder/home

Google web toolkits - multiple pages

On the google website there an example of a simple GWT appliatoin, following is a link:
http://code.google.com/webtoolkit/doc/1.6/tutorial/create.html
The above application has a host page:StockWatcher.html
and StockWatcher.java is the entry point.
If I wanted to add more html pages to this application, we keep one single host page and the entry point will add different panels depending on which link the user clicked on? In this case, how to know which link the user clicked on? If I create a navigation panel and each link has a request parameter, then after the user clicks on the link, How to get the request parameter?
Are there any tutorials available online on how to create a fully functional application? The one example google provides is too simple.
Thanks so much in advance
You have two options to have multiple page web application using gwt.
1) Use gwt history feature and listen for the history change. In this approach at the initial page load itself browser downloads all the javascripts(Including the widgets which are not useful in current link). Still this can be avoided by using gwt code splitting.
2) Create multiple modules. In this case you have to create multiple html pages and GWT entry points. For each major functionality create a gwt module and link that with [modulename].html file. In this approach browser downloads only particular feature's javascript. Not all the javascripts.
Based on your application requirement you can pick one of the option. IMHO I would suggesst second option.

How to safely add page content via CMS?

If I were to build a custom CMS that allowed someone to log in and build a page using a WYSIWYG would it be possible to make it secure and allow JavaScript code in the content? There are times where someone wants to add a video embed code or a widget that grabs an RSS feed, these embed codes and widgets are in JavaScript. So how do I allow them to add that to their page through a CMS? My main concern is XSS/vulnerabilities.
You could store tags with references to widgets in your rich text content, like <video>id</video>, and render the javascript only in frontend... or you could choose to use any of the modern CMS's out there with plugins for video and widgets that already solved the problem for you.

Embedding Google Docs (-like) functionality

I'm looking for a way to embed Google Docs itself--or a Google Docs-like real-time collaboration of text documents--into a web platform built with Vaadin on top of Google Web Toolkit. Currently our users won't be creating Google IDs and, ideally, we wouldn't need them to (if embedding Google Docs itself). Thanks in advance!
Could you embed the document in an iframe as shown here? (in 5.17.3 Browser Frames)
If you just need a text editor, another solution can be to embed tinymce within you GWT client:
http://tinymce.moxiecode.com
We did it on our project and it works perfectly