Beiträge von Adlermania

Hallo,

kann mir vll. jemand sagen, wo hier mein Syntaxfehler ist?

Nachdem ich auf Submit klicke, wird der Text, den ich zuvor in das input Feld geschrieben habe, nicht in den Paragraphen geschrieben.

$( document ).ready(function() {
     $("#name")
     .on ("keyup", function() {
         var value = $(this).val();
      $("#submit").click(function(){
        $(".paragraph").html("Hallo" + value);
     });
    });
 });

Würde gerne hier

html-seminar.de/woltlab/attachment/2610/

die blaue Farbe ändern, hab auch schon die passende Klasse gefunden: .q66pz984

Hab es jetzt mal mit

document.addEventListener("DOMContentLoaded", function(event) {
       document.querySelector('.q66pz984').style.color='red';
 });

probiert, tut sich aber noch nichts.

Okay, vielen Dank. Bei mir sieht es so aus:

html-seminar.de/woltlab/attachment/2609/

Mich irritiert nur dieses [data-darkreader-inline-bgcolor], soll ich das dann nehmen anstatt einer Klasse? Wenn ich auf neue Regel hinzufügen gehe, zeigt er mir nämlich mehrere Klassen an: .l60d2q6s.d1544ag0.sj5x9vvc.tw6a2znq.l9j0dhe7.ni8dbmo4.stjgntxs.qlfml3jp.inkptoze.e72ty7fz.qmr60zad.jm1wdb64.qv66sw1b.ljqsnud1.g6srhlxm

Also ich bekomm es jetzt in der neuen Version hin die Hintergrundfarbe der eigenen Chatnachrichten zu ändern.

Allerdings nur im Dev Tool. Da sieht der Style Bereich bei mir so aus:

.d1544ag0 {
    padding-right: 12px;
}
[data-darkreader-inline-bgcolor] {
    background-color: #68230e !important;
}

Im HTML Bereich sind da allerdings alle Klassen zusammengefasst, da sieht das ganze so aus:

<div class="l60d2q6s d1544ag0 sj5x9vvc tw6a2znq l9j0dhe7 ni8dbmo4 stjgntxs qlfml3jp inkptoze e72ty7fz qmr60zad jm1wdb64 qv66sw1b ljqsnud1 g6srhlxm" style="background-color: rgb(0, 132, 255); --darkreader-inline-bgcolor:#006fd6;" data-darkreader-inline-bgcolor="">

Wie bekomm ich jetzt die richtige Klasse für background-color: #68230e raus? Oder gehört das zur drüberstehenden Klasse .d1544ag0?

Okay habe jetzt auch mal zur neuen fb Ansicht gewechselt, ist vll. etwas einfacher dort. Wie könnte ich bei der neuen Ansicht die blaue Farbe des Chathintergrunds ändern?

// ==UserScript==
// @name         facebook.com
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        *://*.facebook.com/*
// @run-at       document-end
// @grant        none
// ==/UserScript==


document.addEventListener("DOMContentLoaded", function(event) {
       document.querySelector('._2s1x').style.background='red';
 });

Tut sich leider auch nichts.

pagelet_ego_pane ist bei mir die große Box mit den Werbeanzeigen, die sich ständig ändern. Die konnte ich erfolgreich ausblenden, nur an der bluebar oben tut sich gar nichts. Vll. könnte ich mal probeweise versuchen eine andere Farbe zu ändern, z.B. wenn man ein Chatfenster öffnet werden die eigenen Nachrichten ja blau hinterlegt, aber das ganze ist ziemlich verschachtelt im Code. Müsste so im Bereich ._4gx_ sein, allerdings find ich da im CSS Teil keine zugewiesene Farbe =/.

Das müssten die beiden Klassen sein, wenn ich mich nicht täusche?

._2s1x ._2s1y {
    background-color: rgb(56, 86, 149);
    border-bottom-color: rgb(54, 93, 163);

Da passiert bei mir leider gar nichts, auch

document.getElementById('pagelet_ego_pane').remove();

wird damit nicht mehr ausgeführt.

Ja // @run-at document-end hatte ich auch so eingestellt.

Ansonsten läuft kein anderer Script auf der fb seite, ich poste mal das ganze Konstrukt:

// ==UserScript==
// @name         facebook.com
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        *://*.facebook.com/*
// @run-at       document-end
// @require      https://code.jquery.com/jquery-3.5.1.min.js
// @grant        none
// ==/UserScript==


document.addEventListener("DOMContentLoaded", function(event) {
   document.getElementsByClassName('_2s1x')[0].style.background='red';
})


document.getElementById('pagelet_ego_pane').remove();


(function() {
    'use strict';

    // Your code here...
})();

Die ads verschwinden, allerdings bleibt die Farbe immer noch blau.

Super vielen Dank dann versuch ich mich gleich auf reines JS zu fokussieren.

Der jQuery Code funktioniert nun in Tampermonkey, allerdings der reine JS Code noch nicht:

document.addEventListener("DOMContentLoaded", function(event) {
   document.getElementsByClassName('_2s1y')[0].style.background='red';
})

Liegt das daran, dass ich noch den jQuery Script über fb laufen lasse?

Und zweite Frage, wie müsste ich diesen Code zu reinem JS umformulieren?

jQuery("#pagelet_ego_pane").remove()

Zitat von tk1234

Die jQuery-Methode heißt auch »css« und nicht »CSS« … Inwiefern es allerdings sinnvoll ist in 2020 überhaupt noch jQuery zu lernen und nicht bei reinem Javascript zu bleiben sei mal dahingestellt.

Also würdest du sagen, jQuery ist heutzutage überflüssig, auch im Bereich web development?

Dachte jQuery hätte einige nützliche Vorteile gegenüber reinem JS ?

Habe vor ca. einem Jahr mit Python angefangen, mach jetzt allerdings eine Webentwickler Weiterbildung und da wird u.a. jQuery gelehrt.

Hab mal ein Bild gemacht, mit

jQuery("#js_7").css("background-color","red")

in der FF Konsole klappt es, jedoch in Tampermonkey nicht.

So sieht das Ganze bei mir aus:

html-seminar.de/woltlab/attachment/2605/

Hey Leute,

ich lerne zur Zeit den Umgang mit JS und jQuery,

nun wollte ich mit jQuery und Tampermonkey ein wenig meine häufig besuchten Webseiten individualisieren.

Dazu wollte ich via Firefox die Hintergrundfarbe der oben angezeigten blauen Facebook Leiste ändern.

Ich habe also erstmal ein Script in Tampermonkey geschrieben, damit man jQuery auch auf facebook.com anwenden kann, dies funktioniert soweit.

Allerdings treten bei mir 2 Probleme auf, ich schaffe es zwar, de Farbe in der FF Konsole zu ändern, aber ich tu mich noch etwas schwer ein passenden Tampermonkey jQuery Script dafür zu verfassen.

Ich versuchte es mit:

jQuery("#js_8").CSS("background-color","red")

Allerdings bekam ich die Fehlermeldung :

Uncaught TypeError: jQuery(...).CSS is not a function

<anonymous> debugger eval code:1

Auch ändert sich nach jedem Neuladen der Seite die id Zahl, mal ist es js_8, mal js_5

Und ich weiß nicht recht, ob ich nun dafür die id oder die class verwenden muss? Denn in der FF Konsole findet sich rechts wo man die "background-color" definiert sieht die Klasse ._2s1x ._2s1y.

Bin für jede Hilfe dankbar.