Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.263
» Neuestes Mitglied: stevenjohns726
» Foren-Themen: 508
» Foren-Beiträge: 2.071

Komplettstatistiken

Benutzer Online
Momentan sind 14 Benutzer online
» 1 Mitglieder
» 12 Gäste
Bing, Sempervivum

Aktive Themen
Careprost: Ways To Help E...
Forum: DataTables
Letzter Beitrag: stevenjohns726
Gestern, 13:11
» Antworten: 0
» Ansichten: 7
Variable aus Funktion zur...
Forum: Javascript
Letzter Beitrag: Kai_Behncke
27.03.2024, 14:58
» Antworten: 2
» Ansichten: 28
Probleme mit Canvas
Forum: Javascript
Letzter Beitrag: Sempervivum
27.03.2024, 09:28
» Antworten: 5
» Ansichten: 97
Bildauswahl Reset
Forum: Javascript
Letzter Beitrag: Sempervivum
25.03.2024, 05:38
» Antworten: 6
» Ansichten: 101
HTML Tabelle filtern + Na...
Forum: Javascript
Letzter Beitrag: Sempervivum
24.03.2024, 17:31
» Antworten: 1
» Ansichten: 53
Grid oder Flex
Forum: Css
Letzter Beitrag: Sempervivum
22.03.2024, 16:29
» Antworten: 5
» Ansichten: 140
Class in PHP While anspre...
Forum: Javascript
Letzter Beitrag: saturnus
22.03.2024, 06:55
» Antworten: 4
» Ansichten: 72
Unleashing Potency: The I...
Forum: Javascript
Letzter Beitrag: irenejoshi1717
21.03.2024, 12:03
» Antworten: 0
» Ansichten: 29
CSS Animationen verbinden
Forum: Css
Letzter Beitrag: AndreasB
21.03.2024, 08:23
» Antworten: 8
» Ansichten: 168
Fetch Problem mit Sidebar...
Forum: Javascript
Letzter Beitrag: tiger5nrg
19.03.2024, 14:08
» Antworten: 7
» Ansichten: 167

  Fehlermeldung
Geschrieben von: MDMA - 26.10.2023, 04:16 - Forum: Javascript - Antworten (1)

Mein Code: https://codepen.io/Dennis-scotton/pen/qBgdwmv

Moin Leute,

ich habe leider ein kleines Problem und hoffe, dass Sie mir helfen können. Kurz gesagt, ich möchte ein Formular für Fragen erstellen, bei dem die Fragen am Ende ausgewertet werden. Das Problem besteht darin, dass ich sicherstellen möchte, dass für alle Fragen mindestens eine der drei Antwortmöglichkeiten ausgewählt wurde, andernfalls sollte eine Fehlermeldung angezeigt werden, die den Benutzer darauf hinweist, dass nicht alle Felder ausgefüllt sind.

Ich hoffe, jemand kann mir dabei behilflich sein, da ich bisher noch keine Lösung gefunden habe. Vielen Dank im Voraus und einen schönen Tag noch.

Drucke diesen Beitrag

  Tooltip Problem
Geschrieben von: sanuj - 21.10.2023, 12:13 - Forum: Javascript - Antworten (2)

Hallo zusammen
Ich würde gern wissen, ob es für folgendes Problem eine Lösung gibt:
Es geht um einen Link auf einer Website, der auf eine Unterseite mit Fotos verweist. Beim Überfahren (nicht Klicken) des Links mit dem Cursor soll eine Art Tooltip mit einem der Fotos der Unterseite erscheinen. So weit, so einfach. Jetzt zum Problem: Für alle Touchscreens soll dieser Tooltip unterbunden werden, also nicht erscheinen.
Mit HTML und CSS bin ich halbwegs vertraut, mit Javascript nicht. Falls es also eine Lösung gibt, wäre ich dankbar für Hinweise auf Fundorte für ein vorgefertigtes Script für diesen Fall.
Mit freundlichen Grüssen

Drucke diesen Beitrag

  Gotify "const axios" unable to verify the first certificate
Geschrieben von: benjamin0101 - 15.10.2023, 10:12 - Forum: Javascript - Keine Antworten

Hallo,
ich habe den Selv Hostet Gotify benachrichtigungs Server der läuft erfolgreich auf HTTPS.

Vorher hatte ich Gotify als HTTP am laufen und folgenden Code im Java Script dass hatte auch funktioniert.

Code:
const axios = require("axios");
const url = "http://192.168.178.xxx/message?token=ATvOgRNF8QqwGVN";
const bodyFormData = {
  title: "Hello from Javascript",
  message: "Test Push Service from Node.js",
  priority: 5,
};
axios({
  method: "post",
  headers: {
    "Content-Type": "application/json",
  },
  url: url,
  data: bodyFormData,
})
  .then((response) => console.log(response.data))
  .catch((err) => console.log(err.response ? error.response.data : err));
```
Seit der Umstellung auf HTTPS habe ich den Code so angepasst: (nur HTTP zu HTTPS geändert)
```
const axios = require("axios");
const url = "https://192.168.178.xxx/message?token=ATvOgRNF8QqwGVN";
const bodyFormData = {
  title: "Hello from Javascript",
  message: "Test Push Service from Node.js",
  priority: 5,
};
axios({
  method: "post",
  headers: {
    "Content-Type": "application/json",
  },
  url: url,
  data: bodyFormData,
})
  .then((response) => console.log(response.data))
  .catch((err) => console.log(err.response ? error.response.data : err));


Seit der Umstellung auf HTTPS habe ich den Code so angepasst: (nur HTTP zu HTTPS geändert)

Code:
const axios = require("axios");
const url = "https://192.168.178.xxx/message?token=ATvOgRNF8QqwGVN";
const bodyFormData = {
  title: "Hello from Javascript",
  message: "Test Push Service from Node.js",
  priority: 5,
};
axios({
  method: "post",
  headers: {
    "Content-Type": "application/json",
  },
  url: url,
  data: bodyFormData,
})
  .then((response) => console.log(response.data))
  .catch((err) => console.log(err.response ? error.response.data : err));

Seitdem bekomme ich folgende fehlermeldung.
Ich habe zwar schon im Internet geschaut aber ich bin bischer leider erfolglos.

Code:
{'message':'unable to verify the first certificate','name':'Error','stack':'Error: unable to verify the first certificate\n at Function.AxiosError.from (/opt/iobroker/node_modules/iobroker.javascript/node_modules/axios/dist/node/axios.cjs:837:14)\n at RedirectableRequest.handleRequestError (/opt/iobroker/node_modules/iobroker.javascript/node_modules/axios/dist/node/axios.cjs:3016:25)\n at RedirectableRequest.emit (node:events:514:28)\n at ClientRequest.eventHandlers.<computed> (/opt/iobroker/node_modules/follow-redirects/index.js:14:24)\n at ClientRequest.emit (node:events:514:28)\n at TLSSocket.socketErrorListener (node:_http_client:501:9)\n at TLSSocket.emit (node:events:514:28)\n at emitErrorNT (node:internal/streams/destroy:151:8)\n at emitErrorCloseNT (node:internal/streams/destroy:116:3)\n at processTicksAndRejections (node:internal/process/task_queues:82:21)\n','config':{'transitional':{'silentJSONParsing':true,'forcedJSONParsing':true,'clarifyTimeoutError':false},'adapter':'http','transformRequest':[null],'transformResponse':[null],'timeout':0,'xsrfCookieName':'XSRF-TOKEN','xsrfHeaderName':'X-XSRF-TOKEN','maxContentLength':-1,'maxBodyLength':-1,'env':{},'headers':{'Accept':'application/json, text/plain, */*','Content-Type':'application/json','User-Agent':'axios/1.5.0','Content-Length':'89','Accept-Encoding':'gzip, compress, deflate, br'},'method':'post','url':'https://192.168.178.xxx/message?token=ATvOgRNF8QqwGVN','data':'{\'title\':\'Hello from Javascript\',\'message\':\'Test Push Service from Node.js\',\'priority\':5}'},'code':'UNABLE_TO_VERIFY_LEAF_SIGNATURE','status':null}

Hat einer eine idee wie ich das SSL im Code ausschalten kann oder noch besser wie ich dass mit einem Zertifikat hinbekomme also Zertifikat habe ich ja ich weiß nur nicht wie ich dass coden soll.

Drucke diesen Beitrag

  vue.js API data bleibt leer
Geschrieben von: BastiBln - 13.10.2023, 07:34 - Forum: Vue.js - Antworten (1)

Moin Kinners,

ich benötige mal einen Rat.
Ich habe eine API gebaut, das ist der Code dazu:

PHP-Code:
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json');

include 
'../DBconnect.php';

$rslt $pdo->query("SHOW TABLES");
$songs_random['data'] = array();
while (
$db_table $rslt->fetch(PDO::FETCH_NUM)) {
    $sql "SELECT id, title, textauthor, musicauthor, genre FROM `$db_table[0]` ORDER BY RAND() LIMIT 3";    
    
foreach ($pdo->query($sql) as $row) {
        $song_items = array(
            'id' => $row['id'],
            'title' => $row['title'],
            'textauthor' => $row['textauthor'],
            'musicauthor' => $row['musicauthor'],
            'genre' => $row['genre']
        );
        array_push($songs_random['data'], $song_items);
    }
}
echo 
json_encode($songs_random); 

So sieht das dann im Browser aus:

[Bild: Bildschirmfoto.png]

Und so versuche ich die Daten in vue.js darzustellen:

Code:
<template>
    <div class="container-sm text-center mt-4">
        <div class="container-sm mt-3">
            <h3>Hier eine zufällige Auswahl aus der Musik Datenbank.</h3>
        </div>
        <div class="container-sm text-justify mt-5">
            <ul>
                <li v-for="item in items" :key="item.id">{{ item.title }}</li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    mounted(){
    window.addEventListener("load", () => this.songsRandom());
    },
    data() {
        return {
        items:[]
        }
    },
    methods: {
        async songsRandom() {
            let apiURL = 'https://gracile-software.de/projects/service-api/xxxxxxxx/xxxx/xxxxxx.php';
            try {
                let response = await this.axios.get(apiURL);
                this.items = response.data;
                console.log(response.data);
            } catch (e) {
                console.log(e);
            }
        }
    }
}
</script>


Doch leider bleibt die Liste leer. In der Console kann ich alle Daten in der richtigen Reihenfolge sehen. Der EventListener ist erstmal nur zum Testen drin, das bau ich später um.

Hat mir wer einen Tipp, wo der Fehler liegen kann? Ich sehe ihn leider nicht.

Vielen Dank!

Drucke diesen Beitrag

  app.get funktioniert nicht
Geschrieben von: sfthbara - 12.10.2023, 21:13 - Forum: Node.js - Keine Antworten

Hi möchte den Inhalt einer Datenbank auf app.js laden, also ins Frontend laden. Ich kann auf den Inhalt über db.query zugreifen, dort funktionieren alle logs. Jedoch app.get verwende scheint es nicht mehr zu gehen. Alle logs dort funktionieren hinter app.get nicht mehr und das brauche ich ja zur Übertragung. Eine Idee woran es liegen könnte? Hier der Code

Code:
require("dotenv").config();

const express = require("express");
const app = express();
const port = process.env.PORT || 3000;

const { Client } = require("pg");

const db = new Client({
  connectionString: process.env.DATABASE_URL,
  ssl: { rejectUnauthorized: false }, // Nur erforderlich, wenn Sie auf Heroku hosten
});

db.connect()
  .then(() => {
    console.log("Datenbankverbindung hergestellt!");

    // Beispielabfrage, um den Inhalt der Datenbank anzuzeigen
    db.query("SELECT * FROM art_data")
      .then((result) => {
        // Die Abfrageergebnisse werden hier in result.rows gespeichert
        console.log("Datenbankinhalt:");
        console.log(result.rows);
      })
      .catch((error) => {
        console.error("Fehler beim Abrufen des Datenbankinhalts:", error);
      });
  })
  .catch((err) =>
    console.error("Fehler beim Herstellen der Datenbankverbindung:", err)
  );

// In deiner Server-Datei (z. B. server.js)
app.get("/api/getArtData", (req, res) => {
  db.query("SELECT * FROM art_data")
    .then((result) => {
      console.log(result.rows); // Protokolliere die Daten
      res.json(result.rows); // Sende die Daten an den Client

      console.log(res.json(result.rows));
    })
    .catch((error) => {
      console.error("Fehler beim Abrufen der Daten aus der Datenbank:", error);
      res.status(500).json({ error: "Fehler beim Abrufen der Daten" });
    });
});

app.get("/connection-status", (req, res) => {
  console.log("res");
  console.log(res);
  res.json({ status: "Verbindung zur Datenbank hergestellt!" });
});

// Ein einfacher API-Endpunkt
app.get("/api/hello", (req, res) => {
  res.json({ message: "Hello, World!" });
});

app.listen(port, () => {
  console.log(`Server läuft auf Port ${port}`);
});

Drucke diesen Beitrag

  ajax php insert info
Geschrieben von: black79 - 12.10.2023, 10:27 - Forum: Php - Keine Antworten

hallo, ich versuche über javascript und ajax einen datensatz anzulegen.

ohne sql-befehl läuft alles durch, und ich bekomme auch eine antwort (request status 200)

mit sql-befehl (zwei Zeilen) bekomme ich keine antwort mehr vom Server (request status 500)

hier die zwei zeilen! sql-befehl! (verbindung zum sql server steht natürlich!)

PHP-Code:
$query = ("INSERT INTO monitord_pocsag (uhrzeit,kennung,sub,text,quelle)  VALUES ( NOW(),'1234567','0','test','0'");
        $con->query($query); 

hier die function zum button:
Code:
function newDaten() {
    dataString = 'newDaten=1';
    $.ajax({
        type: 'POST',
        url: 'alarmmonitor.php',
        data: dataString,
        beforeSend: function () {
            alert('starte Request' + dataString);
        },
        // aufruf erfolgt, wenn der HTTP Request erfolgreich war (200er Status codes)
        success: function (data) {
            alert('Anfrage erfolgreich' + data);
            if (data == 1879) {
                alert('alles fein');
            } else {
                alert('unerwartete/fehlerhafte Daten :-(');
            }
        },
        // wird aufgerufen, wenn es einen Übertragungsfehler gab, also der HTTP Status code 404 oder ein 500er ist oder es Netzwerkfehler gibt usw.
        error: function () {
            alert('irgendwas geht nicht');
        },
        // wird immer aufgerufen, egal wie das Ergebnis des Requests ist.
        // kann man Nutzen um z.B. einen Ladebildschirm auszublenden
        complete: function () {
            alert('Request fertig.');
        },
    });
}


hier das php script:
PHP-Code:
<?php
 
include_once 'dbconnect.php';
 
header('Content-Type: text/html; charset=utf-8'); 
 
header('cache-control: no cache');

 

   if(isset($_POST['newDaten'])) { 
    $id1 $_POST['newDaten'];
     if ($id1 0)
      {    
       // $datum = date('Y-m-d H:i:s');
       
        $query 
= ("INSERT INTO monitord_pocsag (uhrzeit,kennung,sub,text,quelle)  VALUES ( NOW(),'1234567','0','test','0'");
        $con->query($query);

        $response1 '1879';
    
  }          
     
echo $response1;
    exit;   
   
}
 
   if(isset($_POST['tableClear'])) { 
    $id2 $_POST['tableClear'];
     if ($id2 0)
      {    
    
   $query = ("TRUNCATE TABLE monitord_pocsag");
    
   $con->query($query);
       $response2 '3711';
    
  }          
     
echo $response2;
    exit;   
   
}
?>

Drucke diesen Beitrag

  Vue.js Strukturen und Konventionen?
Geschrieben von: BastiBln - 07.10.2023, 18:09 - Forum: Vue.js - Antworten (1)

