Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 44.784
» Neuestes Mitglied: aandsdirect
» Foren-Themen: 92.738
» Foren-Beiträge: 94.574

Komplettstatistiken

Benutzer Online

Momentan sind 440 Benutzer online
» 3 Mitglieder
» 432 Gäste
Applebot, Bing, Facebook, Google, Yandex, cartool, Lildon, lothar

Aktive Themen

jmp pro 14.3
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 2 Minuten
» Antworten: 0
» Ansichten: 1

Kjøp høykvalitets Surmont...
Forum: Php
Letzter Beitrag: lothar
Vor 4 Minuten
» Antworten: 0
» Ansichten: 1

Køb N-Ethylhexedron onlin...
Forum: Datenbanken
Letzter Beitrag: Lildon
Vor 5 Minuten
» Antworten: 0
» Ansichten: 1

Kjøp høykvalitets vyvanse...
Forum: Php
Letzter Beitrag: lothar
Vor 8 Minuten
» Antworten: 0
» Ansichten: 1

technet GMbH PreDesigner ...
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 10 Minuten
» Antworten: 0
» Ansichten: 1

Kjøp høykvalitets Lyrica ...
Forum: Php
Letzter Beitrag: lothar
Vor 12 Minuten
» Antworten: 0
» Ansichten: 1

Køb PMK-ÖL online i Danma...
Forum: Datenbanken
Letzter Beitrag: Lildon
Vor 13 Minuten
» Antworten: 0
» Ansichten: 1

winglink 2.3.01
Forum: Html
Letzter Beitrag: tuu8
Vor 15 Minuten
» Antworten: 0
» Ansichten: 2

Kjøp høykvalitets Metadon...
Forum: Php
Letzter Beitrag: lothar
Vor 16 Minuten
» Antworten: 0
» Ansichten: 1

windPRO v3.5.584
Forum: Html
Letzter Beitrag: tuu8
Vor 19 Minuten
» Antworten: 0
» Ansichten: 1

Tabellenzellen füllen mit Colorpicker - kann jemand helfen?

Geschrieben von: Biwo - 24.04.2022, 12:50 - Forum: Javascript - Antworten (26)

Hallo zusammen!
Ich hab vor Kurzem angefangen Javascript zu lernen und möchte ein kleines Programm schreiben, mit dem man Strickmuster planen kann.
Dazu frage ich in zwei Formularen ab, wie viele Maschen der oder die NutzerIn in Breite und Höhe haben möchte.
Den Colorpicker habe ich aus einem Tutorial. Mir geht es vor allem um den letzten Absatz, wo ich einfach nicht weiter weiß (this.style.backgroundcolor= XXX?)

Über Hinweise und Tipps wäre ich Sau dankbar! Vielen Dank schonmal!

Code:
let elementsArray = document.querySelectorAll('input[type="number"]');

elementsArray.forEach(function(elem) {

    elem.addEventListener("change", function() {

        document.getElementById("Pattern-Table").innerHTML=" "; 

        let row = document.getElementById("h-stitches").value;

        let col = document.getElementById("v-stitches").value;

        let table = document.createElement('table');

    for(i=0; i<row; i++) {

        let tr = document.createElement('tr');

        for(j=0; j<col; j++) {

            let td = document.createElement('td');

            td.innerHTML = " ";

            tr.appendChild(td);

        }

        table.appendChild(tr);

    }

    document.getElementById("Pattern-Table").appendChild(table);

    });

});

class ColorPicker {

constructor(root) {

this.root=root;

this.colorjoe = colorjoe.rgb(this.root.querySelector(".colorjoe"));

this.selectedColor = null;

this.savedColors = this.getSavedColors();

this.colorjoe.show();

this.setSelectedColor("#009578"); 

this.colorjoe.on("change", color => {

    this.setSelectedColor(color.hex(), true);

});

this.root.querySelectorAll(".saved-color").forEach((element, i) => {

    this.showSavedColor(element, this.savedColors[i]);

    element.addEventListener("mouseup", e => {

        if (e.button == 1) {

            this.saveColor(this.selectedColor, i);

            this.showSavedColor(element, this.selectedColor);

        }

        this.setSelectedColor(element.dataset.color);

    });

});

}

setSelectedColor(color, skipCjUpdate = false) {

    this.selectedColor = color;

    this.root.querySelector(".selected-color-text").textContent = color;

    this.root.querySelector(".selected-color").style.background = color;

    if (!skipCjUpdate) {

        this.colorjoe.set(color);

    }

}

getSavedColors() {

    const saved = JSON.parse(localStorage.getItem("colorpicker-saved") || "[]");

    console.log(saved);

    return new Array (5).fill("#ffffff").map((defaultColor, i) => {

        return saved[i] || defaultColor;

    }) 

}

showSavedColor(element, color) {

    element.style.background = color;

    element.dataset.color = color;

}

saveColor(color, i) {

    this.savedColors[i] = color;

    localStorage.setItem("colorpicked-saved", JSON.stringify(this.savedColors));

}

}

const cp = new ColorPicker(document.querySelector(".container"));

$('table').on('click', "td", function() {

    $(this).toggleClass("color");

  });

let Cells = document.querySelectorAll('td');

Cells.forEach(function(elem) {

    elem.addEventListener("onclick", function() {

    this.style.backgroundcolor = 

}

)

});

Javascript-Problem kann jemand helfen?

Geschrieben von: Blue - 23.04.2022, 16:18 - Forum: Javascript - Antworten (1)

Hallo zusammen Smile

Ich bin neu hier und hoffe mein Problem ist nicht fehl am platz, ich mache momentan ein Online-Video Kurs bei Udemy um Javascript zu lernen, jetzt ist folgendes passiert:
Ich habe mehrere Funktionen in einer gebündelt wie vom Dozent gefordert, plötzlich bekomme ich keinerlei Ausgabe in der Konsole mehr, stattdessen wird nur noch gemeldet: (diesen Fehler hat es vorher auch schon gemeldet)

Zitat:Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform
A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced.
To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.
Note that for performance reasons, only the first access to one of the properties is shown.
1 Quelle
all.min.js:1

Ich bin noch dabei Javascript zu lernen und sehe mich selbst nicht in der Lage das Problem zu lösen, falls mir jemand weiterhelfen kann wäre ich Ihm oder Ihr sehr dankbar, falls mein Eintrag hier fehl am Platz ist möchte ich mich entschuldigen.

ps: die main.js

"use strict";
let einnahmen = 0, ausgaben = 0, bilanz = 0;
let titel, typ, betrag, datum;

// Eingabedaten holen

let Eintrag_erfassen = function(){
titel = prompt("Titel");
typ = prompt("Typ(Einnahme oder Ausgabe?):");
betrag = parseInt(prompt("betrag in Cent :"));
datum = prompt ("Datum? (jjjj-mm-dd):");

};

const Eintrag_ausgeben = function(titel, typ, betrag, datum){
console.log(`Titel: ${titel}
Typ: ${typ}
Betrag: ${betrag} Ct
Datum: ${datum}`
);

};

const Eintarg_mit_gesamtbilanz_verrechnen = function(typ, betrag){
if(typ==="Einnahme"){
einnahmen = einnahmen + betrag;
bilanz=bilanz + betrag;
} else if (typ==="Ausgabe"){
ausgaben = ausgaben + betrag;
bilanz=bilanz - betrag;

}else{
console.log(`Der typ ${typ} ist nicht bekannt`);
}
};

const gesamtbilanz_ausgeben = function(einnahmen, ausgaben, bilanz){

console.log(`Einnahmen: ${einnahmen}
Ausgaben: ${ausgaben} Ct
Bilanz : ${bilanz} Ct
bilanz ist Positive: ${bilanz >= 0}`);

const Eintrag_hinzufuegen = function(){
Eintrag_erfassen();
Eintrag_ausgeben(titel, typ, betrag, datum);
Eintarg_mit_gesamtbilanz_verrechnen(typ, betrag);
gesamtbilanz_ausgeben(einnahmen, ausgaben,bilanz);
};
Eintrag_hinzufuegen();
Eintrag_hinzufuegen();
Eintrag_hinzufuegen();

};

LG
Blue

Update : Ich habe den Fehler im Code entdeckt und es Funktioniert wieder, das Problem war dass ich ohne es zu merken meine Funktion "Eintrag_hinzufuegen();" in meine vorherige Funktion geschrieben habe, dass Problem mit dem navigator.userAgent habe ich allerdings weiterhin.

MFG

eventlistener bei Aufruf einer Funktion

Geschrieben von: sfthbara - 23.04.2022, 12:08 - Forum: Javascript - Antworten (5)

	Hi, gibt es eine Möglichkeit, einen Eventlistener zu nicht wie üblich auf ein click oder Tastendruck zu betätigen. Sondern bei Aufruf einer Funktion. Also wenn Funktion XY aufgerufen wird, soll auch danach der der Eventlistener aktiv werden? Geht das?

Navigation mit Vorschaubilder

Geschrieben von: werner - 23.04.2022, 03:32 - Forum: Css - Antworten (2)

	Hab mal gesehen das einer eine Navigation hatte, wo man beim Überfahren mit der Maus ein Bild von der Seite gesehen hat, die man dann besuchen würde. Wie geht das?

Text verschieben

Geschrieben von: werner - 23.04.2022, 02:23 - Forum: Css - Antworten (1)

Hallo Leute,
503 Service Unavailable

Ich bekomme es nicht hin den Text an die markierten Stellen zu verschieben ohne neue "graue Boxen" zu erstellen.

Hoffe mir kann jemand weiterhelfen.

2fersen

Unerwünschte Alerts blocken

Geschrieben von: werner - 23.04.2022, 02:07 - Forum: Javascript - Antworten (1)

Wie kann ich ein unerwünschten Alert Blocken.
Hintergrund: Ein eingebundenes Script was verschlüßelt ist schmeißt einen Alert raus ( Der sitzt in einer Schleife weil er ca 30 mal hintereinander kommt ) mit einen einfachen ERROR.
Das Script functioniert soweit aber der Alert stört natürlich.
Das Script wurde irgendwie verschlüsselt da steht nur Zahlen und Buchstaben und kommische Zeichen.
Kannst du mir da helfen.

Impfzahlen Deutschland

Geschrieben von: admin - 22.04.2022, 23:50 - Forum: Hilfreiche Skripte und Online Tools - Keine Antworten

Corona / Covid-19 Virus geht in Deutschland rum. Dieser Counter zeigt, wie viele Personen sich aktuell geimpft haben.
Dieses Script zeigt die Impfzahlen an (Demo)

PHP-Code:
<?php
//include('index.php');
//$array=[json_decode(file_get_contents('test.php'),true)];
$array=[json_decode(file_get_contents('https://rki-vaccination-data.vercel.app/api'),true)];
$sammeln="<div id='updatetime'>Update ".date('d-m-Y h:i:s', strtotime($array[0]['lastUpdate']));


$sammeln.="</div><table id='example' class='table table-striped table-bordered'><thead><tr><th>Bundesland</th><th>Einwohner</th><th>geimpft</th><th>Prozent</th></tr></thead><tbody>";
$arr_bu=['Baden-Württemberg',
                    'Bayern',
                    'Berlin',
                    'Brandenburg',
                    'Bremen',
                    'Hamburg',
                    'Hessen',
                    'Mecklenburg-Vorpommern',
                    'Niedersachsen',
                    'Nordrhein-Westfalen',
                    'Rheinland-Pfalz',
                    'Saarland',
                    'Sachsen',
                    'Sachsen-Anhalt',
                    'Schleswig-Holstein',
                    'Thüringen'];

for($x=0;$x<=count($arr_bu);$x++){
       $val=$array[0]['states'][$arr_bu[$x]];
       $sammeln.="<tr><td>".$arr_bu[$x]."</td>
                      <td>".$val['total']."</td>
                      <td>".$val['vaccinated']."</td>
                      <td>".$val['quote']."</td>
                  </tr>";
}
$sammeln.="<tr><td>Deutschland</td>
               <td> ".$array[0]['total']."</td>
               <td>".$array[0]['vaccinated']."</td>
               <td> ".$array[0]['quote']."</td>
           </tr>
       </tbody></table>";
?>
<!doctype html>
<html lang="de">
<head>
<title>Impfzahlen Deutschland</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UFT-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.colVis.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.2.2/css/buttons.bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css">
<style>
body {
    margin:2em 3em;
}
.dt-buttons {
    margin-bottom: 10px;
}
.dt-buttons.btn-group{
    float: left;
    margin-right: 2%;
}
.dataTables_filter {
    float: left;
    margin-top: 4px;
    margin-right: 2%;
    text-align: left;
}
.dataTables_info {
    float: right;
}
.dataTables_length{
    float: right;
    margin-top: 4px;
    margin-left: 2%;
}
</style>
</head>
<body>
<h1>Geimpfte in Deutschland</h1>
<?php echo $sammeln; ?>
<script>
$(document).ready(function() {
    document.title='Impfzahlen Bundesländer';
    $('#example').DataTable({
            "dom": '<"dt-buttons"Bfli>rtp',
            "paging": false,
            "autoWidth": true,
            "fixedHeader": false,
            "buttons": [
                'colvis',
                'copyHtml5',
        'csvHtml5',
                'excelHtml5',
        'pdfHtml5',
                'print'
            ]
        }
    );
});
</script>
</body></html> 

hello world

Geschrieben von: MachineFourfiveSeven8THiRTeEN - 22.04.2022, 12:51 - Forum: Javascript - Keine Antworten

	print("Hello, world!")

Fake Besucherzähler

Geschrieben von: admin - 22.04.2022, 01:21 - Forum: Hilfreiche Skripte und Online Tools - Keine Antworten

Fake-Besucher-Script simuliert einen Besucherzähler. Einfach Script einbinden ,gewünschte Besucher am Tag eingeben und fertig
[Bild: fake-besucher.png]

Direkter Download von Github

Live Demo

Jquery muckt rum

Geschrieben von: admin - 22.04.2022, 00:59 - Forum: jQuery - Antworten (2)

Aus welchen Grund läuft dieser Code nicht ? Habe ich was vergessen ? Habe alles so gemacht wie es in der Doku steht.
Falls mal einer Zeit findet wäre ich dankbar für eine Antwort. Besten Dank.

PHP-Code:
<!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <style>
 div {
    color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
</head>
<body>
 <div id="target">
  Click here
</div>
<script>


$( "#target" ).toggle(function() {
  alert( "First handler for .toggle() called." );
}, function() {
  alert( "Second handler for .toggle() called." );
});
</script>

</body>
</html> 

Seiten (9331): « Zurück 1 … 9315 9316 9317 9318 9319 … 9331 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken