| Hallo, Gast |
Sie müssen sich registrieren bevor Sie auf unserer Seite Beiträge schreiben können.
|
| Benutzer Online |
Momentan sind 35 Benutzer online
» 0 Mitglieder
» 34 Gäste
Bing
|
|
|
| Javascript variable Wert in chart js einbeziehen |
|
Geschrieben von: aytugbas20 - Vor 8 Stunden - Forum: Javascript
- Keine Antworten
|
 |
Hallo zusammen, ich möchte den Wert von JavaScript variable "sper" in chart data einbeziehen aber es funktioniert nicht. Hat jemand eine Idee?
Code: <script>
const api_url ="";
async function getapi(url) {
// Storing response
const response = await fetch(url);
// Storing data in form of JSON
var data = await response.json();
// console.log(data);
var sper=Number((data[0][10])); // a number for Example 10.5
document.getElementById("per").innerHTML = sper;
if (response) {
hideloader();
}
show(data);
}
// Calling that async function
getapi(api_url);
</script>
<canvas id="VD2" width="300" height="300"></canvas>
<script>
var ctx = document.getElementById('VD2').getContext('2d');
var xValues = ["Do","Du"];
var yValues = [ sper, 20];
var VD2 = new Chart(ctx, {
type: "doughnut",
data: {
labels: xValues,
datasets: [{
backgroundColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)' ],
data: yValues
}]
},
options: {
plugins: {
title: {
display: false,
text: "VD"
},
legend: {
display: true
}
}
}
});
</script>
|
|
|
| sneseHat |
|
Geschrieben von: Yannik - Vor 9 Stunden - Forum: Javascript
- Antworten (1)
|
|
Hallo zusammen,
ich habe folgende Codezeilen mit denen ich denen ich über einen post Request die Farbe des SenseHats meines Raspberry zum Leuchten bringen will:
Code: case "senseHat":
if (req.method == "POST"){
var body = "";
req.on("data", (data) => {
body += data;
console.log(body);
console.log("Farbe geändert");
sense.clear(body);
res.end();
});
}
break;
Leider funktioniert das erste console.log kommt zwar [ 0, 0, 255 ], wie es sein sollte,
aber gleichzeitig kommt die Fehlermeldung in der Console
Code: RGB color [ 0, 0, 255 ],0,0 violates [0, 0, 0] < RGB < [255, 255, 255]
Kann mir jemand beantworten wieso das passiert und wie man dies vermeiden kann?
Vielen Dank für Eure Hilfe!
Grüße
Yannik
|
|
|
|
| postRequest.send Inhalt anschauen |
|
Geschrieben von: Yannik - Gestern, 11:32 - Forum: Javascript
- Antworten (3)
|
|
Hallo zusammen,
ich bin in Sachen javascript noch relativer Anfänger und habe mir mal ein Programm vorgenommen. Dabei sende ich mit einem postRequest RGB-Daten an meinen Raspberry, der dann entsprechend das SenseHat aufleuchten lassen soll. Leider funktioniert das nicht und ich habe den Verdacht, dass die falschen Daten übermittelt werden.
Deshlab meine Frage, ob es einen Befehl gibt bei dem ich mir den Inhalt des Request z. B. in der Konsole anzeigen lassen kann?
Vielen Dank für eure Hilfe!
Grüße
Yannik
|
|
|
|
| Javascript classes |
|
Geschrieben von: Andixander - Gestern, 11:21 - Forum: Javascript
- Antworten (1)
|
|
Hallo an alle !
Es ist nun schon eine Weile her das ich mit javascript programmiert habe .
Wie sieht es nun aus mit javascript und class ist das immer noch semantic sugar?
oder gibt es nun schon eine echte Objektorientierte Herangehensweise beim erstellen von js scripts?
Bitte keine Infos zu closures.
|
|
|
|
| js ID aus Tabelle ermitteln |
|
Geschrieben von: black79 - 18.05.2022, 08:26 - Forum: Javascript
- Antworten (8)
|
|
es wird immer die zuletzt angelegte id aus der datenbank angezeigt (copyid = '?test=' + id)
führe ich ein( lnk.href = '?test=' + id aus, wird die richtige id angezeigt!
Code: //Loeschen
field = document.createElement('td');
image = document.createElement('img');
image.src = 'web_images/loschen_2.png';
lnk = document.createElement('a');
//lnk.href = '?test=' + id;
copyid = 'test=' + id;
lnk.onclick = myFunction_loeschen;
lnk.appendChild(image);
field.appendChild(lnk);
field.setAttribute('width', 40);
line.appendChild(field);
Code: function myFunction_loeschen() {
dataString = 'test';
$.ajax({
type: 'POST',
url: 'monitorOESoft.php',
data: dataString,
success: function(){
alert(copyid); // hier zum testen
}
});
}
|
|
|
|
| Javascript Modal öffnen |
|
Geschrieben von: black79 - 16.05.2022, 18:52 - Forum: Javascript
- Antworten (1)
|
|
field = document.createElement('td');
image = document.createElement('img');
image.src = 'web_images/file.png';
lnk = document.createElement('a');
lnk.href = '?clear=' + id;
lnk.onclick = $('#myModal3').modal();
lnk.appendChild(image);
field.appendChild(lnk);
field.style.backgroundColor = elem.getElementsByTagName('background_n')[0].firstChild.nodeValue;
field.setAttribute('width', 40);
line.appendChild(field);
hallo,
ich öffne über ein img ein modal,
dieses wird ganz normal über ein button im modal geschlossen,
führe ich jetzt ein refresh am browser durch, wird das modal geöffnet! warum ?????
|
|
|
|
| Javascript POST an PHP (Anfänger) |
|
Geschrieben von: black79 - 16.05.2022, 12:08 - Forum: Javascript
- Antworten (11)
|
|
Code: //php
if (isset($_GET['clear'])) {
if ($_POST['confirm'] == 'send') {
$id = $_GET['clear'];
if ($id > 0)
{
$query = ("DELETE FROM TelegramStorage WHERE id=$id LIMIT 1");
$link->query($query);
header ("location: monitorOESoft.php");
}
}
}
Code: //javascript
function myFunction_loeschen() {
if (confirm('Wollen Sie den Datensatz wirklich löschen? Alle mit diesem Datensatz zusammenhängenden Daten werden ebenfalls gelöscht!')) {
$.ajax({
data: 'send',
url: 'monitorOESoft.php',
method: 'POST',
});
} else {
}
}
ein datensatz (tabelle) wurde ausgewählt = https://webserver/oesoft/monitorOESoft.php?clear=1169922
jetzt soll durch eine abfrage sichergestellt werden: "datensatz wirklich löschen?" myFunktion_loeschen()
das abfragefenster geht auf, aber der datensatz wird nicht gelöscht!
ohne confirm (abfragefenster) wird der datensatz gelöscht.
hier mache ich was falsch? aber was?
|
|
|
|
| Xetina |
|
Geschrieben von: Ansielix - 14.05.2022, 18:28 - Forum: Javascript
- Antworten (1)
|
|
Awesome blog! Do you have any tips for aspiring writers? I'm hoping to start my own website soon but I'm a little lost on everything. Would you advise starting with a free platform like Wordpress or go for a paid option? There are so many choices out there that I'm totally overwhelmed .. Any tips? Thanks a lot!
|
|
|
|
interaktive Dropdown Liste |
|
Geschrieben von: marlin36 - 11.05.2022, 10:26 - Forum: Javascript
- Antworten (1)
|
|
Hallo an alle da draußen,
ich sitze zurzeit an einer Dropdownliste, die sich für mich als Einsteiger als Herausforderung darstellt.
Da ich nun nach mehreren gescheiterten Versuchen nicht mein Glück gefunden habe, wollte ich mal fragen, ob mir hier einer helfen kann.
Und zwar geht es um folgendes:
ich habe mir eine Dropdownliste gebaut welche wie folgt aussieht:
Und hierzu der Code:
Code: <div id="navi_rechts">
<p></p>
<p></p>
<table>
<tr>
<td>
<?php
echo "<a href=\"./index.php?id=0\" id=\"buttonstart\">Startseite</a>\n";
echo '<br>';
?>
<?php
if(hasRight($link, "view_warenbestand")) echo "<a href=\"./index.php?id=999\" id=\"button\">Warenbestand</a>\n";
?>
<button class="dropdownbtn">Einbuchung
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdowncontainer">
<?php
// if(hasRight($link, "create_einbuchung")) echo "<li><a href=\"./index.php?id=1\">Einbuchung</a></li>\n";
if(hasRight($link, "create_einbuchung")) echo "<li><a href=\"./index.php?id=9999\" id=\"ubutton\">Einbuchung</a></li>\n";
if(hasRight($link, "view_einbuchung")) echo "<li><a href=\"./index.php?id=7\" id=\"ubutton\">Einbuchungsbewegung</a></li><li></li>\n";
?>
</div>
<button class="dropdownbtn">Ausbuchung
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdowncontainer">
<?php
if(hasRight($link, "create_ausbuchung")) echo "<a href=\"./index.php?id=2\" id=\"ubutton\">Ausbuchung</a>\n";
if(hasRight($link,"view_ausbuchung")) echo "<a href=\"./index.php?id=6\" id=\"ubutton\">Ausbuchungsbewegung</a>\n";
if(hasRight($link, "view_ausbuchung")) echo "<a href=\"./index.php?id=45\" id=\"ubutton\">Ausbuchungsauswertung</a>\n";
?>
</div>
<?php
if(hasRight($link, "create_einbuchung") && hasRight($link, "create_ausbuchung")) echo "<li><a href=\"./index.php?id=400\" id=\"button\">Korrekturbuchung</a></li>\n";
if(hasRight($link, "view_umbuchung")) echo "<li><a href=\"./index.php?id=15\" id=\"button\">Umbuchung</a></li>\n";
if(hasRight($link, "view_stellplatz")) echo "<li><a href=\"./index.php?id=9\" id=\"button\">Stellplatzverwaltung</a></li>\n";
// if(hasRight($link, "view_warenbestand")) echo "<li></li><li><a href=\"./index.php?id=5\">Warenbestand</a>\n";
if(hasRight($link, "view_geratemanager")) echo "<a href=\"./index.php?id=10\" id=\"button\">Gerätemanager</a></li>\n";
if(hasRight($link, "betatester")) echo "<a href=\"./index.php?id=42\" id=\"button\">Lieferschein</a></li>\n";
if(hasRight($link, "view_einbuchung") && hasRight($link, "view_ausbuchung")) echo "<a href=\"./index.php?id=43\" id=\"button\">Gegenüberstellung</a></li>\n";
?>
<button class="dropdownbtn">Tickets
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdowncontainer">
<?php
if(hasRight($link, "betatester")) echo "<li></li><li><a href=\"./index.php?id=300\" id=\"ubutton\">Ticket anlegen</a></li>\n";
if(hasRight($link, "betatester")) echo "<li></li><li><a href=\"./index.php?id=301\" id=\"ubutton\">Offene Tickets anzeigen</a></li>\n";
if(hasRight($link, "betatester")) echo "<li></li><li><a href=\"./index.php?id=302\" id=\"ubutton\">Ticketübersicht</a></li>\n";
?>
</div>
<button class="dropdownbtn">Auswertungen
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdowncontainer">
<?php
if(hasRight($link, "view_auswertungen")) echo "<li></li><li><a href=\"./index.php?id=500\" id=\"ubutton\">Auswertungen</a></li>\n";
if(hasRight($link, "view_kostenauswertung")) echo "<li><a href=\"./index.php?id=8\" id=\"ubutton\">Kostenauswertung</a></li>\n";
?>
</div>
<?php
if(hasRight($link, "view_admin")) echo "<li></li><li><a href=\"./administration/index.php?id=0\" id=\"button\">Administration</a></li>\n";
//if(hasRight($link, "view_ausbuchung")) echo "<li><a href=\"./index.php?id=451\" id=\"button\">Test</a></li><li></li>\n";
?>
<li><a href="https://www.myegv.de/lexicon/index.php?entry/43-anleitung-zur-verbrauchsmaterialverwaltung-it/" target="_blank" id="button">Hilfe</a></li>
</sl>
</td>
</tr>
</table>
</div>
Und hier der JavaScriptteil:
Code: <script>
var dropdown = document.getElementsByClassName("dropdownbtn");
var i;
for (i = 0; i < dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
this.classList.toggle("active");
var dropdownContent = this.nextElementSibling;
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
} else {
dropdownContent.style.display = "block";
}
});
}
</script>
An sich funktionieren die einzelnen Dropdownmenüs schon ungefähr so, wie ich es haben will mit nur einer kleinen Ausnahme.
Es handelt sich nämlich darum, dass ich es gerne so haben will, dass wenn ich ein Dropdownmenü öffne sich das andere schließen soll sofern eins auf ist, also so gesagt, dass immer nur
ein Menü offen ist.
Aktuell sieht es nämlich noch so aus:
Wie man sieht, gehen die einzelnen Button über den Rand hinaus und ergeben somit kein schönes Gesamtbild.
Ich hoffe ihr versteht meine teils nicht professionelle Ausdrucksweise und verzeiht mir auch diese.
Vielen Dank im Vorraus. 
|
|
|
|
| Datepicker |
|
Geschrieben von: Goodeborg - 10.05.2022, 16:53 - Forum: Brauche Javascript / Userscript
- Antworten (1)
|
|
Ich benutze folgenden Datepicker in einem Formular. Ich möchte folgende Änderung vornehmen.
Die gesperrten Termine sollen Buchbar sein, aber ein zusätzliches Feld in meinen Formular soll den Text "Schwieriger Termin, warten sie auf eine Bestätigung" erhhalten.
Für einen funkionierenden Code würde ich auch einen angemessenen Betragbezahlen.
Hier mein Datepicker:
<script
src="https://code.jquery.com/jquery-1.11.2.min.js"
integrity="sha256-Ls0pXSlb7AYs7evhd+VLnWsZ/AqEHcXBeMZUycz/CcA="
crossorigin="anonymous"></script>
<script
src="https://code.jquery.com/ui/1.10.1/jquery-ui.min.js"
integrity="sha256-Nnknf1LUP3GHdxjWQgga92LMdaU2+/gkzoIUO+gfy2M="
crossorigin="anonymous"></script>
jQuery(document).ready(function (jQ) {
jQ( '#flugdatum' ).datepicker({
dateFormat:'yy-mm-dd',
numberOfMonths: 4,
minDate: -30,
maxDate: '+10M +0D',
beforeShowDay: unavailable
});
var unavailableDates = ['25-12-2022', '31-12-2022', 1-1-2023];
jQ( '#flugdatum' ).datepicker('option', 'enabled', true);
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if (jQ.inArray(dmy, unavailableDates) == -1) {
return [true, ''];
} else {
return [false, '', 'Unavailable'];
}
}
});
Freue mich auf Rückmeldungen
Heinz-J. Schmieding
|
|
|
|
|