Moin Kinners,

ich mach grade die ersten Gehversuche mit vue.js. Ich möchte gerne zwei php-Plattformen wo ich gebaut habe, in vue.js nochmal bauen. Habe mir zwei Online-Kurse im CoderCampus angesehen und schon die erste Struktur gebaut. Header, Menu und Footer sind gebaut und eingebunden. Auch mit dem interaktiven Content via router komme ich klar.

Dennoch habe ich ein paar Fragen, wo ich im Netz nichts hilfreiches gefunden habe:

1. Ich muss recht viel Content aus Datenbanken laden, der ebenfalls interaktiv ist. Ist es besser dafür APIs zu bauen um an die Daten zu kommen, oder genügt es die php Funktionen direkt via axios anzusprechen?
Beide Plattformen sollen PWAs werden. Hätten APIs hier Vorteile?

2. Innerhalb des interaktiven Contents gibt es verschiedene Funktionen, die z.Bsp. auf anderen Content verweisen. Steuert man das auch über vue-router oder gibt es noch andere Möglichkeiten?

3. Können Daten/Statuswerte innerhalb der Plattform Struktur(nicht zur DB) auch via POST übermittelt werden, oder nur mit GET? Ich bin kein großer Fan der Datenübergabe via URL.

Vielen Dank Euch!

Drucke diesen Beitrag

  wiederholtes ctx.drawImage belastet browser
Geschrieben von: jumbo125 - 03.10.2023, 08:31 - Forum: Javascript - Keine Antworten

Hallo zusammen
Ich nutzte go2rtc um meine Webcams für den Browser zugänglich zu machen. Dies funktioniert auch sehr gut.

Die Darstellung erfolgt auf meinem Tablet mit 8GB Ram.
Leider bleibt das Video hier öfters hängen, aber ohne irgendeine Fehlermeldung.
Nach langem suchen glaube ich, das es am Android tablet und der Webview liegt, welche die Browser Daten rendert.

Als lösung habe ich ein Script programmiert, welches folgendermaßen funktioniert:
1. es erstellt ein Bild vom Camera-Bild welches NUR die Uhrzeit darstellt. (Das Bild ist nur 40px x 80 px) groß. Es wird in ein js canvas-element gespeichert
2. Danach wird ein neues Bild erstellt. wieder nur von der Uhrzeit, aber 2sekunden später. Es wird wieder in ein js canvas-element erstellt
3. Danach werden die zwei Canvas mit pixelmatch verglichen
4. falls es sich um das gleiche bild handelt, ist es leider steckengebleiben und das video wird einfach neu geladen(die seite wird einfach neugeladen)

code teile:

Javascript:

Code:
var ctx = canvas1.getContext('2d');
            ctx.drawImage( video, start_x, start_y, canvas1.width, canvas1.height, 0, 0 , canvas1.width, canvas1.height );


Javascript:
Code:
var ctx = canvas2.getContext('2d');
            ctx.drawImage( video, start_x, start_y, canvas2.width, canvas2.height, 0, 0 , canvas2.width, canvas2.height );


Javascript:
Code:
var same_pic = pixelmatch(canvas1_img_data.data, canvas2_img_data.data, diff_data.data, crop_img_width, crop_img_height, {threshold: 0.1});
            //create image with differenze for debugging
            diffContext.putImageData(diff_data, 0, 0);


Das funktioniert auch super.
Immer wieder wenn ich auf das Tablet schaue, läuft das Video flüssig.

Das Problem:
Das Tablet zeigt nach einiger Zeit "Die App reagiert nicht mehr."
Nebenbei muss ich erwähnen, dass der Browser voll reagiert. Nun habe ich in einem Android Forum das Problem geschildert, mit der Info, dass der Browser voll funktionsfähig trotz fehlermeldung ist. Daher liegt der Fehler an der Webview

FAZIT:
Durch das wiederholte erstellen und vergleichen dürfte die Webview, welche das Material rendert nicht klar kommen.

Meine Frage:
ist dies wirklich sehr brwoser belastend? wie kann ich es optimieren?
macht es sinn, diecanvas immer wieder zu löschen? oder ist das unnötig, da sie immer wieder neu befüllt werden?

Drucke diesen Beitrag

  TypeError: Intents is not a constructor
Geschrieben von: Chrisnoteto - 02.10.2023, 15:08 - Forum: Javascript - Antworten (1)

hallo, 
ich habe das problem das bei einenm Skript für einen discord Bot diese Fehlermeldung Kommt :

TypeError: Intents is not a constructor

dakne für hilfe

Drucke diesen Beitrag

  buy online medicine
Geschrieben von: kaigaikusuri - 29.09.2023, 14:29 - Forum: Php - Keine Antworten

Product details
Apcalis SX oral jelly is a generic drug for the ED drug Cialis.
It is mainly used as a treatment for erectile dysfunction.

Apcalis SX oral jelly (Cialis) has the following compared to conventional ED treatment drugs (Viagra, Levitra) It has the following characteristics.

After taking it, the erection will last for about 36 hours.
Not easily affected by food or alcohol.https://kaigaikusuri.com/product/apcalis-oral-jelly/
It feels natural and has few side effects such as facial flushing and palpitations.
Due to the above characteristics, this medicine does not require you to be careful about the timing of taking it or worry about how long it will last.

The active ingredient tadalafil inhibits the enzyme that prevents erections.
By inhibiting it, it increases blood flow to the corpus cavernosum.
If you experience sexual arousal or stimulation after taking the drug, it will begin to work and you will be able to get a strong erection.

Apcalis SX Oral Jelly is jelly-like, unlike the tablet type.
It is flavored to make it easier to take.
You can enjoy seven flavors: pineapple, strawberry, orange, mango, mint, cassis, and chocolate.

How to use
Take 1 packet of Apcalis SX Oral Jelly (Cialis) at a time, approximately 30 minutes to 3 hours before sexual activity.
Maximum of 20mg (1 packet) per day, please wait at least 24 hours before taking the next dose.
buy now
Notes
Please drink with water or lukewarm water. (Be careful not to consume large amounts of alcohol.)

Although it is said to be less affected by meals, it may be difficult to obtain effects if the meal is high in fat or exceeds 800 kcal.
So, if you take it after a meal, take it about 2 hours later.
We recommend taking Apcalis SX Oral Jelly on an empty stomach if possible.

Do not take large amounts at once.

This medicine is not effective in preventing sexually transmitted infections.

This medicine is not an aphrodisiac or a libido enhancer.

If you have allergies, please check the main raw materials and ingredients before using.

Elderly people should use this medicine with caution.

If you are taking other medicines, including Chinese herbal medicines or herbal products, please check with your doctor or pharmacist to see if there is any risk of using this medicine together.

Side effects
Headaches, hot flashes, dizziness, stuffy nose, indigestion, palpitations, bloodshot eyes, and visual abnormalities may occur.
In a small number of reports, severe side effects include priapism and penile ankylosis, a condition in which an erection does not return to normal.

https://kaigaikusuri.com/product/apcalis-oral-jelly/
It is prohibited to take with drugs such as antibiotics, analgesics, anticancer drugs, antiarrhythmia, hypertension, hypotension, heart failure, angina.
Also, please note that this product cannot be used by people who are taking nitroglycerin, amyl nitrite, or isosorbide nitrate, which are used to treat heart disease.

Do not use this product if you are a minor, have a history of hypersensitivity to the ingredients of this drug, or have a blood disorder, cerebral infarction, cerebral hemorrhage, severe liver dysfunction, low blood pressure, heart disease, or arrhythmia.

This is a product for adult men, so women should not use it.
https://kaigaikusuri.com/product/apcalis-oral-jelly/
Active ingredient
tadalafil

Storage method
Avoid high temperatures, high humidity, direct sunlight, and store out of reach of small children and pets.
Please consume as soon as possible after opening.https://kaigaikusuri.com/product/apcalis-oral-jelly/

Drucke diesen Beitrag