Javascript-forum

Durchsuche Foren

Foren-Statistiken

» Mitglieder: 43.429
» Neuestes Mitglied: rodrurofyi
» Foren-Themen: 505
» Foren-Beiträge: 2.094

Komplettstatistiken

Benutzer Online

Momentan sind 159 Benutzer online
» 0 Mitglieder
» 157 Gäste
Bing, Google

Aktive Themen

div(tabelle) neugeladen b...
Forum: Javascript
Letzter Beitrag: Sempervivum
Vor 9 Stunden
» Antworten: 1
» Ansichten: 14

Ajax Abfrage
Forum: Php
Letzter Beitrag: taxlegit24
Gestern, 06:43
» Antworten: 3
» Ansichten: 355

Probleme Firebase Databas...
Forum: Javascript
Letzter Beitrag: PrimoCenturio
22.04.2024, 14:15
» Antworten: 4
» Ansichten: 119

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

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

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

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

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

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

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

vom Variable vom Content Scrip ins Popup anzeigen

Geschrieben von: Oly - 08.02.2023, 23:31 - Forum: Hilfe bei Add-ons programmieren - Antworten (15)

Hallo zusammen,

ich benötige mal eure Hilfe.
Und zwar möchte ich gerne eine Variable die im Content Script gefüllt wird, direkt im Popup anzeigen lassen wenn ich auf diesen Add On Button Klicke.
Was muss ich da machen?

Im Content Script steht:

Code:
var x = document.getElementById("content").innerText;

alert(x);

alert zeigt mir an, das die Variable gefüllt wurde. Nun möchte ich aber das es direkt im Popup angezeigt wird wenn ich es anklicke.
wäre super Hilfe zu bekommen

danke

Scrollverhalten

Geschrieben von: Mario - 06.02.2023, 14:48 - Forum: Javascript - Antworten (5)

Hallo Tüftler,

Ich suche ein "Javascript" oder "Jquery" mit dem man für einen bestimmten Scrollbereich langsam scrollt oder das scrollen pausiert. Zum Beispiel 2 bis 300 Pixel.

Das ganze sollte sich so verhalten:

Der 1. Pixel wird normal gescrollt.
Wird weiter gescrollt (im Beispiel: 2 bis 300 Pixel) wird langsam oder gar nicht gescrollt.
Ab 301 Pixel wird normal weiter gescrollt.
Noch besser wäre wenn man anstatt Pixel den Wert VH verwenden könnte.

Das ganze möchte ich hierfür verwenden: LINK

So sieht der Code jetzt aus:

Code:
<style>

.wzphdov_outer {

  position: relative;

  width: 100%;

  background-image: url("https://www.zella.de/media/images/probstei-zella-1920x800.jpg");

  background-color: #cccccc;

  height: calc(100vh);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.wzphdov_image {

  display: block;

  width: 100%;

  height: auto;

}

.wzphdov_overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  transition: .8s ease;

  background-color: rgba(0,0,0,0.5);

    opacity: 1;

}

.wzphdov_text {

  color: white;

  font-size: 42px;

  font-weight: 900;

  position: absolute;

  top: 80%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  text-align: center;

  transition: .8s ease;

}

</style>

<div class="wzphdov_outer">

    <div class="wzphdov_overlay"></div>

    <div class="wzphdov_text">HALLO Freunde</div>

</div>

<script>

jQuery(document).ready(function(){

    jQuery(window).scroll(function(){

/*CSS ab Scrollposition 1 Pixel*/

        if(jQuery(this).scrollTop()>=1) {

        jQuery('.wzphdov_overlay').attr('style','height:0;');

            jQuery('.wzphdov_text').attr('style','top:40%;');

    }  

/*CSS wen wieder nach oben gescrollt*/

        else if (jQuery(this).scrollTop()<1) {

        jQuery('.wzphdov_overlay').attr('style','height:100%;');

            jQuery('.wzphdov_text').attr('style','top:80%;');

        }

    })

})

</script>

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

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

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken