Other Integration Methods
In this lesson, we'll continue looking at integration methods
We'll cover the following...
Integration with JavaScript #
In the example, the integration of the frontend is practically always done via links. However, the postbox displays an overview of the current messages in the main application.
For this, a simple link is not enough. Still, this integration is also a link. A look into the HTML code shows:
<a href="https://crimson-postbox.herokuapp.com/m50000/messages"class="preview" data-preview="enabled"data-preview-title="Notifications"data-preview-selector="table.messages-overview"data-preview-error-msg="Postbox unreachable!"data-preview-count="tbody>tr" data-preview-window>
Actually, when running the application, the HTML code contains German expressions. They can be translated by Google Translate. However, the HTML code remains unchanged and still includes German expressions. For convenience, the English expressions are shown in the HTML code in the listing here.
The link contains additional attributes. They ensure that the information of the postbox is displayed in the current web page and define how exactly this happens. This information is interpreted by less than 60 lines of ...