Link automatisch laden und im hintergrund ausführen?

Ich habe da ein Projekt das, wenn man per Smartphone einen QR Code scannt,

Alexa etwas sagt...

Dies geht auch, nur leider kommt man auch auf die Seite vom Code und der ID..

Ich stelle mir das so vor.. : mit Smartphone den QR Code scannen, man wird auf meine Page weitergeleitet, und der link wird AUTOMATISCH OHNE Neues Fenster

ausgeführt.

Habe da im Netz einen guten HTML Code gefunden, Leider muss man zusätzlich den LINK ANKLICKEN.

Geht das nicht auch Automatisch ?

Kann mir da ein Profi den HTML Code unten ergänzen/umänderen ?

<a href="https://shelly-21-eu.shelly.cloud/scene/manual_run&id=XY&auth_key=XYZ" target="invisibleFrame">klick mich</a>

1 Antwort

CMSWordpress

14.04.2021, 20:50

<a class"trigger-klick" href="https://shelly-21-eu.shelly.cloud/scene/manual_run&id=XY&auth_key=XYZ" target="invisibleFrame">klick mich</a>

<iframe name="invisibleFrame" style="height:0px; width:0px;border:0px none red;background-color:transparent;" />

<script>
$(document).ready(function(){
 $(".trigger-klick").trigger('click');
});
</script>

Mit JavaScript bzw. jQuery kannst Du den Klick auslösen.

Woher ich das weiß:Berufserfahrung – Über 10 Jahre Berufserfahrung

goapeople

Fragesteller

15.04.2021, 05:47

soweit so gut, funktioniert.

Könnte man dann eventuell noch den "KLICK MICH"weglassen ? (Also OHNE den "Button") ?

Ich habe ein Video eingebettet auf meiner Website aber wenn ich es starte, kann es jeder herunterladen. Gibt es in diesem Code (oder in einem anderen) die Möglichkeit, den Download Button zu deaktivieren?

Code:

...zur Frage

HTML Download erzwingen klappt nicht?

Mein Code:

<a href="Logo1.png" download>hier</a>

Leider funktioniert das nicht, auch der Code

<a href="Logo1.png" download="Logo1.png">hier</a>

öffnet immer nur das Bild im Fenster.

Meine Quelle: html-seminar

Kann mir da jmd. weiterhelfen?

...zur Frage

HTML/CSS Bild passt sich nicht automatisch an?

Hallo,

ich bin dabei HTML und CSS zu lernen. Kann mir jemand sagen, warum sich das Bild nicht automatisch der Browsergröße anpasst? Anbei mein Code.

...zur Frage

Wie baue ich in HTML das download-Attribut richtig ein?

Ich möchte auf meiner Webseite einen Link einbinden, über den man ein Bild herunterladen kann. Leider funktioniert das nicht, obwohl ich es genauso wie in den Tutorials mache. Das Bild wird erkannt und wenn man auf den Link klickt, wird bloß im selben Tab das Bild geöffnet, aber nicht heruntergeladen...

Source-Code:

<a href="media/img/restaurant.png" download> Download </a>

...zur Frage

Wie kann ich diese Navbar fixieren?

Hallo,

ich mache gerade meine erste Website und kenne mich noch sehr wenig mit HTML/CSS aus. Ich schaffe es leider nicht, dass meine Navigation beim runter scrollen oben fixiert bleibt. Wie kann man das ausschließlich mit HTML und CSS (also kein Javascript oder so) beheben?

Hier der HTML-Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Unser Shop</title>
  <link rel="stylesheet" href="styles.css" type="text/css">
</head>


<body>


<div class="topnav">
  <img src="test.png" alt="test" width="100" height="40" style="float:left; margin-right:25px;">
  <a class="active" href="index.html">Willkommen</a>
  <a href="products.html">Unsere Produkte</a>
  <a href="about-us.html">Über uns</a>
</div>


<div class="page">
<p> Willkommen! </p>
</div>




</body>
</html>

Und hier der CSS-Code:

body {
  background-color: green;
  margin: 0px;
}


/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
}


/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}


/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}


/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}


.page {
  background-color: white;
  margin-right: 125px;
  margin-left: 125px;
  padding-bottom: 85%;
}

...zur Frage

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zur Frage

Class in css und html wird nicht angesprochen, was tun?

Ich habe eine Frage zum Thema html und css. Die class .logo lässt sich nicht ansprechen und wenn ich mit vsc versuche verschiedene "classes" anzusprechen schlägt er mir nur alte gelöschte "classes" vor. Vielleicht kann mir ja jemand bei diesem Problem helfen Danke im vorraus :)

hier ist der Code:

index.html

<!DOCTYPE html>

<html>

<head>

<title>beispiel</title>

</head>

<body>

<nav>

<li><a href="">Element 2.1</a></li>

<li><a href="">Element 3.1</a></li>

<li><a href="">Element 4.1</a></li>

<li><a href="">Element 5.1</a></li>

<li><a href="">Element 6.1</a></li>

<li><a href="">Element 7.1</a></li>

<li><a href="">Element 8.1</a></li>

</ul>

<li><a href="">Element 1</a></li>

<li><a href="">Element 2</a></li>

<li><a href="">Element 3</a></li>

<li><a href="">Element 4</a></li>

<li><a href="">Element 5</a></li>

<li><a href="">Element 6</a></li>

<li><a href="">Element 7</a></li>

<li><a href="">Element 8</a></li>

</ul>

</nav>

</body>

</html>

style.css

* {

margin: 0;

padding: 0;

}

html {

height: 100%;

}

body {

background-color: rgb(214, 214, 214);

}

nav {

width: 100%;

}

.leftnav {

float: left;

list-style: none;

background-color: cadetblue;

}

.topnav {

width: 100%;

float: right;

list-style: none;

background-color: crimson;

margin-bottom: 0;

}

nav .leftnav li {

margin-left: 25px;

margin-top: 30px;

margin-right: 25px;

margin-bottom: 30px;

}

nav .topnav li {

float: right;

display: inline-block;

margin-right: 50px;

margin-top: 20px;

margin-bottom: 20px;

}

nav .topnav .firstlielement {

display: inline-block;

margin-right: 50px;

margin-top: 20px;

margin-bottom: 20px;

}

nav .topnav li a {

text-decoration: none;

color: white;

}

nav .leftnav li a {

color: rgb(50, 60, 197);

text-decoration: none;

}

nav .leftnav li a:hover {

color: rgb(173, 174, 196);

text-decoration: none;

}

nav .topnav li a:hover {

color: rgb(81, 253, 1);

text-decoration: none;

}

.logo {

}

...zur Frage

eigener HTML Code funktioniert nicht in normal - Was tun?

Ich habe meinen eigenen Code geschrieben (siehe unten). Wenn ich ihn im TryIt Editor von w3schools mache, dann geht er, aber wenn ich die Datei mit demselben Code öffne nicht. Was tun?

P. S. was nicht funktioniert ist das iframe.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
	<TITLE></TITLE>
	<META NAME="GENERATOR" CONTENT="OpenOffice 4.1.5  (Win32)">
	<META NAME="CREATED" CONTENT="20190813;12185098">
	<META NAME="CHANGED" CONTENT="20190813;12281423">
</HEAD>
<BODY LANG="de-DE" DIR="LTR">
<P><FONT FACE="Impact, sans-serif"><FONT SIZE=7 STYLE="font-size: 80pt">Start
| <A HREF="../../../Programme/CookieGames/Shortcut">My Games</A> |
<A HREF="https://www.cookie-games.com/account/ich">Profile</A> | Info</FONT></FONT></P>
    <iframe src="https://www.cookie-games.com" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="https://www.cookie-games.com"> click here to view the page directly. </a></iframe>
<P><BR><BR>
</P>
</BODY>
</HTML>

...zur Frage

Punkt bei html (href) wegmachen?

Hallo,

ich habe einen Link in VS Code mit href versucht einzubinden und eigentlich klappt es auch, aber ich würde gerne diesen weißen Punkt wegbekommen. Kann mir da vielleicht jemand helfen?

Schonmal im Vorraus vielen Dank :)

...zur Frage

Footer Zeilenumbruch?

Wieso kann ich da keine Zeilenumbrüche reintun? Ich glaube das liegt im footer{} aber ich habe keine Ahnung was dort das blockiert. Kann mir jemand helfen? Code:

<html>

<head>

<style>

body{

width: 100%;

height: 100vh;

}

margin: 0;

padding: 0;

font-family: 'Comfortaa';

}

footer{

padding: 3px;

background-color: lightgray;

color: white;

display: flex;

margin-bottom: 0vh;

position: relative;

padding: 30px;

}

footer a, p{

color: black;

text-decoration: none;

}

</style>

</head>

<body>

<h1>Willkommen beim Geissli-Shop!</h1>

<p>Website by

<a href="#">Elifox</a><br></p>

<p>2023

<a href="#">Geissli Gang</a><br></p>

<p>

<a href="Datenschutzerklaerung.html">Datenschutzerklaerung</a><br></p>

<a href="Nutzungsbedienungen.html">Nutzungsbedienungen</a>

</footer>

</body>

</html>

Danke schon im vorraus!

...zur Frage

HTML/CSS relative Pfade mit / beginnen oder nicht?

Hallo,was ist der Unterschied zwischen :

<link rel="stylesheet" href="css/style.css">

und

<link rel="stylesheet" href="/css/style.css">

Wie binde ich binde ich denn Dateien ein, welche auf der selben Ebene liegen? Beginne ich mit / oder nicht?

...zur Frage

Bestimmter Ausschnitt einer Website in eine andere Website einbetten Html?

Ich habe momentan folgender Html Code in meiner Programmierung:

Ich möchte aber nur ein bestimmten Teil von der Website einblenden, kann mir jemand helfen?

...zur Frage

HTML automatisch Aktualisieren?

Wie kann ich ein HTML Code (iFrame) automatisch aktualisieren, ohne das die ganze Seite aktualisiert wird?

...zur Frage

Ich möchte ein HTML-Dokument mit einem CSS-Dokument verbinden, per <link rel="stylesheet" href="stylesheet.css">. Wieso funktioniert das nicht?

Ich möchte ein CSS-Dokument mit einem HTML-Dokument verbinden, undzwar mit dem Code:

<link rel="stylesheet" href="stylesheet.css">

Aber es funktioniert nicht?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen