Link im JavaScript Teil?

Ich möchte gerne ein Link in einer if Verzweigung einbauen, der dann auf eine neue HTML Seite linkt. Ich habe es schon mehrfach in der If Verzweigung selber Versucht, aber es hat nie geklappt.

meine Frage wäre, ob jemand eine Idee hätte, wie die Anweisung zum linken in der If Verzweigung getriggert wirt aber das linken selber in HTML stattfindet.

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, programmieren, JavaScript

22.06.2022, 20:56

Ändere die href-Adresse des location-Objekts:

if (/* some condition */) {
  location.href = "target URL ...";
}

Wenn die Bedingung zutrifft, findet eine Weiterleitung auf die Zielseite statt.

Ähnliche Fragen

Link in Javascript einfügen?

Ich möchte gerne in einer if Verzweigung in Javascript einen Link einfügen, der zu einer neuen Html Seite linkt, weiß aber nicht genau, wie ich das machen soll, kann mir jemand helfen?

im Bild sieht man, wo der Code rein muss

...zur Frage

Guter Anbieter für Domain und Web Hosting bei dem man mit HTML/CSS und JS selber seine Webseite erstellen kann?

Hallo kennt da jemand ein guter?
Es muss nur so einfach wie möglich sein aber ich will alles selber programmieren mit HTML CSS und JavaScript also sowas wie Wordpress oder ähnliches will ich gar nicht.

...zur Frage

Mit Javascript zu einem Teil im HTML Dokument springen?

Hallo !

Ich bin gerade dabei eines meiner ersten Projekte mit JavaScript/CSS/HTML umzusetzen.

Ich bin gerade dabei eine Suchfunktion einzubauen.

Ich habe eine Layout von Material Design Lite verwendet. Ich habe es so umgesetzt, dass das ganze im einem HTML Formular steht und beim absenden (drücken der ENTER Taste) eine JavaScript Funktion ausgeführt wird. Bei dieser hole ich mir mithilfe von document.getElementById().value den Wert der eingegeben wurde und sage, dass dieser Wert auf eine Variable übertragen wird. Ich frage per If und else ab was eingeben wurde (Bsp. 1) und will dann das zum einem bestimmten Teil im HTML Text gesprungen wird.

Mein Problem :

Ich muss es irgendwie umsetzen, dass mit JavaScript Code zu einem bestimmten Teil (im HTML Text ) gesprungen wird OHNE das man auf einen Link klicken muss.

Weiß jemand von euch hier, wie das möglich ist ?

(Danke für deine Zeit, beim Lesen und Danke für jede Antwort)

Hier der Code meiner JavaScript Funktion

Hier der Code des HTML Formulars

...zur Frage

HTML Mehr Lesen...?

Hallo,

ich Habe gerade einen Link für eine Seite erstellt, und möchte nun das unter diesem link noch ein link ist. Und wenn man drauf drückt soll er einen bestimmten Text anzeigen, aber er soll nicht auf eine neue seite kommen, geht dies auch ohne JavaScript? oder so etwas ähnliches?

...zur Frage

HTML JavaScript Hintergrund?

Hi,

Ich wollte fragen ob mir jemand hier im Forum helfen kann.

Also ich möchte machen das wenn man die Seite reloaded das man immer ein neues Hintergrundbild hat (im Body + link kompatible)

MfG

...zur Frage

Wie kann ich mit Javascript Cheboxen abwählen?

Ich habe mehrere Checkboxen (4) in HTML erstellt. Jetzt möchte ich mit Javascript programmieren, dass es im Grunde nur 1 Option gibt, also nur ein Kontrollkästchen damit angekreuzt werden kann. Wahrscheinlich gar nicht so schwer. Problem: Ich habe während meiner Ausbildung nur mit Java gearbeitet und muss es jetzt für einen Kollegen tun, der gerade krank ist. Da ich aktuell Corona habe und ich mich in den Osterferien in Deutschland fühle, als wäre ich der Einzige, der arbeitet, kann ich keinen Kollegen fragen, wie es geht.

Ich habe versucht, was für mich logisch wäre und was ich mit meinen wenigen Javascript-Kenntnissen wusste. Also:

if (getElementById("Haken1")==true) { getElementById("Haken2")==false; }

Ich dachte, das könnte funktionieren, tat es aber nicht.

...zur Frage

JavaScript (html) Element zentrieren?

Hallo ich habe in JavaScript ein Element erstellen lassen und die Größe perfekt angepasst, nun muss es nur noch zentriert werden aber irgendwie funktioniert nichts, egal was ich versuche bleibt es immer in der linken oberen Ecke!

...zur Frage

Bild in Bild auf iOS?

Ich versuche mich momentan etwas mit html und JavaScript und habe folgenden Code der auf dem pc perfekt funktioniert aber nicht auf meinem Handy, ich sah bei Apple einen Lösungsansatz aber dabei verstand ich nichts!

function togglePictureInPicture() {
  if (!document.pictureInPictureElement) {
    x.requestPictureInPicture();
  } else {
    document.exitPictureInPicture();
  }
}

...zur Frage

HTML Javascript funktioniert nicht?

Hey Leute,

Ich versuche gerade einen Random Name Generator mit HTML/Javascript zu erstellen. Ich bin relativ neu, was das Thema Javascript angeht.
Ich habe mir einfach mal einen Beispielcode für einen Random Name Generator geholt und versucht das ganze selbst zu machen. Allerdings bekomme ich es nicht hin, dass Javascript mitspielt. Es passiert einfach nichts trotz Javascript. Wenn ich den ganze Code via codepen.io laufen lassen, funktioniert es einwandfrei. Hier mal der codepen.io link: https://codepen.io/Johnny3_3/pen/Exjdxom

Hier der Code, den ich in meiner HTML Datei/Javascript Datei stehen habe.

HTML:

Javascript:

...zur Frage

Zugriff auf svg Element in HTML gibt immer "null" zurück?

Hallo zusammen,

folgendes Problem:

Ich möchte aus meinem javascript Code zu laufzeit auf meine sonarGrafik.svg zugreifen können um deren Elemente zu manipulieren (oder neue hinzufügen zu können).

So sieht erstmal der ganze HTML Code aus:

<!DOCTYPE html>
<html>
<head>
    <title>Arduino Daten</title>
    <link rel="icon" href="data:,">
    <script src="scripts/script.js"></script>
    <link rel="stylesheet" href="styles/style.css"> 
</head>
<body>
    <object id = "svgObject" data="styles/sonarGrafik.svg" type="image/svg+xml"></object>
</body>
</html>

Der betroffene Teil in meinem javascript Code:

function insertDots(cx, cy) {
    const svgObject = document.getElementById("svgObject");
    console.log(svgObject.contentDocument) // hier erhalte ich in der Console immer "null"


    svgObject.addEventListener("load", function() {
        if (svgObject && svgObject.contentDocument) {
            const sonarSVG = svgObject.contentDocument.getElementById("sonar");
            console.log(sonarSVG);
        }
    });
}

(Die funktion insertDots(cx, cy) wird alle paar sekunden aufgerufen und ich erhalte in der Browser Konsole immer nur null. Dementsprechend ist die if Bedienung darunter auch nie wahr)

In meiner .svg Datei gibt es definitv die id= "sonar":

<svg id="sonar" width="700" height="700" xmlns="http://www.w3.org/2000/svg">
  <rect x="0" y="0" width="100%" height="100%" fill="rgba(128, 128,   128, 0.25)" />
</svg>

So sieht meine Ordnerstruktur aus:

Website
│   SonarVisuallisierung.html
│
├── scripts
│       script.js
│
└── styles
        style.css
        sonarGrafik.svg

Gibt es irgendwo einen Fehler oder eine andere Möglichkeit auf die Elemente der .svg Datei über das script zuzugreifen? (Den Inhalt der .svg will ich ausgelagert lassen und nicht in das HTML einfügen wegen der Übersichtlichkeit)

Danke für alle Lösungsvorschläge.

...zur Frage

Kennt jemand ein Counter Script, wo die Aufrufe/Klicks in einer counter.txt Datei im Verzeichnis abgespeichert werden - wenn möglich in HTML?

z.B

<script language="JavaScript" src="Die Website Link/counter/counter.php?ac=js">
</script>

couter.php

<?php
function get_urlvar($var_name){
	if(!isset($_GET[$var_name])){
		return ("");
	} else {
		return (trim(urldecode(mysql_escape_string($_GET[$var_name]))));
	}
}
$File = fopen('./daten/cont.txt', 'r+'); 
$Counter = fread($File, filesize('./daten/cont.txt')); 
$Counter++;
rewind($File);
fwrite($File, $Counter); 
fclose($File);
$ac=get_urlvar("ac");
if ($ac == 'js'){
echo "document.write(' Sie sind Besucher Nr. $Counter ');\n";
}else {
echo 'Sie sind Besucher Nr. '.$Counter;
}
?>

wäre ein beispiel. Bei mir geht das aber nicht, keine Ahnung warum. Hat jemand eine andere oder eine etwas einfachere Idee (die Aufrufe/Klicks müssen aber als Datei / txt abgespeichert werden).

Danke im voraus.

...zur Frage

javascript const in html ausgeben?

Hallo,

untenstehender Code wartet auf ein clickevent in meiner Tabelle und speichert dann die value des geklickten buttons in const dialogId. Das ganze möchte ich dann gerne in html ausgeben. Kann mir jemand helfen?

    const table = document.querySelector('#meineTabelle');
    table.addEventListener('click', event => {
      if (event.target.matches('.dialog-open')) {
        const dialogId = "Hello there";
        dialogOeffnen(dialogId);
      }
    });

...zur Frage

Html und Javascritp Gif ein und ausblenden lassen?

Ich möchte mit Html und Javascript ein Gif per button einfügen lassen. Ich habe schon einiges ausprobiert aber es funktioniert nicht, ich würde mich gerne über Hilfe freuen. (Die Aufgabe war es einen Kopfrechentrainer zu programmieren, als Zusatz ein Bild einfügen,...)

<html>
	<head>
		<title> Kopfrechentrainer Ultimate </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
	var x;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}


	if(r+f==50)
{
	if(r==0){alert('soos')}
	else if(0<r<=10){alert('saas')}
	else if(10<r<=20){alert('sees')}
	else if(20<r<=30){alert('siis')}
	else if(30<r<=40){alert('suus')}
	else if(40<r<=50){alert('fiif')}
}


}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}


	function shutdown()
{
	window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
}


	function bka()
{
   	var audio = new Audio('sirene.mp3');
   	audio.play();


	document.getElementById("bkaf").style.display="none";
}


</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer Ultimate </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 50 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen">
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>
			<input type=button value="Zurücksetzen" onclick=zurück()>
				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		<input type=button value="shutdown" onclick=shutdown()>
	<br> <br>
		<input type=button value="BKA Modus" onclick=bka()>
		
		<audio autoplay>
 		 <source src="sirene.mp3" type="audio/mpeg">
		</audio>
		<br>
	<div id="bkaf">
	<img id="blaulicht" src="blaulicht.gif">	
	</div>


	</form>










	</body>
</html>

...zur Frage

JavaScript Datei auslesen was mache ich falsch?

Ich weiß das es so nicht funktionieren kann aber wie geht es denn richtig???

Was mache ich falsch? Der Error ist :

Uncaught ReferenceError: require is not defined at Test.html:12:28

Mein Code

<!DOCTYPE html>
    <html >
        <head>
        <title>Test</title>
        </head>
            <body>


            </body>

            <script>
                const fs = require("fs");
                fs.readFile("test.txt", (err, data) => {
                if (err) throw err;

                console.log(data.toString());
                });
            </script>
    </html>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen