Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.092
» Neuestes Mitglied: futbollibretv
» Foren-Themen: 488
» Foren-Beiträge: 1.977

Komplettstatistiken

Benutzer Online
Momentan sind 10 Benutzer online
» 0 Mitglieder
» 8 Gäste
Bing, Yandex

Aktive Themen
function mit ID-Serie
Forum: Javascript
Letzter Beitrag: Nullcheck
Vor 1 Stunde
» Antworten: 2
» Ansichten: 24
über "Fetch" Json Array/O...
Forum: Javascript
Letzter Beitrag: Sempervivum
Vor 2 Stunden
» Antworten: 13
» Ansichten: 562
Problem bei Online-Kurs (...
Forum: Javascript
Letzter Beitrag: rzscout
23.02.2024, 16:06
» Antworten: 1
» Ansichten: 30
Javascript passwortabfrag...
Forum: Javascript
Letzter Beitrag: rzscout
16.02.2024, 20:09
» Antworten: 3
» Ansichten: 177
Rayano
Forum: Seid ihr neu ?
Letzter Beitrag: rzscout
08.02.2024, 09:57
» Antworten: 1
» Ansichten: 119
Allgemeine Frage zu SQL
Forum: Datenbanken
Letzter Beitrag: Sempervivum
08.02.2024, 08:48
» Antworten: 4
» Ansichten: 271
Java script geht nicht
Forum: Javascript
Letzter Beitrag: rzscout
06.02.2024, 13:34
» Antworten: 2
» Ansichten: 161
if ohne Klammern {
Forum: Javascript
Letzter Beitrag: rzscout
02.02.2024, 13:09
» Antworten: 2
» Ansichten: 150
if Abfrage mit übergebene...
Forum: Javascript
Letzter Beitrag: rzscout
31.01.2024, 09:37
» Antworten: 4
» Ansichten: 241
code verkürzen
Forum: TypeScript
Letzter Beitrag: rzscout
29.01.2024, 14:53
» Antworten: 1
» Ansichten: 2.056

  Hilfe bei Projekt
Geschrieben von: ray_vel - 23.09.2023, 18:05 - Forum: Seid ihr neu ? - Antworten (3)

Hallo liebe Mitglieder,

Da ich neu bin und mich noch nicht richtig orientiert habe - wollte ich fragen wo ich eine Frage bzgl. eines Projektes (To-Do-Liste  -- hat meine Freundin als Aufgabe bekommen und steckt bei einer Stelle fest) stellen kann. 

Ich weiß es ist eher ein Anfänger Problem - aber wir stecken seit Tagen darin fest. 

LG und schönen Abend
Ray

Drucke diesen Beitrag

  Addons blockiert
Geschrieben von: Oly - 19.09.2023, 18:58 - Forum: Hilfe bei Add-ons programmieren - Antworten (2)

Hallo zusammen,

heute wurden die Addons auf der Arbeit blockiert. Mein Addon was mir sehr hilfreich bei der Arbeit war, somit hinfällig .Welche Möglichkeiten habe ich jetzt es umzusetzen in ein Programm ect. damit ich es wieder nutzen kann oder wie und womit könnte ich ein Programm erstellen das Daten aus dem Browser bekommt ala Extension? 
Kurz und Knapp, welche Alternativen habe ich?

Drucke diesen Beitrag

  Klickbare Bereiche auf Bild
Geschrieben von: Simuletsplay - 12.09.2023, 15:34 - Forum: Javascript - Antworten (1)

Hallo zusammen,

gibt es die Möglichkeit, dass ich auf einem Bild (ein Grundriss) verschiedene Bereiche (Flächen) definiere, bei denen man eine Aktion hat sobald darauf geklickt wird?

Wenn ja, wie?


Viele Grüße
Ben

Drucke diesen Beitrag

  chart.js Probleme
Geschrieben von: Gerold - 04.09.2023, 19:33 - Forum: Andere Bibiliotheken, Plugins und Scripte - Antworten (4)

Hallo,
vorweg ich kenne mich mit JavaScript nicht aus. Möchte aber auf meiner Website einen einfachen Chart erstellen. Dazu verwende ich chart.js. Der anschließende Code funktioniert auch, nur möchte ich 2 Dinge ändern, die mir nicht gelingen: Ich möchte die Bezeichnung der Y-Achse selber durführen, mit: wenig, mittel, hoch und die Höhe der Y-Achse nicht von den Werten abhängig machen sondern einen Fixe Größe zuordnen. Wie muss ich den Code anpassen. Danke für das Feedback. 
<script>
  // Daten für den Chart
  var data = {
    labels: ['Label 1', 'Label 2', 'Label 3'],
    datasets: [{
      label: 'Datenreihe 1',
      backgroundColor: 'rgba(75, 192, 192, 0.2)',
      borderColor: 'rgba(75, 192, 192, 1)',
      borderWidth: 1,
      data: [10, 20, 15]
    }]
  };

  // Chart-Optionen
  var options = {
    plugins: {
      title: {
        display: true,
        text: 'Mein Chart'
      },
      scales: {
        x: {
          ticks: {
            maxRotation: 90,
            minRotation: 0
          }
        },
        y: {
          type: 'category',
          beginAtZero: true,
          max: 'stark', // Benutzerdefinierte maximale Höhe
          labels: ['schwach', 'mittel', 'stark'] // Benutzerdefinierte Beschriftungen
        }
      }
    }
  };

  // Chart erstellen
  var ctx = document.getElementById('myChart').getContext('2d');
  var myChart = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: options
  });
