How to use OpenTripPlanner inside of a javascript website? - javascript

I am fairly new to the OpenTripPlanner and would like to implement it into a small portion of an already built website. Is this possible and if so how would I go about adding it?

The OpenTripPlanner platform provides a web front-end to plan journeys so you can embed that into your website using an iframe.
http://docs.opentripplanner.org/en/latest/Basic-Tutorial/#simple-one-step-server
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

Related

Alternative to iframe for ReactJS

So I'm currently using iframe to embed Bing Translator and also Bing Images onto my website. However, I want to find alternative to iframe because I'm using a certain library that can't detect iframe. What alternatives can I use to embed website onto my ReactJS app?
A little more details:
The library that I'm using is OpenReplay which is an open-source session replay library. However, on its website, it is mentioned:
If your web app includes iframes, then you won't be able to playback their content as part of your recordings. You can still start OpenReplay inside an iframe by including tracker.start(), but it will considered as a separate tab, which means it will be captured in a separate recording.
Having a separate tab is definitely not something I want.
I can feel the pain of using iframes in today's world. There are a few legacy sites and a few standard modules which are not available as open source, in that situation alone we can go for iframes.
since you mentioned 'Bing Translator' I believe Microsoft has an API available for that purpose checkout MS Translator and guide for a free setup translator setup alternatively you can go with other platforms too.

Embed a Vueitfy user interface into an existing website

I have designed a user interface for a web application using Nuxt.js and Vuetify.js (Nuxt implies the use of Vue.js code)
My interface is quite good, but I need to embed it into an existing website which does not make use of Nuxt/Vuetify stack.
I wonder what are the techniques that could be used in such situations?
I read some old posts like this one: Embed website into my site but I wonder if there is anything more trend and more suitable for a Vuetify user interface?
You could take the transpiled, javascript bundle that Webpack creates for your Nuxt/Vuetify application and insert it into whatever webpage would use it. This would let you use the javascript you wrote where you need it on that existing site, but wouldn't use it for any other pages.
If you don't like that approach, however, <iframe>s are always an option.

Is there a a way to embed a forum into a mobile app using javascript/jquery

I'm building a mobile app and one of the features it has is a forum, I was wondering if there is a way to embed one into the app.
e.g If I make a free forum using any website that offers it, is it possible to embed it in an app?
I'm using HTML/CSS with Javascript/Jquery
Edit: Not a java question.

Integrate nodsjs as embedded website in wordpress

I need some help.
I'm kind of new to javascript, but I built a flight search single page application using nodejs and angularjs and the Skyscanner API.
Now I would like to integrate this application as an embedded website in a wordpress in order to enjoy the advantages of wordpress. Does anybody have experience with this? Do the two system compete? Whats the best way to do this?
As wordpress is based on php, I guess there should be some troubles, maybe you know a turnaround.
Thanks in advance!
WordPress itself is written in PHP but whatever frontend you build with it can access your API written in Node, either directly from Angular or indirectly via PHP.
If you can get your Angular app embedded in WordPress then you shouldn't have problems accessing your Node API from it (keep in mind that you may need to configure CORS correctly).
But whether you can get your Angular app embedded in WordPress may be a big "if".
You can either use an iframe in order to embed a page that you're running in your Node.js environment or just provide some APIs from your Node.js server and call them from WordPress the way you prefer (jQuery, Angular.js or whatever). I don't see any particular issue about running an Angular app in WordPress.

tvOS load website URL

I am new in tvOS application. i am trying to integrate custom application with TVML & TVJS. I created a page and add banner in it. My requirement is to load a webpage inside that application. I tried different methods to load a webpage using that application.js file but fails. Please help me how to load a webpage using TVML and TVJS.
If I understood you correctly, you need to use UIWebView class but you cannot find it in the tvOS SDK (because it was removed). But you can use this class as a "private API class" (you can create an instance of this class and call methods for it, because you have enough information about UIWebView). It can be hard for you. If so, you can use some libraries (such as https://github.com/jvanakker/tvOSBrowser) that using the private API to make UIWebView available in the tvOS.
I think you might have a hard time on getting a web browser on the TV app store, as I think apple does really see people browsing on the apple tv.
Depends on your use case,
if you are only trying to display a page, you might able to use some of the online url to picture services like https://urlbox.io/docs, or build your own server using existing browser features. https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/getScreenshot
If you are getting users to another services, the correct way to do is with deep link, which you can learn more about here. https://developer.apple.com/videos/play/wwdc2017/246/
or if you are trying to transfer the view into sales, displaying a QR code is the way to go. as iOS 11 makes QR Code scanning a standard, it will be very easy for your users to scan the code. https://www.cnet.com/how-to/how-to-use-ios-11s-hidden-qr-code-reader/

Categories