I need a toolbar program, that opens other programs by clicking on the respective link. Is it possible to realize this as a Web App with HTML, CSS and JS?
I'm a beginner, i didn't try it
Depending on what you mean with programs it is possible to create a toolbar program as a web application. You can create buttons with links to other programs and use JavaScript to open the programs (eg websites) when the buttons are clicked. for example like so:
<div class="toolbar">
<button onclick="window.open('https://www.google.com')">Google</button>
<button onclick="window.open('https://www.facebook.com')">Facebook</button>
<button onclick="window.open('https://www.youtube.com')">YouTube</button>
</div>
Related
what is the best possible solution to hide navbar with three dots when opening external website in PWA app?
The case is that the app is already build, but when clicking the external link I wanted to open as standalone mode in app, so the only possible way to go back will be by using swipe gesture on android ;)
That is the code used for open this:
class="space-button"
on:click={() => {
if (depObj.viewUrl) {
window.location.href = depObj.viewUrl;
}
}}
>
BUTTON TO OPEN EXTERNAL LINK
</div>
In your webmanifest.json the scope attribute defines what websites belong to your app. If the user navigates to a website not covered by the scope, it will be opened outside of the application window.
See more here: developer.mozilla.org
I was building a simple web app in node js. I am new to using node js to build a web app but not new to web app development itself. I have plugged this web app to an api server that I have already built and deployed with a auth server plugged in between.
So, I have a login button. I also have a button that shows the logged in user profile. all good.
I added a new div for a new set of buttons.
<div class="page" id="content-apiservicedemo">
<div class="container">
<hr>
<p>here comes the simple api button</p>
<button id="btn-call-api" disabled="true" onclick="callApi()">Call Api</button>
<!-- Add a container to hold the response from the call -->
<pre id="api-call-result"></pre>
</div>
</div>
and I used a link to show that section.
<a href="/apiservicedemo">
<i class="fas fa-link"></i> here
</a>
and then, i found out, this link, constantly keeps reloading the entire page. I mean, to say, when i click on this, it triggers a one time page reload.
To add extra context, the way, the current nod js app is designed (I believe this is a standard thing in node js based single page application), it simply hides and shows a specific div depending on which route has been clicked.
and I used this the link this way. (this is the way the current link for home and profile details are written in this template/tutorial app)
here 2
and I am getting my new page, as I want, without reloading.
So, what is happening here? I am a little confused.
I want to add a screen recorder to my html webpage. So i.e. I will have a button and by clicking on that button, to start recording my screen. I know there is such a tool in HTML5 and a JS framework, but I am wondering if it is possible in HTML4. Any suggestions, links are welcome.
There is no tool for that even in HTML5. You may start a external Application like here
I'm using ESRI's ArcGIS Web App to create a map that has several interactive features. By clicking on specific objects in my map, users will see a pop up (created using the Web App creation features) with information about the area they clicked on.
Some of those pop ups contain a link that should open up a new window to display an image (that I have hosted on my web server).
Here's where my problem begins. In the map builder, inside my ArcGIS online login where I set everything up, I have added the link control to the configured popups that tells it to use Javascript in an "onclick" to tell it to open a new window, of a specific size, and where to find the image to display. It all works fine in the builder. But as soon as I create the web app, it completely drops my "onclick".
And more-so, I tried to work around this by changing the href of the link to "javascript:myScriptHereTellingItToOpenANewWindow" and the web app then drops the "javascript:" part and changes it to "#" thus still not working when I click it, all it does is try to open a new browser tab and ignores the rest of the script written in the href.
I'm sorry I have to be somewhat vague because this is for a company project that has high security. Below is what little code I can share (cleaned up a little to hide confidential information).
In the ArcGIS Web Map builder, here is the code I have in my configured popup:
<a onclick="window.open('URL of image file I want to load','width=1000,height=202,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes');" style="cursor:pointer;" target="_parent">View Featured Line</a>
And as I said, that works fine in the editor. But once I chose to "Create a Web App from this map" it drops the "onclick" completely.
If I put it in the href tag, like below:
View Featured Line
Then when I "inspect source" in the web app, it looks like this (which doesn't work either):
View Featured Line
I am working on Samsung TV application, so I made interning screen which tell the user some information about this application, after the user read the information he should click on welcome button to go to the main page.
So should I create a new html, then when I click on the button, a new page opening up?
Actually I was using this Technic in android applications!!!
So does this work on TV applications? If not, what should I do? Any advice will help, THANKS
Note: I study this code http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open4
but this function didn't work
I suggest you to have a base html like this:
<body>
<div id="popup"></div>
<div id="content"></div>
</body>
And have your "screens" in separate html documents, and when you push a button, refresh your base html according, this way:
//on click
$('#content').html('');
$('#content').load('mynewcontent.html');
Samsung applications work with single page web app philosophy, so you must refresh the base html dynamically.
If you need to create a popup, there are lots of tutorials about how to make a div looks like a popup (manipulating position absolute, width, height, adding a semi-transparent black background...).
Expect this give you a clue, there is a long time I worked with samsung tv's.
Samsung TV applications do not have windows or tabs, so you cannot use open to create a new one.
Render your message inside the existing page with DOM manipulation instead.