</script>

Drucke diesen Beitrag

  Probleme mit "this.getField"
Geschrieben von: Uaschi - 29.08.2023, 12:59 - Forum: Eure Scripte überprüfen lassen - Keine Antworten

Hallo Zusammen

Ich hab ein Test-Formular erstellt mit 3 Dropdown und jeweils einem Name/Vorname-Textfeld.

Ich möchte nun Folgendes machen. Wenn ich im ersten Dropdown Name wähle, soll das erste Namensfeld aktiv sein, alle anderen nicht. Bei Vorname das Vorname Textfeld, etc.

Wenn ich nun mit meinem Script das erste Dropdown ansteure, funktioniert dies, sobald ich weitere Dropdowns programmiere plötzlich nicht mehr. Was mach ich da wohl falsch.

Dokument liegt bei. Script ist dem Dropdown "Liste_1" unter Berechnungen hinterlegt.

Danke für Eure Hilfe
Uaschi



Angehängte Dateien
.pdf   Test.pdf (Größe: 1,98 MB / Downloads: 3)
Drucke diesen Beitrag

  Div auslesen und anderes ändern
Geschrieben von: Lisa_33 - 28.08.2023, 16:15 - Forum: Javascript - Antworten (11)

Hallo an Euch Alle,

ich brauche mal wieder eure Hilfe, weil ich keine Ahnung habe, ob das überhaupt geht, was ich vorhabe...

Ist es möglich, ein DIV auszulesen und je nachdem, was da für ein Inhalt drin steht, den Inhalt eines anderen DIVs zu ändern?

Hab schon kleine Fortschritte gemacht, wie z.B. per JS die Farbe der Schrift zu ändern, aber das wirkliche Hintergrundwissen
fehlt mir leider noch.

Ich wäre euch dankbar für jeden Tipp, wie ich das realisieren kann.

LG
Lisa

Drucke diesen Beitrag

  autoMargin
Geschrieben von: Cyb3rb0y - 27.08.2023, 15:56 - Forum: Javascript - Antworten (3)

Hallo ich habe ein Problem ich möchte nach einer Berechnung der div höhe ein Magin auf ein im div befindliches span Element legen aber nur wenn die div Höhe einen bestimmten wert nicht unterschreitet. Ich hab es soweit geschafft das ich die entsprechenden Wert in einem Array habe. Jetzt muss ich sie nur noch dem span Element übergeben. ich weiß nur nicht wie.  Ich habe ein GitHub Projekt eröffnet.  Ich hoffe auf Hilfe.

