How to control website using mobile app - javascript

I have edited my question to make more meaningful and easy to understand.
How can I make a mobile app which can control my website, Website is already built and working written in php-mysql, jQuery etc.
Websites have alot of links and most of the pages are stand alone which have forms to show some output (Data in tabular format and some charts).
I want my mobile app to work like remote control. If i select a link in my mobile app then it should sync with desktop monitor the page which is already open and user is logged in.
Since pages are too big to fit in mobile so i want to have hyperlinks and form (check box, radio button, dropdown etc) for each page in mobile so that i can select and show output in big screen.
Here is a example but not complete - https://tz-smartphone-remote-control.herokuapp.com/#/3/1
If you open this in mobile you can sync the same page with big screen.
Using this - http://tutorialzine.com/2015/02/smartphone-remote-control-for-presentations/ i can make it working but i don't want to write everything (website) again.
All i want is some simple way to add something in website and create mobile app which can navigate pages.
Thanks

Related

is there a way to create a button that downloads the open html page?

I am creating a html page that is interactive. Sort of html5 app for my phone. I want to be able to save the session and transfer it between devices. The simplest way is to save the page while using it to some cloud service. The problem is that on mobile platform I don't have the save option in the menu. I can install an addon for that, but I wondered if I can add a button that does that for me.
So, how can I create a button in an html page that opens the currently open page (including the modifications).

How create seperate mobile and desktop inbox like facebook?

When in desktop i want to show the conversation lists on left and conversation on right. And when on mobile browser the two pages should be seperate just like facebook. Is there a responsive way to do that or I have to code a different html,css file for that ?
I am using mean stack with jquery and bootstrap .
I havent been able to find an example of this kind chat on web. The ones i see, the conversations go below when the window is made small , so any links would be very useful

Cordova - Issue navigating some links in a Confluence/Gliffy diagram opened with InAppBrowser

I am building a Cordova Application that allows to browse an Atlassian Confluence site containing navigable diagrams. My diagrams are built with Gliffy and I want to navigate from one page to another via clickable diagram elements. I realized such navigation structure and it works fine in browsers. You can check it out at this link (click on M_Function).
In my Cordova app I am using InAppBrowser and, after a login screen, I am redirecting to a page of my mobile-oriented website (again, an Atlassian Confluence site) this way:
var ref = cordova.InAppBrowser.open('http://51.255.206.207:8090/pages/viewpage.action?pageId=1245261' + page, '_self', 'location=no');
On my website, I have menus and diagrams. When I click on menu items, everything works correctly, but when I click on the clickable shapes from the diagrams, I get an error (the page does not exist).
What's wrong with Confluence/Gliffy links? What's the difference between the app and the browser?
Or, at lease, how do I get to know the URL I am trying to reach from the app?

Like and Send Buttons for Mobile

I am using Facebook Like and Send buttons in my desktop site. I am making changes so that it can be used in Mobile site as well. This Like and Send button is opening a pop up same as it opens in Facebook site on any page at bottom.
If I use it in same way. The pop up is too big that it cant be aligned properly as compared to the mobile device.
Please provide me the solution to get it done for mobile. I have tried doing it with writing custom css with important tag but all efforts goes in vain.
I believe the provider of the like button gives you options for what kind of display you want to use. You select the display, then copy and paste it into your site.
You can copy and paste the large version AND the small version into your site, then display the one you want to use based on the device size. Make sense?

iPad fullscreen mode - no escape found

I have a web App which has links to other web pages. When a user taps one of these links while the app is running from full screen mode the new page opens in full screen as well and so there is no means of navigating back to the web App. Has anyone found a method for escaping full screen mode on the iPad once a web App has been launched from a home screen icon ?
Try redirecting with javascript, like:
document.location='';
We actually consider this a bug, but as always there are those who would see this as a feature :)
If the page your going to is supposed to be in the app, then this solves your problem.
How can I open an external link in Safari not the app's UIWebView?
If the page is any page on the internet, then the answer is pretty much no.
Once you leave the app, there is no way back, except for the user clicking back on your app.
It is not simple to force the ipad to stay in your app. Some suggested methods:
Create your own web view in your app. If your using phone gap, or another framework, you would have to create a plug in to do this. You would then show the loaded pages on that web view, this is similar to how ads are shown & stay in the app.
Parse and replace all the links on the loaded page with custom events, and use a server to return the content, instead of loading it directly via the web.
Both are very complex, and have issues, like you cant have white lists if you let them browse outside specific domains.

Categories

Resources