Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 43.387
» Neuestes Mitglied: consumer5687
» Foren-Themen: 503
» Foren-Beiträge: 2.086

Komplettstatistiken

Benutzer Online

Momentan sind 63 Benutzer online
» 0 Mitglieder
» 61 Gäste
Applebot, Bing

Aktive Themen

Verbindung von Entscheidu...
Forum: Javascript
Letzter Beitrag: Ashriel
16.04.2024, 11:02
» Antworten: 3
» Ansichten: 75

Neu laden ohne Scrolling
Forum: Javascript
Letzter Beitrag: Tom
16.04.2024, 08:48
» Antworten: 0
» Ansichten: 15

Formularfelder addieren u...
Forum: Javascript
Letzter Beitrag: heena123
16.04.2024, 08:03
» Antworten: 17
» Ansichten: 338

FMOVIES
Forum: Javascript
Letzter Beitrag: xomanig690
16.04.2024, 07:07
» Antworten: 0
» Ansichten: 20

Spam gelöscht
Forum: Ankündigungen,Neuigkeiten
Letzter Beitrag: rzscout
10.04.2024, 23:37
» Antworten: 0
» Ansichten: 144

Reihenfolge der Karten
Forum: Brauche Javascript / Userscript
Letzter Beitrag: hardee
10.04.2024, 17:54
» Antworten: 4
» Ansichten: 86

Variable aus Funktion zur...
Forum: Javascript
Letzter Beitrag: Kai_Behncke
27.03.2024, 14:58
» Antworten: 2
» Ansichten: 118

Probleme mit Canvas
Forum: Javascript
Letzter Beitrag: Sempervivum
27.03.2024, 09:28
» Antworten: 5
» Ansichten: 240

Bildauswahl Reset
Forum: Javascript
Letzter Beitrag: Sempervivum
25.03.2024, 05:38
» Antworten: 6
» Ansichten: 239

HTML Tabelle filtern + Na...
Forum: Javascript
Letzter Beitrag: Sempervivum
24.03.2024, 17:31
» Antworten: 1
» Ansichten: 140

Google Chrome-Erweiterung icon.png zu einer bestehenden Website hinzufügen?

Geschrieben von: FrontEndler - 05.02.2023, 19:57 - Forum: Javascript - Antworten (2)

Hi,
Ich wollte fragen, wie ich mein icon.png in eine bestehende Website mit Javascript einfügen kann.
Ich möchte das Twitch-Symbol auf Twitch.tv durch mein icon.png ersetzen.
Wenn das nicht funktioniert, möchte ich, dass mein icon.png neben der Suchleiste auf der rechten Seite von Twitch.tv erscheint.
Das wollte ich in eine Erweiterung einbauen, also muss es Javascript sein.

Wünsch png: https://abload.de/img/icongtebw.png

manifest.json:

Code:
{

  "manifest_version": 2,

  "name": "Compressor",

  "description": "A compressor for audio playback 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_start"

    }

  ],

  "browser_action": {

    "default_icon": "icon.png"

  }

}

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);

  });

})();

Ich hoffe, jemand kann mir helfen?
Oder kennt sich jemand mit extension badge aus?

Grüße

slider thumb ändern in javascript

Geschrieben von: Align - 04.02.2023, 19:59 - Forum: Javascript - Antworten (1)

Hey, wie kann ich die größe vom Slider thumb in js ändern?
ich habe bisher das hier versucht:

Code:
const slider = document.getElementById('#slider::-webkit-slider-thumb');

slider.style.height = size;

size ist die variable in der z.B. 10px steht.

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

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>

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>

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]

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!

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

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.

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();">

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

Seiten (50): « Zurück 1 … 15 16 17 18 19 … 50 Weiter »

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken