Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 44.520
» Neuestes Mitglied: jane
» Foren-Themen: 80.266
» Foren-Beiträge: 82.062

Komplettstatistiken

Benutzer Online

Momentan sind 362 Benutzer online
» 2 Mitglieder
» 356 Gäste
Bing, Facebook, Google, Yandex, d8b6095a50, lothar

Aktive Themen

<<화순출장샵>> 라인MS368 화순출장안마 ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 1 Minute
» Antworten: 0
» Ansichten: 1

Vind Kwaliteit Klonopin 2...
Forum: Php
Letzter Beitrag: lothar
Vor 4 Minuten
» Antworten: 0
» Ansichten: 1

송파구출장마사지#LINE/라인≪MS368≫, ...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 7 Minuten
» Antworten: 0
» Ansichten: 1

Vind Kwaliteit Suboxone 8...
Forum: Php
Letzter Beitrag: lothar
Vor 9 Minuten
» Antworten: 0
» Ansichten: 1

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

Vind Kwaliteit Suboxone 8...
Forum: Php
Letzter Beitrag: lothar
Vor 12 Minuten
» Antworten: 0
» Ansichten: 0

논산출장마사지#LINE/라인≪MS368≫, 논...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 17 Minuten
» Antworten: 0
» Ansichten: 1

Vind Kwaliteit Anavar 10 ...
Forum: Php
Letzter Beitrag: lothar
Vor 19 Minuten
» Antworten: 0
» Ansichten: 1

안동모텔콜걸@LINE【라인ms368】안동출장샵...
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: d8b6095a50
Vor 23 Minuten
» Antworten: 0
» Ansichten: 2

Vind Kwaliteit Oxycodon 4...
Forum: Php
Letzter Beitrag: lothar
Vor 27 Minuten
» Antworten: 0
» Ansichten: 2

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 (8083): « Zurück 1 … 8067 8068 8069 8070 8071 … 8083 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken