Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 44.518
» Neuestes Mitglied: NexGen03
» Foren-Themen: 79.747
» Foren-Beiträge: 81.543

Komplettstatistiken

Benutzer Online

Momentan sind 307 Benutzer online
» 1 Mitglieder
» 302 Gäste
Bing, DuckDuckGo, Facebook, Google, d8b6095a50

Aktive Themen

안양안마-안양출장샵-『라인:ms368』안양조건...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor weniger als 1 Minute
» Antworten: 0
» Ansichten: 1

칠곡출장샵>>라인ms368<<칠곡출장마사지㎕ ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 5 Minuten
» Antworten: 0
» Ansichten: 1

양평출장샵(((라인:ms368)))∫양평아가씨...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 9 Minuten
» Antworten: 0
» Ansichten: 1

<<하남출장샵>> 라인MS368 하남출장안마 ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 14 Minuten
» Antworten: 0
» Ansichten: 1

횡성출장샵>>라인ms368<<횡성출장마사지㎕ ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 18 Minuten
» Antworten: 0
» Ansichten: 1

LINE/라인☞ms368☜도봉구출장마사지-도봉...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 23 Minuten
» Antworten: 0
» Ansichten: 1

화천출장샵【LINE@라인:MS368】화천출장업...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 28 Minuten
» Antworten: 0
» Ansichten: 1

<<계룡출장샵>> 라인MS368 계룡출장안마 ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 32 Minuten
» Antworten: 0
» Ansichten: 1

예산안마-예산출장샵-『라인:ms368』예산조건...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 37 Minuten
» Antworten: 0
» Ansichten: 1

충주모텔콜걸@LINE【라인ms368】충주출장샵...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 42 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 (8031): « Zurück 1 … 8015 8016 8017 8018 8019 … 8031 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken