Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 43.450
» Neuestes Mitglied: manalitourpackage
» Foren-Themen: 511
» Foren-Beiträge: 2.105

Komplettstatistiken

Benutzer Online
Momentan sind 76 Benutzer online
» 0 Mitglieder
» 73 Gäste
Bing, Facebook, Google

Aktive Themen
CSS Animationen verbinden
Forum: Css
Letzter Beitrag: ajmanproperties1
Vor 2 Stunden
» Antworten: 9
» Ansichten: 673
Explore the Enchanting Be...
Forum: Javascript
Letzter Beitrag: manalitourpackage
Vor 9 Stunden
» Antworten: 0
» Ansichten: 10
Addons blockiert
Forum: Hilfe bei Add-ons programmieren
Letzter Beitrag: jenniferbeals
Heute, 00:28
» Antworten: 3
» Ansichten: 995
Handle Your Academic Burd...
Forum: Javascript
Letzter Beitrag: shane56
Gestern, 12:27
» Antworten: 0
» Ansichten: 30
Why is it important to fo...
Forum: Javascript
Letzter Beitrag: azaviona
Gestern, 10:09
» Antworten: 0
» Ansichten: 18
Memorable Experience With...
Forum: Javascript
Letzter Beitrag: chandadelhiaerocity
29.04.2024, 10:36
» Antworten: 0
» Ansichten: 30
Escort Service in Aerocit...
Forum: Javascript
Letzter Beitrag: chandadelhiaerocity
29.04.2024, 10:36
» Antworten: 0
» Ansichten: 30
div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: black79
26.04.2024, 16:40
» Antworten: 4
» Ansichten: 125
What are the psychologica...
Forum: Css
Letzter Beitrag: azaviona
26.04.2024, 07:58
» Antworten: 0
» Ansichten: 46
Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
25.04.2024, 06:43
» Antworten: 3
» Ansichten: 423

  Chrome Addon "Badge" zur Extension hinzufügen Hilfe
Geschrieben von: FrontEndler - 04.02.2023, 11:08 - Forum: Hilfe bei Add-ons programmieren - Keine Antworten

Hi,
da ich derzeit Krank war und mir gedacht habe, wenn alle mit Chat Gpt arbeiten, versuche ich es auch mal.
Und siehe da, ich habe ein Funktionierendes Addon (eine Extension erstellt).
Sobald es aber komplexer wird, kommen ständig Fehler.
Habe es nun 12 Stunden probiert mit etlichen Addons und Versionen, aber so wie ich es haben möchte, funktioniert es leider nicht mit Chat Gpt.
Daher hoffe ich, das mir jemand hier helfen kann.
Das funktionierende:

manifest.json

Code:
{
  "manifest_version": 3,
  "name": "Twitch Compressor",
  "description": "Activates a compressor with specified values on Twitch.tv",
  "version": "0.1",
  "icons": {
    "48": "icon.png"
  },
  "permissions": ["activeTab"],
  "content_scripts": [
    {
      "matches": ["https://www.twitch.tv/*"],
      "js": ["compressor.js"],
      "run_at": "document_end"
    }
  ]
}

compressor.js
Code:
(function () {
  window.addEventListener("load", function () {
    let audioContext = new (window.AudioContext || window.webkitAudioContext)();
    let source = audioContext.createMediaElementSource(
      document.querySelector("video")
    );
    let compressor = audioContext.createDynamicsCompressor();

    compressor.threshold.value = -60;
    compressor.knee.value = 40;
    compressor.ratio.value = 20;
    compressor.attack.value = 0;
    compressor.release.value = 1;

    source.connect(compressor);
    compressor.connect(audioContext.destination);
  });
})();

Was ich nun möchte:
Derzeit funktioniert der Compressor ja nur auf twitch.tv Chanels, was schonmal top ist..
Nun möchte ich aber nur kleine Dekorative Zusätze, heißt:

Wenn ich auf Twitch.tv oder einem twitch.tv/channel bin, soll das Extension Icon als "Badge" (das ist das kleine Kästchen wo zb bei ublock zahlen stehen) in Grün ein Häkchen zeigen (sodass ich weiß, ok funzt).
Und wenn ich außerhalb von twitch.tv bin, wie zb. YouTube, soll er in Rot ein X zeigen.
Das wäre es auch schon.

Hier ist auch eine Seite die es ein wenig erklärt, nur irgendwie kriege ich dies nicht zusammen geschustert, denke mal einfach weil ich nur html und co kann und kein js oder sonstiges.
https://dev.to/paulasantamaria/chrome-ex...-badge-644

ODER:

Falls das mit dem Badge wirklich zu schwer sein sollte, hätte ich noch eine Idee.
Das Twitch Icon soll oben Links mit meinem Icon ersetzt werden wenn die Extension aktiviert ist und funktioniert.
Und wenn man auf anderen Seiten ist, ist natürlich kein Icon da und das Extension Icon wird Grau so wie man es kennt.
(Ich habe auch schon geschaut, nur das ist animiert und es hat Polygon points und co und damit kenne ich mich nicht aus.)
Vielleicht ist das ja einfacher, sodass man es mir vllt netterweise in meinen Code hinzufügen könnte?

Ich hoffe mir kann da jemand helfen?

Grüße

Drucke diesen Beitrag

  externe Website in ein iframe laden, vom Client Browser mögich?
Geschrieben von: new_java_guy - 03.02.2023, 11:35 - Forum: Javascript - Antworten (2)

Hallo zusammen,

ich habe folgendes Problem und frage mich ob man es mit Javascript lösen kann.

Der Webserver lässt keine Verbindung nach außen zu. "www.google.de" z.b. funktioniert nicht!

Meine Idee wäre es über ein iFrame mit Javascript eine externe Seite wie z.b. "www.google.de"
über den Clienten-Browser mit javascript aufzurufen.

Serverseitig html, iframe, object, Embed funktioniert ja nicht weil der Server die Verbindung blockt.
Aber Javascript wird doch im ClientBrowser ausgeführt, daher dachte ich einen Workaround gefunden zu haben.

Um es kurz zu machen. Es funktioniert leider auch nicht. 

Kann mir jemand erklären wieso? Bzw ist es möglich ein iframe über Javascript vom Client-Browser zu laden?

Ich bin dankbar für jede Antwort und Hilfe.


Mein Javascript:


Code:
<script>
 
  function changeUrl() {
    var site = "www.google.de/";
    document.getElementsByName('iFrameName')[0].src = site;
}
 
<p><button onclick="changeUrl()">Load page in iframe</button>

  <iframe name="iFrameName"></iframe></p>
</script>

Drucke diesen Beitrag

  Hintergrund nicht scrollbar, wenn Overlay
Geschrieben von: sunlite - 02.02.2023, 11:08 - Forum: Javascript - Antworten (4)

Hallo liebe Java-Community,

ich bin ein absoluter Neuling in Sachen Javascript und stehe gleich am Anfang vor einem kleinen Problem. Ich arbeite an einer Seite, die ab einer Breite von 700px bei einem Klick auf einen a-Tag ein Overlay öffnet. Was ich nun gerne erreichen würde, ist, den body im Hintergrund nicht mehr scrollbar zu machen - und zwar ohne JQuery und Co, sondern nur reines Javascript.

Meine Überlegung war, dass beim Klick auf den a-Tag die CSS-Body-Klasse "body{}" mit der Klasse "body-overlay{}" überschrieben wird. Beim Klick auf den a-Tag "overlayschliessen" soll das Overlay wieder verschwinden und der body wieder scrollbar sein. Mein Ansatz funktioniert leider nicht. Hat jemand von Euch eine Idee?

Vielen Dank

Das ist mein "stark vereinfachtes" Script so weit:
   

Code:
<html>
   <head>
      <style>

         body{
           margin:0;
           padding:0;
           float:left;
           width:100%;
         }

         @media only screen and (max-width : 700px) {
           #body-overlay{
             overflow:hidden;
           }
         }
       
      </style>
   </head>  

   <body>

      <!-- Der Button -->
      <a id="suchebuttonforoverlay" rel="noopener" href="#searchover"><img src="/images/md_suchbutton_mobile.svg" width="60" height="60"  
      title="Suche" alt="Suche" /></a>
      <!-- Das Overlay mit Schließbutton -->   
      <div id="suchcontaineroverlay">
          <a class="overlayschließen" href="#"></a>
          ...
      </div>
   </body>

<script>
    var btn = document.getElementById('suchebuttonforoverlay');
    var box = document.getElementById('suchcontaineroverlay');

    btn.addEventListener('click', function() {

    box.classList.remove('body');
    box.classList.add('body-overlay');
});
</script>

Drucke diesen Beitrag

  Interagierende Inputfelder
Geschrieben von: Spachinger - 31.01.2023, 14:36 - Forum: Javascript - Antworten (4)

Hallo zusammen,

ich bin seit kurzem dabei, mir selbst die Grundlagen vom programmieren beizubringen und versuche mich nun an kleinen Projekten. Aktuelle versuche ich einen Währungsrechner mit VSC in Kombination mit HTML, CSS und JS aufzubaun. Mit dem Overlay bin ich an sich schon ganz zu frieden.

Im Code stoße ich jedoch auf ein Problem. Einen Eurobetrag einzugeben und die Ausgabe in den Angegebenen Währungen funktioniert schon ganz gut im aktuellem Stadium. Zwar muss ich den Umrechnungsfactor im Code noch manuell eintragen (diesem Problem möchte ich mich später widmen), doch wenn ich versuche den Code so auszubauen, dass es auch mit den anderen Eingabefeldern in eine andere Richtung funktioniert haperts...

Was funktioniert:

Code:
function calc() {
        let Euro = eurofield.value;
        let resulteurofranken = Euro * 1.01;
        frankenfield.value = resulteurofranken.toFixed(2).replace('.', ',');
        let resulteurodollar = Euro * 1.09;
        dollarfield.value = resulteurodollar.toFixed(2).replace('.', ',');
        let resulteuropound = Euro * 0.88;
        poundfield.value = resulteuropound.toFixed(2).replace('.', ',');
}

Was ich gern hätte wär in etwa:

Code:
if (eurofield.value =< 0) {
        let Franken = frankenfield.value;
        let resultfrankeneuro = Franken * 0.99;
        eurofield.value = resultfrankeneuro.toFixed(2).replace('.', ',');
        let resultfrankendollar = Franken * 1.08;
        dollarfield.value = resultfrankendollar.toFixed(2).replace('.', ',');
        let resultfrankenpound = Franken * 0.88;
        poundfield.value = resultfrankenpound.toFixed(2).replace('.', ',');
            };

Meine Grundidee war die funktion überprüfen zu lassen, ob eurofield leer oder "0" ist und das Programm dann schaut, ob frankenfield value hat und dann diese Berechnung durchführt (und weiter dann wenn frankenfield "0" oder leer ist zu dollarfield weitergeht usw.
Ist das Projekt in der Form realisierbar oder verlauf ich mich da im Code in eine Sackgasse?

Liebe Grüße

[Bild: 20230212131645531c96a82e3e71901a4ce399c0df0192.jpg]

Drucke diesen Beitrag

  Zufallsgenerator im Zufallsgenerator
Geschrieben von: Hermdaddy - 30.01.2023, 21:28 - Forum: Javascript - Antworten (3)

Hallo liebe Mitglieder,

Ich bin in diesem Forum mindestens genauso neu wie im Bereich der Programmierung.
Ich benötige für eine Geburtstagsfeier meiner Oma einen Zufallsgenerator, in welchem ein Zufallsgenerator implementiert ist. 
Mein Code sieht bislang so aus:

Code:
            var myArray1 = [
            'A',    
            'B',
            'C',
            'D',
            'E',
            'F'
                ];
                
                var NameArray = [
            'Dein Nachname beginnt mit: XXX',
            'Dein Vorname beginnt mit: XXX',
            'Dein Haustier beginnt mit: XXX',
            'Trinken!'
                ];
var rand = Math.floor(Math.random()*NameArray.length);
var rValue = NameArray[rand];
document.write(rValue)


Der Basis-Zufallsgenerator (NameArray) funktioniert, aber was muss ich anstelle der XXX setzen, damit per Zufall der Anfangsbuchstabe ausgegeben wird?
Da nicht immer ein Anfangsbuchstabe benötigt wird, kann ich die beiden Zufallsgeneratoren nicht nebeneinander stellen.

Ich hoffe ihr könnt mir helfen,

danke und liebe Grüße!

Drucke diesen Beitrag

  base64 Image auf Server speichern
Geschrieben von: Simuletsplay - 28.01.2023, 20:12 - Forum: Javascript - Antworten (1)

Hallo zusammen, 

ich habe das Problem, dass ich mit der cropper.js ein Bild-Ausschnitt generiere und diesen auf dem Server speichern möchte.
Das Bild wird als base64 data generiert.

Meine bisherigen Versuche waren, dass der String in ein PHP Script übergeben werden (Hab es mit POST und GET Methode probiert).
Allerdings wird mir dort nur zurückgegeben, dass die Seite nicht funktioniert. (vom PHP Script).
Nach langer Fehlersuche bin ich darauf gekommen, dass es eventuell an der Länge des Strings liegt. (ca. 140.000 caracter - deutlich zu viel!)

Gibt es noch andere Möglichkeiten, wie ich das Bild auf dem Server ablegen kann?

Viele Grüße
Ben

Drucke diesen Beitrag

  JavaScript App PDF auslesen und an verschiedene Empfänger mailen
Geschrieben von: Frederik Laval - 28.01.2023, 18:28 - Forum: Javascript - Antworten (2)

Hallo liebe Freunde,

ich habe z.B. 1 PDF mit 50 Seiten. Dieses geht an unterschiedliche Empfänger. Auf jedem PDF ist eine Nr, bzw. ein alphanummerischer Wert gespeichert, anhand dessen man den Empfänger mit einer Emailadresse zuordnen kann.
Ich möchte eine APP schreiben, wo man einen Container z.b. links hat und mit
- drag and drop das PDF dort rein tut und
- Javascript soll dieses in einzelne Seiten aufteilen und
- z.B. in der App Mitte als einzelne Datensätze anzeigen. -
- die Emails sollen auswählbar und als Vorschau sichtbar sein
-die Emailadresse und der Empfänger sollen änderbar sein über ein Ausklappmenü.
- Und die Emails sollen über das Outlook Gruppen Emailfach versendet werden.
- und es soll lokal auf Windows laufen

Könnt ihr mir helfen wie ich das aufbauen soll? Welche funktionen etc. werde ich brauchen? Ich habe bei Google und YouTube nichts passendes finden können.
Ich habe mit Java Script gerade angefangen, und habe bisher VBA Erfahrung.

Drucke diesen Beitrag

  Mehrere HTML Texte gleichzeitig ändern
Geschrieben von: SlowCoder - 27.01.2023, 13:07 - Forum: Javascript - Antworten (2)

Hallo zusammen,

ich beschäftige mich erst seit kurzem mit JS und wollte eigentlich unter einem Bild, zwischen zwei Preisen, hin und her schalten.
Das Funktioniert auch, aber  nur beim 1. Bild, alle anderen bleiben unverändert. 
Kann mir jemand sagen warum und wie ich das ändern kann?

PHP-Code:
<script type="text/javascript">
function 
onoff(){
currentvalue document.getElementById("onoff").value;
if(
currentvalue == "Off"){
{
document.querySelector(".showpreis").innerHTML="Preis 1";}
}else{
{
document.querySelector(".showpreis").innerHTML="Preis 2";}
}
}
</
script>

<
input type="button" value="On" id="onoff" onclick="onoff();">

<
class="showpreis"></p>
<
class="showpreis"></p>
<
class="showpreis"></p>
<
class="showpreis"></p

Drucke diesen Beitrag

  java.edv-bildung.de/aufgaben-und-uebungen
Geschrieben von: nbergmann - 26.01.2023, 13:04 - Forum: Javascript - Antworten (1)

Diese für mich gute Seite lässt sich nicht mehr aufrufen.
Weiß einer, ob und wohin die umgezogen sind?

Drucke diesen Beitrag

  ChatGPT ist in aller Munde, nutzt ihr es?
Geschrieben von: rzscout - 23.01.2023, 19:25 - Forum: Javascript - Antworten (1)

Moin liebe Community,

ChatGPT ist in aller Munde. Im Netz gibt es viele Beiträge über die Chat-KI und viele Videos auf Youtube zum Thema ChatGPT und Programmierung. Wie sieht ihr das, habt ihr auch schon Erfahren sammeln dürfen mit ChatGPT und speziell ChatGPT mit Javascript?

Viele Grüße

rzscout

Drucke diesen Beitrag