Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 26.678
» Neuestes Mitglied: jeniuswgal
» Foren-Themen: 451
» Foren-Beiträge: 1.843

Komplettstatistiken

Benutzer Online
Momentan sind 69 Benutzer online
» 6 Mitglieder
» 61 Gäste
Bing, Google

Aktive Themen
"KhelRaja: Elevating Lott...
Forum: Angular, AngularJS
Letzter Beitrag: khelraja
Gestern, 08:16
» Antworten: 0
» Ansichten: 15
Fusel Admin Theme Authent...
Forum: React
Letzter Beitrag: Kocher
24.09.2023, 23:05
» Antworten: 0
» Ansichten: 23
Hilfe bei Projekt
Forum: Seid ihr neu ?
Letzter Beitrag: rzscout
24.09.2023, 05:05
» Antworten: 1
» Ansichten: 31
Exquisite Jewelry Collect...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: dazzlinggoldanddiamonds
19.09.2023, 23:14
» Antworten: 0
» Ansichten: 32
Addons blockiert
Forum: Hilfe bei Add-ons programmieren
Letzter Beitrag: Oly
19.09.2023, 18:58
» Antworten: 0
» Ansichten: 35
chart.js Probleme
Forum: Andere Bibiliotheken, Plugins und Scripte
Letzter Beitrag: Gerold
12.09.2023, 19:15
» Antworten: 4
» Ansichten: 134
Klickbare Bereiche auf Bi...
Forum: Javascript
Letzter Beitrag: rzscout
12.09.2023, 18:51
» Antworten: 1
» Ansichten: 63
Display-Timeout unterdrüc...
Forum: Javascript
Letzter Beitrag: john david246
12.09.2023, 11:57
» Antworten: 3
» Ansichten: 470
JS Anwendungsprüfung
Forum: Javascript
Letzter Beitrag: rzscout
04.09.2023, 21:24
» Antworten: 3
» Ansichten: 164
Div auslesen und anderes ...
Forum: Javascript
Letzter Beitrag: Lisa_33
30.08.2023, 16:12
» Antworten: 11
» Ansichten: 266

  "KhelRaja: Elevating Lottery Gaming in India with its Online Lottery App"
Geschrieben von: khelraja - Gestern, 08:16 - Forum: Angular, AngularJS - Keine Antworten

In the realm of online gaming, lottery games have been a source of fascination for players seeking excitement and the chance to strike it rich. KhelRaja, with its focus on  Lottery Games in India  and the provision of an Online Lottery App, has emerged as a trusted and thrilling destination for those looking to try their luck.

KhelRaja stands out by offering a multitude of  lottery games online  in India. From traditional lotteries to innovative online variations, the platform caters to a diverse audience. Players can choose from a variety of games, each with its own unique rules and payout structures, ensuring there's something for everyone.

Drucke diesen Beitrag

  Fusel Admin Theme Authentication
Geschrieben von: Kocher - 24.09.2023, 23:05 - Forum: React - Keine Antworten

Guten Abend,
meine Frage ist zunächst einmal ob hier im Forum jemand ist, der sich grundsätzlich schonmal mit dem Fuse Admin Theme für React auseinandergesetzt hat?
Wenn ja bitte melden, ich könnte da Hilfe gebrauchen. Vielen Dank!

Drucke diesen Beitrag

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

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

  Exquisite Jewelry Collection | Dazzling Gold and Diamonds
Geschrieben von: dazzlinggoldanddiamonds - 19.09.2023, 23:14 - Forum: Ankündigungen,Neuigkeiten - Keine Antworten

Let Your Style Shine With Our Exquisite Jewelry Collection Capture your individuality with our luscious 18k Japan gold Exquisite Jewelry Collection and Make her melt with our tantalizing Diamonds. From earrings to a variety of luxurious rings, necklaces & bracelets any of our stunning pieces will light up.

Contact Us:
Business Email: info@dazzlinggoldanddiamonds.com
Phone: 780 695 7934
Website: https://dazzlinggoldanddiamonds.com/
Address: 2415 Casey Link SW, Edmonton, AB T6W 3N1, Canada

Drucke diesen Beitrag

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

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