Code:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Getting the Width and Height of an Element</title>
    <style>
        body {
            font-family: Calibri;
            font-size: 18px;
            background: -moz-linear-gradient(94deg,#000 0,#000 20%,#000 40%,#0a000d 60%,#140018 84%,#340041 92%,#c0f 100%);
            background: -webkit-linear-gradient(94deg,#000 0,#000 20%,#000 40%,#0a000d 60%,#140018 84%,#340041 92%,#c0f 100%);
            background: linear-gradient(94deg,#000 0,#000 20%,#000 40%,#0a000d 60%,#140018 84%,#340041 92%,#c0f 100%);
            min-height: 100%;
            background-attachment: fixed;
        }
        body {
            color: #eee;
            background-color: #111;
            overflow: auto;
        }
                #passages {
                    max-width: 54em;
                    margin: 0 auto;
                }
                .passage {
            line-height: 1.75;
            text-align: left;
            -webkit-transition: opacity .4s ease-in;
            -o-transition: opacity .4s ease-in;
            transition: opacity .4s ease-in;
        }
                .speech{
                border:solid 2px #c0f;
                border-radius: 3px;
                padding:8px;
            }
            .avatar {
            display: block;
            padding: 1px;
            height: 84px;
            width: 84px;
            float: left;
            margin: 0 10px 0 0;
            border: 2px solid #c0f;
            border-radius: 3px;
            background-size: contain;
        }
        a {
            font-size: 129%;
        }
        .adriana .avatar {
            background-image: url(assets/img/avatars/you.png);
        }
        .narrator, .speech {
            box-shadow: 3px 3px 1px #c0f;
        }
        hr {
            display: block;
            height: 1px;
            border: none;
            border-top: 1px solid #eee;
            margin: 1em 0;
            padding: 0;
            margin-bottom: ;
        }
    </style>
</head>

<body>
    <div id="passages" aria-live="polite">
        <div id="passage-adrianasbedroom" data-passage="adrianasbedroom" class="passage">
            <div  class="speech adriana 0">
                <span id="marginBottom" class="avatar 0"></span>Adriana<hr>
                <span style="color: #ff3399">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a consectetur nisi. Mauris imperdiet luctus orci at dignissim. Integer quis porttitor odio, ac gravida lectus. Morbi bibendum aliquam orci. Curabitur ut ultricies turpis, sed dictum lorem. Morbi varius leo at orci sagittis, vel varius erat dignissim. Sed vitae ex non sem euismod.</span>
            </div><br>
            <div class="speech adriana 1">
                <span id="marginBottom" class="avatar 1"></span>Adriana<hr>
                <span style="color: #ff3399">Lorem ipsum dolor sit amet.</span>
            </div><br>
            <div class="speech adriana 2">
                <span id="marginBottom" class="avatar 2"></span>Adriana<hr>
                <span style="color: #ff3399">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet dui id tellus suscipit consectetur condimentum a sapien. Etiam.</span>
            </div><br>
            <div class="speech adriana 3">
                <span id="marginBottom" class="avatar 3"></span>Adriana<hr>
                <span style="color: #ff3399">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non ipsum varius enim porta iaculis sed eu ipsum. Mauris facilisis risus ac ligula aliquam efficitur. Vivamus tincidunt at quam a auctor. Morbi fermentum non orci in eleifend. Maecenas et sem at mauris tempor aliquet quis non metus. Quisque dictum gravida velit, id placerat tortor. Vivamus eu porta libero, lobortis vehicula mauris. Pellentesque ut tortor ornare, tincidunt augue vel, ornare diam. Pellentesque maximus justo molestie est viverra sagittis. Pellentesque augue erat, posuere sed mollis non, tempus ut purus. Duis at tortor non magna tincidunt dignissim. Morbi fermentum et purus sit amet.</span>
            </div>
        </div>
    </div>


        <script type="text/javascript">
            var speechAll = document.querySelectorAll(".speech");
            var avatar = document.querySelectorAll('.avatar');
            var arrSp = Array.from(speechAll);
            var arraySpHeight = [];
            var arrayAvHeight = [];
            var arrayMargin =[];
            //console.log (arraySpHeight);
            //console.log (arrayMargin);
            //console.log (avatar);
            //console.log (marginList + " nach for");
            //console.log (heightSp, marginList, avatar);
            //console.log (marginList + " nach if");
            arrSp.forEach(function (wert, index,){
                arraySpHeight[index] = wert.offsetHeight;

            });
            arraySpHeight.forEach(function (height, index, array, avatar){
                if (height > 121) {
                    var newheight = height - 20;
                    var marginHeight = newheight - 90;
                    arrayMargin[index] = marginHeight;
                    //avatar.innerHTML = "" +height; 
                }

            });
            avatar.forEach(function (wert, index, nodelist){
                //var arrayAvatar = document.querySelectorAll('.avatar');
                //console.log (index, array + " Index in forEach arrayAvatar");
                //console.log (wert + " Wert in forEach arrayAvatar");
                //wert.innerHTML = "Test";
                //console.log (nodelist + " NodeList in forEach arrayMargin");
                //avatar.style.cssText = marginbottom;
            });    
        </script>
    </body>
</html>

Also am Ende soll dem Avatar Element ein margin-bottom angehängt werden mit dem passenten wert.

Link zu GitHub https://github.com/Cyb3rb0y/autoMargin/tree/main



Angehängte Dateien
.html   test.html (Größe: 5,86 KB / Downloads: 0)
Drucke diesen Beitrag

Question Button muss wenigstens 5 Sekunden gerückt werden.
Geschrieben von: Kreml16 - 26.08.2023, 10:09 - Forum: Javascript - Antworten (3)

Hallo @ all.

Ich finde es toll in eurem Forum, dass keine "blöden" Antworten gegeben werden wie: Google doch mal oder wofür brauchst du das.

Mein Problem ist folgendes:

Gibt es eine Möglichkeit, dass ein User, um einen Bestellvorgang abschließen zu können, den "Bestellen-Knopf" mindestens 5 Sekunden lang drücken muss und dass innerhalb des Knopfes ein eine Counter "Noch 5,4,3,2,1 Sekunden gedrückt halten" erscheint. Das Prinzip sollte wie einer Amazon Bestellung sein, bei dem ein "Schiebeschalter" nach rechts gezogen werden muss. Hier soll es ein Knopf sein, der eben 5 Sekunden lang gerückt werden muss und dabei entweder ein Counter erscheint (innerhalb des Buttons) oder ein Farbbalken von links nach rechts läuft und die Farbe des Buttons verändert (farblich füllt).

Vielen Dank für euer Engagement

Drucke diesen Beitrag

  What is a white screen used for?
Geschrieben von: markbrown - 22.08.2023, 06:14 - Forum: Hier dürft ihr Webung machen - Antworten (1)

Checking Display for Dead Pixels
Because they don't light up, dead pixels are easiest to spot on a white background because they stand out. If you just got a monitor, you should turn on a white screen to make sure all of the pixels work.
Also, if you think your screen might have dead pixels, you can test it with a white screen. It works on any gadget and any size screen.
If you have any questions, you can use a different color screen, like a blank red screen , so that any difference stands out right away. This makes sure you get the best visual experience from your devices.
White Screen for Light
If you like to read at night, you can use your device's bright screen as a reading light. This website lets you turn on a white screen so you can read in the dark without waking others.
Not just reading you can also use it as an emergency light during power cuts or any other dark surroundings.

Drucke diesen Beitrag

  Uncaught (in promise) TypeError: _this.element.submit is not a function
Geschrieben von: BrotherJ - 21.08.2023, 18:22 - Forum: Javascript - Keine Antworten

Hallo zusammen,

ich versuche dieses Modal  https://symfonycasts.com/screencast/stim...te-confirm nach zu bauen. Ich verwende jetzt kein Formular sondern einen Button.

Code:
<button type="button" data-controller="submit-confirm" data-action="submit-confirm#onSubmit" class="w-100 btn btn-sm btn-outline-danger" data-bs-trigger="hover" data-bs-toggle="popover" data-bs-placement="top" data-bs-title="Vorsicht! Löschen des Datensatzes!" data-bs-content="Hier wird der Datensatz Betriebshaftpflichtversicherung gelöscht!."><a href="/betriebskosten/entfernen/7">Löschen</a></button>

Der dazugehörige Controller "submit_confirm_controller.js sieht so aus:
Code:
import { Controller } from '@hotwired/stimulus';
import Swal from 'sweetalert2';

export default class extends Controller {
    onSubmit(event) {
        event.preventDefault();
        console.log(event);
        Swal.fire({
            title: 'Sind Sie sicher?',
            text: "Sie können dies nicht rückgängig machen!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Ja, löschen Sie es!',
            }).then((result) => {
            if (result.isConfirmed) {
                this.element.submit();
            }
        })
    }
}


Das funktioniert auch alles bis auf das Löschen des Datensatzes. Hier bekomme in Webbrowser-Console die Meldung:
Code:
Uncaught (in promise) TypeError: _this.element.submit is not a function
wenn ich den Submit-Button des Modals betätige.

Kann mir hier jemand sagen wie sich dieser Fehler beheben lässt?

Viele Grüße

BrotherJ

Drucke diesen Beitrag