Javascript-forum
Portal

Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 44.780
» Neuestes Mitglied: nelma1234
» Foren-Themen: 92.368
» Foren-Beiträge: 94.200

Komplettstatistiken

Benutzer Online
Momentan sind 437 Benutzer online
» 2 Mitglieder
» 432 Gäste
Bing, Facebook, Google, cartool, lothar

Aktive Themen
sapro project v5.1
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 6 Minuten
» Antworten: 0
» Ansichten: 1
Kjøp høykvalitets Fluorek...
Forum: Php
Letzter Beitrag: lothar
Vor 7 Minuten
» Antworten: 0
» Ansichten: 1
blenderfordental b4d
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 11 Minuten
» Antworten: 0
» Ansichten: 1
Kjøp DESCHLOROETIZOLAM av...
Forum: Php
Letzter Beitrag: lothar
Vor 14 Minuten
» Antworten: 0
» Ansichten: 1
Kjøp høykvalitets BOD ONL...
Forum: Php
Letzter Beitrag: lothar
Vor 18 Minuten
» Antworten: 0
» Ansichten: 1
windsim WT windfarmer wa...
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 20 Minuten
» Antworten: 0
» Ansichten: 2
Wie kann ich meine Produk...
Forum: Datenbanken
Letzter Beitrag: Mereike
Vor 21 Minuten
» Antworten: 0
» Ansichten: 2
cutrite cut rite v8.25
Forum: Datenbanken
Letzter Beitrag: cartool
Vor 25 Minuten
» Antworten: 0
» Ansichten: 2
Kjøp høykvalitets 6-APB P...
Forum: Php
Letzter Beitrag: lothar
Vor 26 Minuten
» Antworten: 0
» Ansichten: 4
What Are the Interactions...
Forum: Html
Letzter Beitrag: romella
Vor 29 Minuten
» Antworten: 0
» Ansichten: 2

  Text erscheinen lassen beim Bild hovern
Geschrieben von: admin - 18.04.2022, 00:35 - Forum: Javascript - Antworten (5)

Da gibt es viele Möglichkeiten ," Container übereinander legen. Oder Klassen wechseln. Mit Javascript den Inhalt wechseln und viele mehr .
Ich habe es so gemacht 
**Link entfernt, weil Seite nicht mehr erreichbar **

Falls du eine andere Möglichkeit suchst oder noch haben willst,  ich poste die anderen Möglichkeiten gleich auch noch.
Soll das nur bei einem Bild sein oder bei mehreren?

Drucke diesen Beitrag

  Border um mehrer Buttons
Geschrieben von: admin - 18.04.2022, 00:32 - Forum: Css - Keine Antworten

So kann man den Border um mehrere buttons setzen damit es gleich aussehend und gleichmäßig bleibt




Code:
<!doctype html>
<html>

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <title>Border bei Buttons</title>
   <meta charset="utf-8">
   <style>
body{
   text-align:center;
}


#but{
 display:inline-block;
 margin-top:10%;
}
.butto{
 margin-left:-4px;
 padding:0;
 padding:20px 40px 20px 40px;
}
input:first-child{
 border:2px solid red;
}
input:nth-child(2),
input:nth-child(3),
input:nth-child(4),
input:nth-child(5){
   border-top:2px solid red;
   border-bottom:2px solid red;
   border-right:2px solid red;
}



   </style>
</head>
<body>
<div id="but" class="buttons">
    <input type="button" class="butto" id="bu1" value="Button 1">
    <input type="button" class="butto" id="bu2" value="Button 2"> 
    <input type="button" class="butto" id="bu3" value="Button 3">
   <input type="button" class="butto" id="bu4" value="Button 4"> 
   <input type="button" class="butto" id="bu5" value="Button 5">
</div>
</body>

</html>
Hier der Link zur Demo  **Link entfernt, weil Seite nicht mehr erreichbar **

Klicke auf den Schüttel Button damit die Buttons immer eine neue rein folge bekommen. damit kann man sehen, dass der Border immer gleichmäßig aussieht

Drucke diesen Beitrag

  Seitenbreite ändert sich
Geschrieben von: Anbima - 08.04.2022, 23:59 - Forum: Javascript - Antworten (1)

Hallo,


ich habe ein Problem mit einem Javascript und der Programmierer, welcher es erstellt hat, ist nicht mehr erreichbar und ich habe da nicht wirklich eine Ahnung.

Das Problem müsste im Bereich des folgenden Codes liegen:

Code:
var parent = this._src_element.parentElement;
// the trap is a relative div, we wrap them around
// all content in the node of the input
// because the suggest is absolute and is bound to the next
// higher element with position relative. this is perfect position
var trap_div_width = 0;
// very importent, limit the width of div,
// else the suggest move to wrong position on browser zoom!
do{
// lets search the first offsetWidth in our parents
// that are not zero
trap_div_width = parseInt(parent.offsetWidth);
parent         = parent.parentElement;
}
while(parent != null && trap_div_width == 0);
if(trap_div_width == undefined){
trap_div_width = "";
}
else{
trap_div_width = "width: " + trap_div_width + "px;";
}
...
var new_content  = "<div style=\"z-index: "+zIndex+";position: relative; margin: 0; padding: 0; " + trap_div_width + "\">";

Das trap_div_width verändert seinen Wert, wenn ich einen Reload der Seite mache.
Normal ist es bei 837 und dann erhöht sich der Wert auf 1247.

Das Problem ist, dass wenn der Wert sich auf 1247 erhöht, kommt der seitliche Scrollbalken.

Kann mir hier jemand einen Tipp oder besser noch eine Lösung mitteilen?

Wenn noch weitere Informationen benötigt werden, bitte melden.

Gruß
Andreas

Drucke diesen Beitrag

  Umgang mit Layern
Geschrieben von: Questioner - 07.04.2022, 15:06 - Forum: Javascript - Antworten (1)

Hallo Leute,

ich erstelle oft Webanwendungen, bei welchen selten die Seite neu gleaden wird, dafür sehr viel Benutzerinteraktion über Layer realisiert werden. Dabei ist es egal, ob es sich einfach nur um eine Message Box handelt (z.B. für Warnmeldungen oder Ja/Nein-Abfragen) oder um sehr komplexe Layerinhalte mit viel implementierter Logik (z.B. Prdouktpflege, etc.).

Obwohl ich da schon viel umgesetzt habe, stelle ich mir immer wieder die Frage, wie ich mit Layern am besten umgehen sollte:

  1. Den Layer nach dem Schließen ausblenden (oder in einen ausgeblendeten Node schieben) und bei der nächsten Anzeige wiederverwenden und reinitialisieren oder
  2. den Layer nach dem Schließen wegwerfen (removeChild) und bei der nächsten Anzeige neu erstellen.
Rein aus Entwicklungssicht würde ich die 2. Variante bevorzugen, denn gerade komplexe Layer nach der Benutzerinteraktion auf den Ursprung zurückzusetzen kann sehr aufwändig und fehleranfällig sein. Wenn der Layer einfach neu erstellt wird, hat man immer eine fest definierte Ausgangsbasis, die einheitlich initialisiert werden kann. Zudem kann das HTML-Gerüst des Layers per Ajax geladen werden und muss nicht aufwändig per JavaScript erzeugt werden oder als Template bereits im DOM verweilen, obwohl es ggf. gar nicht benötigt wird. Und die Variante erleichtert die modulare Programmierung.

Dagegen spricht aber
  • die längere Erstellzeit (was aber eher ein theoretisches Problem sein dürfte),
  • bei Laden mittels Ajax eine höhere Datenübertragun
  • meine Ungwissheit, wie Browser mit gelöschten Elementen (die ja auch JS-Events triggern) umgehen bzw. ob sich regelmäßiges Erstellen/Löschen/Erstellen/Löschen nicht irgendwann auf die Performance niederschlägt, wenn die gelöschten Elemente noch irgendwo im Speicher verweilen, bis die Seite neu geladen wird.
Was denkt ihr? Was ist wohl der beste Weg? Gibt es da best practice Änsätze?

Beste Grüße!

Drucke diesen Beitrag

  code verkürzen
Geschrieben von: frankmehlhop - 04.04.2022, 16:31 - Forum: TypeScript - Antworten (1)

Wie kann ich die Zeile 4 mit in den Suchausdruck (LinQ?) in Zeile 3 integrieren?

let product = new ProductModel();
let pEx: ProduktExtendedModel;
pEx = this.products.find(i => i.pd.pdnr === event.objectId);
product = pEx.pd;

Drucke diesen Beitrag

  Frage zu bind und Standardwerten...
Geschrieben von: Gast - 04.04.2022, 14:47 - Forum: Javascript - Antworten (2)

Hi Leute,

folgendes Beispiel, bei dem ich nicht durchblicke...

Code:
function test(a, b=17, c=81, d="LLLL")
{
    console.log("a: "+a+" | b: "+b+" | c: "+c+" | d: "+d);
}

let kkk = test.bind(null,4);
document.querySelector("IRGENDWAS_HALT").addEventListener("click",kkk);

Der Code liefert mir folgende Ausgabe:
Zitat:a: 4 | b: [object MouseEvent] | c: 81 | d: LLLL


Ist sicherlich etwas einfaches, aber ich komme grad einfach nicht drauf, warum nicht der Standard von b verwendet wird...

Danke schonmal.

Drucke diesen Beitrag

Photo Problem mit Accordion
Geschrieben von: sfthbara - 03.04.2022, 10:22 - Forum: Javascript - Antworten (2)

Hi, ich habe von w3Schools das Beispiel auf meiner Webseite versucht zu implementieren: 
https://www.w3schools.com/howto/howto_js_accordion.asp
Leider funktioniert es nicht richtig und ich habe leider auch keine Ahnung warum.  Die p-tags lassen sich zwar öffnen und schließen. Aber es zeigt sich weder der Inhalt noch ist die Größe richtig. 
Kann mir da jemand Tipps geben?
Vielen Dank

   

Drucke diesen Beitrag

  Client berechtigen für Programmzugriff
Geschrieben von: Falke07 - 03.04.2022, 08:52 - Forum: Javascript - Antworten (4)

Hallo zusammen,
bin hier neu im Forum und hoffen Ihr könnt mir einen Tipp / Link senden, welcher mi bei meinem Problem weiterhilft.

Ich bin Suche nach einer Möglichkeit, einen Client (WIN), welcher über das Internet eine von mir erstelltes Programm (PhP) aufruft, eindeutig zu Identifizieren. 
Hintergrund ist, das ich bestimmen muss, ob der Client auf das Programm zugreifen darf oder nicht. (Es muss am Client hängen und nicht am Benutzer).

Eigentlich dachte ich an die MAC- Adresse (in eine DB eintragen und Gegenprüfen), dies schein aber wohl nach meinen Recherchen ein Problem zu sein.
Dann dachte ich daran, eine Datei auf dem Client abzulegen, welche ausgelesen wird, aber da diese ja kopiert werden kann, wäre das keine sichere Lösung.

Habt Ihr vielleicht eine Idee / Gedankenanstoß, wie ich so etwas umsetzen könnte?

Für Eure Antworten ein Danke im Voraus.

Gruß
Falke07

Drucke diesen Beitrag

  Uhrzeit addieren
Geschrieben von: little-key - 02.04.2022, 09:10 - Forum: Javascript - Antworten (1)

Hallo liebe Mitglieder,

ich benötige hier mal Hilfe.

Zur Zeit sieht es so aus:

Code:
<label for="pickup_from" class="ffs_red">Ihre Abholzeit zwischen</label><br />
    <select type="time" id="pickup_from" name="pickup_from"    class="ffs_time">
        <option name="pickup_from" class="ffs_opt-b" selected="selected">--:--</option>
        <option name="pickup_from" class="ffs_opt-b">10:00</option>
        <option name="pickup_from" class="ffs_opt-b">11:00</option>
        <option name="pickup_from" class="ffs_opt-b">12:00</option>
        <option name="pickup_from" class="ffs_opt-b">13:00</option>
        <option name="pickup_from" class="ffs_opt-b">14:00</option>
        <option name="pickup_from" class="ffs_opt-b">15:00</option>
        <option name="pickup_from" class="ffs_opt-b">16:00</option>
    </select>
    <label for="pickup_to" class="ffs_red">und</label>
    <select type="time" id="pickup_to" name="pickup_to"    class="ffs_time">
        <option name="pickup_to" class="ffs_opt-b" selected="selected">--:--</option>
        <option name="pickup_to" class="ffs_opt-b">11:00</option>
        <option name="pickup_to" class="ffs_opt-b">12:00</option>
        <option name="pickup_to" class="ffs_opt-b">13:00</option>
        <option name="pickup_to" class="ffs_opt-b">14:00</option>
        <option name="pickup_to" class="ffs_opt-b">15:00</option>
        <option name="pickup_to" class="ffs_opt-b">16:00</option>
        <option name="pickup_to" class="ffs_opt-b">17:00</option>
    </select>

Nun möchte ich gern den Bereich select "pickup_to" geändert haben in:
Code:
<input type="text" id="pickup_to" name="pickup_to" class="ffs_date" (Ausgabe: pickup_from + 1 Stunde)

Grund: Die Auswahl der Uhrzeit soll damit auf 1 Stunde beschränkt werden.
Javascript ist nicht mein Steckenpferd, ihr habt sicher eine einfache Idee.

Lieben Dank Mario

Drucke diesen Beitrag

  Abarbeitung einer Fetch - JavaSript
Geschrieben von: mat-sche - 31.03.2022, 12:31 - Forum: Javascript - Antworten (7)

Liebes Forum,

ich benötige JavaScript in meinen Webseiten-Serveranwendungen auf einem ESP8266. Ich schicke per fetch über meinen ESP

Code:
server.send(200, "application/json", "[\"" +  String(bitRead(buttonstate_index[0], 0)) +                     // Sende Statuszustand
      "\",\"" +  String(bitRead(buttonstate_index[0], 1)) + "\",\"" +  String(bitRead(buttonstate_index[0], 2)) +
     "\",\"" +  String(bitRead(buttonstate_index[0], 3)) + "\",\"" +  String(bitRead(buttonstate_index[0], 4)) +
     "\",\"" +  String(bitRead(buttonstate_index[0], 5)) + "\",\"" +  String(bitRead(buttonstate_index[0], 6)) +
     "\",\"" +  String(bitRead(buttonstate_index[0], 7)) + "\",\"" +  String(bitRead(buttonstate_index[1], 0)) +
     "\",\"" +  String(bitRead(buttonstate_index[1], 1)) + "\",\"" +  String(bitRead(buttonstate_index[1], 2)) +
     "\",\"" +  String(bitRead(buttonstate_index[1], 3)) + "\",\"" +  String(bitRead(buttonstate_index[1], 4)) +
     "\",\"" +  String(bitRead(buttonstate_index[1], 5)) + "\",\"" +  String(bitRead(buttonstate_index[1], 6)) +
     "\",\"" +  String(bitRead(buttonstate_index[1], 7)) + "\", \"Tor offen""\"]");
die Daten, die auch schön im Browser vom Client abgearbeitet werden:

mit dem Programmteil erfolgt die Datenauswertung bestens:
Code:
function loadDaten() {
            fetch('/ButtonData')
                .then(function(response) {
                    return response.json();
                })
                .then(function(myArr) {
                    document.getElementById("Text-1").innerHTML = myArr[16];
                    buttonstate(0, myArr[0]);
                    buttonstate(1, myArr[1]);
                    buttonstate(2, myArr[2]);
                    buttonstate(3, myArr[3]);
                    buttonstate(4, myArr[4]);
                    buttonstate(5, myArr[5]);
                    buttonstate(6, myArr[6]);
                    buttonstate(7, myArr[7]);
                    buttonstate(8, myArr[8]);
                    buttonstate(9, myArr[9]);
                    buttonstate(10, myArr[10]);     
                    buttonstate(11, myArr[11]);
                    buttonstate(12, myArr[12]);
                    buttonstate(13, myArr[13]);
                    buttonstate(14, myArr[14]);
                    buttonstate(15, myArr[15]);
                    });
aber wenn ich aber :
Code:
document.getElementById("Text-1").innerHTML = myArr[16]
ans Ende der Funktion lege, werden die Daten nicht aus dem Array geladen.

Warum ist das denn so?

Grüße MAT

Drucke diesen Beitrag