Javascript-forum
Portal

Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.503
» Neuestes Mitglied: ivivacetechnologies
» Foren-Themen: 522
» Foren-Beiträge: 2.118

Komplettstatistiken

Benutzer Online
Momentan sind 61 Benutzer online
» 0 Mitglieder
» 59 Gäste
Bing, Facebook

Aktive Themen
Call Now 9899988101 Best ...
Forum: Javascript
Letzter Beitrag: anuskhaescorts0
Vor 9 Stunden
» Antworten: 0
» Ansichten: 7
Payment Gateway for Onlin...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: benjaminmassy
Gestern, 11:01
» Antworten: 0
» Ansichten: 12
What are the drug interac...
Forum: Javascript
Letzter Beitrag: azaviona
Gestern, 07:24
» Antworten: 0
» Ansichten: 22
Hall an alle
Forum: Seid ihr neu ?
Letzter Beitrag: Andreas
08.05.2024, 14:32
» Antworten: 0
» Ansichten: 15
Ghostbusters frozen empir...
Forum: Javascript
Letzter Beitrag: foreverjackets
06.05.2024, 20:23
» Antworten: 0
» Ansichten: 40
Alert Fenster
Forum: Javascript
Letzter Beitrag: Sempervivum
04.05.2024, 18:25
» Antworten: 2
» Ansichten: 52
How does Tadalista affect...
Forum: Php
Letzter Beitrag: azaviona
03.05.2024, 09:36
» Antworten: 0
» Ansichten: 58
https://blog.indiagpt.com...
Forum: Javascript
Letzter Beitrag: indiagpt
03.05.2024, 08:18
» Antworten: 0
» Ansichten: 98
Unlocking the Mystery: Ne...
Forum: Datenbanken
Letzter Beitrag: richardrussel
02.05.2024, 10:20
» Antworten: 0
» Ansichten: 62
Best career counsellor in...
Forum: CoffeeScript
Letzter Beitrag: Captain12
02.05.2024, 08:13
» Antworten: 0
» Ansichten: 69

  Suchmaschinenindizierung von React Seiten
Geschrieben von: Reacttester - 21.02.2022, 22:34 - Forum: React - Keine Antworten

Hallo, wie kann man manche React-Seiten (bsp. Adminpanel) von der Suchmaschinenindizierung ausnehmen? Will ja nicht dass der Link zu meinem Adminpanel in Google irgendwo angezeigt wird...

Drucke diesen Beitrag

  Json werte im array ablegen.
Geschrieben von: fischi87 - 19.02.2022, 08:38 - Forum: Javascript - Antworten (1)

Hallo Gemeinde,
ich habe ein problem. ich möchte werte von einer url die werte ausgibt, ich denke im json format in eine variable ablegen um mit den werten im code weiter zu arbeiten. wie ist das möglich? ich hab schon gesucht aber so richtig hab ich nichts gefunden. müsste ja ein request machen und das ergebnis durch eine for schleife einbinden oder?

vielleicht kann mir jemand auf die sprünge helfen was den request angeht das ich erstmal die werte einlesen kann!

danke euch

Drucke diesen Beitrag

  Service Worker PWA offline Nutzung
Geschrieben von: JS_Learner 2022 - 11.02.2022, 09:29 - Forum: Javascript - Antworten (1)

Guten Tag,

Ich habe ein kleines Problem mit einer PWA. Ich habe mich mit Service-Workern beschäftigt und  ein wenig mit PWAs rumgespielt.
Ich würde gerne, dass meine PWA offline verfügbar ist. Ich habe auch im Service Worker den install und fetch Befehl definiert, jedoch wenn ich die App dann installiert habe und geöffnet und wieder komplett geschlossen habe und sogar den Web-Server herunterfahre und mein Internet auf dem Handy ausmache, startet die App. Wenn ich sie jedoch nach einer Stunde erneut öffne stürzt sie ab, weil die URL nicht gefunden werden kann. Habe ich etwas vergessen im Code? Oder gibt es eine Einstellung dafür?
Ich habe auch beim Debuggen mit Google Chrome keine Fehler feststellen können.
Ich bin was Service Worker angeht noch ziemlich unerfahren...
Über eine Antwort würde ich mich sehr freuen!

Code der Klasse mit dem Service Worker(SW.js):

const cacheName = './';
const contentToCache = [
'index.html',
'Speichern.html',
'Hochladen.html',
'Routing.js',
'manifest.json',
'LocalStorageService.js'
];


self.addEventListener('install', (e) => {
  console.log('[Service Worker] Install');
  e.waitUntil((async () => {
    const cache = await caches.open(cacheName);
    console.log('[Service Worker] Caching all: app shell and content');
    await cache.addAll(contentToCache);
  })());
});

self.addEventListener('fetch', (e) => {
  console.log(`[Service Worker] Fetched resource ${e.request.url}`);
  e.respondWith((async () => {
    const r = await caches.match(e.request);
    console.log(`[Service Worker] Fetching resource: ${e.request.url}`);
    if (r) { return r; }
    const response = await fetch(e.request);
    const cache = await caches.open(cacheName);
    console.log(`[Service Worker] Caching new resource: ${e.request.url}`);
    cache.put(e.request, response.clone());
    return response;
  })());
});


Ausschnitt der index.html, wo der Service Worker registriert wird:

<script src="SW.js"></script>
   <script>
    if ("serviceWorker" in navigator) {
     window.addEventListener('load', function() {
      navigator.serviceWorker.register( "./SW.js").then(
       function(erfolg) {
        console.log( "ServiceWorker wurde registriert.", erfolg);
       }
      ).catch(
       function(fehler) {
        console.log( "ServiceWorker wurde leider nicht registriert.", fehler);
       }
      );
     });
    }
    </script>


Die App hat natürlich auch eine manifest.json, sodass sie auch wirklich als App erkannt wird.


Vielen Dank im voraus!

Liebe Grüße

Drucke diesen Beitrag

  Tasten funktionieren nicht in Snake
Geschrieben von: nonamemofugga - 10.02.2022, 14:07 - Forum: Javascript - Antworten (1)

Hallo zusammen,

ich bin ein blutiger Anfänger in der Programmierung. 
ich bin dabei ein YT-Video nachzuprogrammieren (https://www.youtube.com/watch?v=niD3gx4BI9A&t=3300s).

Ich habe den Teil abgeschlossen in dem man die Tastatur programmiert um Snake steuern zu können (Im Video min 47:12 - 53:39)
Eigentlich müsste es jetzt funktionieren jedoch rührt sich nichts.
Habe alles 3 weitere male auf schreibfehler überprüüft, jedoch finde ich nichts. 
Weiss jemand was ich falsch gemacht habe? 
Würde mich über eine Antwort freuen.
LG Ben


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Snake</title>
</head>
<body>

    <canvas id="canvas" width="480" height="480"></canvas>

    <script>

        let canvas = document.getElementById('canvas');
        let ctx = canvas.getContext('2d');
        let rows = 20;
        let cols = 20;
        let snake = [
            {x: 19, y: 3}
        ];
        let food = {x: 4, y: 5};
        let cellWidth = canvas.width / cols;
        let cellHeight = canvas.height / rows;
        let direction = 'LEFT';

        setInterval(gameLoop, 500);
        document.addEventListener('keyDown', keyDown);

        draw();

       function draw() {
           ctx.fillStyle = 'black';
           ctx.fillRect(0, 0, canvas.width, canvas.height);
           ctx.fillStyle = 'white';
         
           snake.forEach(part => add(part.x, part.y));

           ctx.fillStyle = 'yellow';
           add(food.x, food.y); // Food

           requestAnimationFrame(draw);
        }

       function add(x, y) {
           ctx.fillRect(x * cellWidth, y * cellHeight, cellWidth - 1, cellHeight - 1);
        }

       function gameLoop() {
            if (direction == 'LEFT') {
               snake[0].x--;
            }

            if (direction == 'RIGHT') {
                snake[0].x++;
            }

            if (direction == 'UP') {
                snake[0].y--;
            }

            if (direction == 'DOWN') {
                snake[0].y++;
            }
        }

        function keyDown(e) {
            if (e.keyCode == 37) {
                direction = 'LEFT';

            }
            if (e.keyCode == 38) {
                direction = 'UP';

            }
            if (e.keyCode == 39) {
                direction = 'RIGHT';

            }
            if (e.keyCode == 40) {
                direction = 'DOWN';

            }
        }
    </script>

</body>

</html>

Drucke diesen Beitrag

Question setTimeout dynamisch möglich?
Geschrieben von: IntrepidKlasse - 05.02.2022, 07:39 - Forum: Javascript - Antworten (1)

Hallo, kann ich diese form anwenden ? es funktioniert nämlich nicht...


Code:
var timeLine = 1000;
setTimeout(function(){

//code

}, timeLine);

vielen dank für die Hilfe.

Drucke diesen Beitrag

Question frage zu den Blöcken und der Gültigkeit von Variablen + Node
Geschrieben von: IntrepidKlasse - 05.02.2022, 07:35 - Forum: Javascript - Antworten (1)

Hallo, 

ich habe eine Anfänger frage zu den Blöcken und der Gültigkeit von Variablen.

Code:
var variable;
con.query("SELECT tabelle FROM spalte" , (err, rows) => {
    let ergebnis= rows[0].spalte;
    variable = ergebnis;
                                    
    });

ich komme aus einer SQL Abfrage in Node/Javascript generell nicht aus dem Block raus. Ich möchte die oben deklarierte Variable definieren.
Wenn ich durch das auslesen wie hier in diesem Beispiel ein Ergebnis erhalte, möchte ich das auch weiter verarbeiten. Wie ist hier das richtige vorgehen?

Ich habe das Problem nämlich nicht nur innerhalb einer SQL abfrage bei Node, sondern generell bei JavaScript. Ich habe mir natürlich den Gültigkeit Bereich von variablen innerhalb von Blöcken angeschaut, schlau bin ich jedoch nicht daraus geworden Sad

Eine Möglichkeit aus meiner Sicht wäre den ausgelesenen Inhalt mit einer Funktion(Inhalt) hinaus zu tragen, aber das kann doch nicht alles sein.
Wie schauts aus mit Globalen Variablen? wäre var variable; nicht eine Globale?

Drucke diesen Beitrag

  Tabelle drucken ?
Geschrieben von: dl8aax - 02.02.2022, 18:38 - Forum: Javascript - Antworten (2)

Moin,

ich habe eine Tabelle, siehe bild
Beim ausdrucken habe ich das Problem das die Hintergrundfarbe nicht mitgedruckt wird.
Drucken tu ich mit folgenden Code

Code:
function PrintElem(elem)
{
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<html><head><title> </title>');
    mywindow.document.write('</head><body >');
    mywindow.document.write('<h1>Bienenstände</h1>');
    mywindow.document.write(document.getElementById(elem).outerHTML);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/

    mywindow.print();
    //mywindow.close();

    return true;
}
</script>

   

LG Dirk

Drucke diesen Beitrag

  JS Dateien aufteilen
Geschrieben von: echdeneth - 02.02.2022, 10:33 - Forum: Javascript - Antworten (1)

Moin und Danke für die Aufnahme,

ich bin relativ neu bei der JS Materie, daher mal eins zwei "Noob-Fragen".

Zu Beginn Projekt hatte ich ein PHP-Projekt (samtsch CSS, JS)  nun kam eine "Vor-Seite" hinzu, weswegen eine weitere JS-Datei hinzukam.
In ersterer ist die Klassenstruktur (mit Unterklassen) und etwas Code für X3DOM. diese soll nur noch X3D machen.
In 2. kamen Eingabefeilder, Kalkulationen etc. aus 1. hinzu.

Ich hoffe ich habe das verständlich dargestellt.

1: Ist diese Aufteilung weise?
2. Kann ich das noch weiter aufteilen, die Klassenstruktur in eine separate?

Danke für eure Hilfe

Drucke diesen Beitrag

  Variable in Input <type='text'> ausgeben
Geschrieben von: Faultier_1982 - 16.01.2022, 09:07 - Forum: Javascript - Antworten (1)

Hallo,
Ich versuche in meinen Anfängen in JavaScript eine let-Variable in einem input type='text' zu übertragen. Im Internet ich habe bereits Beispielcode gefunden, leider habe ich diese nicht zum laufen gebracht... In die Überschrift habe ich meine Variable geschrieben bekommen...

Code:
<!DOCTYPE html> <!-- For more information visit: https://fipsok.de -->
<html lang="de">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="Vorlage_fur_style.css">
      <title>Titel Registerfenster</title>
      <script type="text/javascript">
         let Pflanze = "Boskop";
         document.getElementById("id_Pflanzen_Name").value = Pflanze;
      </script>
   </head>
   <body>
      <form name='fo' method='Post' action='./'>
         <table class='Tabelle'>
            <tr>
               <td colspan='2' class='Zelle_Uberschrift'><script type="text/javascript">document.write(Pflanze)</script></td>
            </tr>
            <tr class='Zeile'>
               <td class='Zelle'>Pflanze-Name<input class='Textfeld_Name' type='text' name='Na_Pflanzen_Name' id='id_Pflanzen_Name' /></td>
            <tr>
         </table>
      </form>
   </body>
</html>

Gruß

Drucke diesen Beitrag

  Die Arbeit verloren? Dieses Programm hilft, viel Geld zu verdienen!
Geschrieben von: JaneEviLsdcbdc - 14.01.2022, 05:51 - Forum: Javascript - Keine Antworten

XEvil - das beste Captcha-Solver-Tool mit unbegrenzter Anzahl von Lösungen, ohne Thread-Anzahl Grenzen und höchste Präzision!
XEvil 5.0-Unterstützung von mehr als 12.000 Arten von Bild-captcha, enthalten ReCaptcha, Google-captcha, Yandex-captcha, Microsoft captcha, Dampf captcha, SolveMedia, ReCaptcha-2 und (JA!!!) ReCaptcha-3 zu.

1.) Flexibel: sie können die Logik für nicht standardmäßige Captchas anpassen
2.) Einfach: starten Sie einfach XEvil, drücken Sie 1 Taste - und es wird automatisch captchas aus Ihrer Anwendung oder Skript akzeptieren
3.) Schnell: 0,01 Sekunden für einfache captchas, etwa 20..40 sekunden für reCAPTCHA-2, und über 5...8 sekunden für reCAPTCHA-3

Sie können XEvil mit jeder SEO/SMM-Software, jedem Parser der Passwortprüfung, jeder Analyseanwendung oder jedem benutzerdefinierten Skript verwenden:
XEvil unterstützt die meisten bekannten Anti-Captcha-Dienste API: 2Captcha.com, RuCaptcha.Com, AntiGate.com (Anti-Captcha), DeathByCaptcha, etc.

Interessiert? Suchen Sie einfach in Google "XEvil" für weitere Informationen
Sie lesen dies-dann funktioniert es! Wink))

P.S. New XEvil 6.0 wird hCaptcha, FunCaptcha und reCAPTCHA Enterprize brechen

Drucke diesen Beitrag