Phonegap and windows phone native frame transition - windows-phone-7

I'm trying to find some docs to learn how to make phonegap app for windows phone, using native frame transition for HTML pages, but I cannot find such a plugin or code or any helpful doc.
What exactly I want to do is:
when I try to navigate to other page in HTML code using javascript code:
window.location.href = "newpage.html";
I want my app to navigate to different page like native app is doing transition effect, for example when app start we can see this page/frame transition effect.
How to do that transition effect for HTML pages ?

You should look at using jQuery Mobile to build HTML pages for a Phonegap app.
http://jquerymobile.com
It's useful because it has a built-in router, which can detect when you try to change to another HTML page. (either programatically or via a user clicking on links)
It then can hijack that event and make it load the next page asynchronously (which in the case of a Phonegap app, is pretty fast since the pages already exist on the device). It then applies the transitions you speak of when it displays the new page (slide, fade, etc).
It's quite customisable, and most of the behaviour is configured by just creating simple HTML markup and adding data attributes. E.g.
next page
I also like it because if you decide you want to go down the "single page app" route - you can do that too. I personally like the combination of Phonegap + jQuery Mobile + Backbone.js, where Backbone.js is dynamically generating my HTML jQuery Mobile pages, and Phonegap is wrapping them up in an app.

Related

Are there any changes in the WebView related APIs in UWP or UAP Windows app?

I am having a Windows 8.1 supported app, but now it is updated to the UWP/UAP (i.e. Windows 10) app.
After updating the custom URI scheme is not working, On a button click on the web page, we were using "navto://" custom URI scheme and handling were done in a js file. The button action was bind through the anchor tag.
From this approach, we navigate our web pages forward/backward or used to send a user to a particular web page.
But now this js file is being not called on the click of the same button and a System Popup appear saying "You will need a new app to open this navto link". For reference, please have a look at the attached screenshot of the error popup. If anybody is familiar with the issue, please suggest me the solution.
Actually I followed this page to migrating the app https://learn.microsoft.com/en-us/visualstudio/misc/migrate-apps-to-the-universal-windows-platform-uwp?view=vs-2015#MigrateCSharp
And also tried other options as well by googling but I haven't got any perfect solution yet.
Thanks

webview xamarin forms does not play video on redicted website (ios and android)

I am currently using a web view to load some urls,I client reported that when clicking on an item on my menu and the webview is triggered and goes to one of their pages the video they have embedded on their page does not play.
Am I missing something basic here? eg permissions or is it a limitation of the webview?
also one of their links uses "#whatever" at the end and is meant to scrolldown and loading the page, but does not work. Is this supported?
many thanks

How to save screen shot of a web page?

I want to save screen shot of a web page.But I don't know how.Just like the app delish.In delish ,when i add a bookmark ,the app capture the website and save it such as p5.delish.I guess the screenshot comes from the file of the ".delish".How can i produce this file? or some one has some samples like this app? Thanke you very much!
This might help you: http://allseeing-i.com/ASIWebThumbnail/
ASIWebThumbnail is:
A command line tool for generating thumbnails from web pages
An API to use an embedded version of the tool in your Cocoa applications
ASIWebThumbnail uses the WebKit framework built-in Mac OS X to render web pages. As such, it should support any content that WebKit supports, including HTML/XML + CSS, SVG, content rendered by Javascript (Canvas, AJAX, DOM etc), Java, as well as Flash and other plugins.

how to crawl web page with ajax elements

I want to crawl some web pages, like the following
http://www.youtube.com/user/koglin66/feed?filter=2
but there is a 'load more' button, it is related to an ajax request
http://www.youtube.com/channel_ajax?action_load_more_feed_items=1&activity_view=1&paging=1352148528&channel_id=UCCw8aVnsIeu9S6OPQyaQ14g
I want to crawl the whole page.
Manually, I have click on the button repeatedly until there is no more to load,
by automation, how can I crawl the whole page? thanks!
Yes, you can use Selenium IDE, or use other program/library with browser core to do click action. Like webkit, activex of IE.
And you can try FMiner http://www.fminer.com/, it can record and play human actions on browser to scrape data, but it's not free.
I recently faced same problem with other website I wanted to scrap. I use Java and after some research on the web I used Selenium IDE for firefox in which u can write Java Junit test cases which will automatically open the webpage and click buttons, fill up forms, etc.
It also supports C#,Python,Ruby,etc
I used it to click on Load More button and when the page was loaded completely after all clicks I saved it Manually.
You can download Selenium from their website and I found this youtube video useful too http://www.youtube.com/watch?v=twdDfDOrHC4

How to handle downloads in mobile site

How does one handle image downloads in a mobi site - using jquery mobile and asp.net mvc 3 and have a requirement to allow a user to download wallpapers to their mobile.
Can you trigger a download or is best to simply simple the image to them and let them handle the saving?
Any input appreciated.
Typically, you can force the download of content on standard browsers by setting headers
"Content-Disposition", "attachment; filename=\"LicenseAgreement.pdf\""
on the return. This SO shows how to return a PDF file but theoretically, you could do the same with an image.
How can I present a file for download from an MVC controller?
However, it is questionable if every browser that is supported by jquery mobile would even respect that and give any kind of a save prompt or just open the image in a new window. Give it a shot but test it on iOS, Android, WinPhone 7.5+, and (gagging) Blackberry 6+ and see what happens because they're probably going to all behave a little differently.
Were it me, I'd simply link directly to the image either on the current page or with a target="_blank" and let them save it however they usually save images.

Resources