Ergebnis 1 bis 15 von 15
Like Tree1Likes
  • 1 Post By pumi

Thema: Css manipulieren

  1. #1
    pumi ist offline Mitglied
    registriert
    30-09-2014
    Beiträge
    37

    Css manipulieren

    Hallo zusammen,

    kann mir jemand einen Tipp geben, wie man
    - einen vorhandenen Css-Selektor ändern kann
    - einen neuen Css-Selektor erstellen kann
    und das mit Javascript zur Laufzeit.

    Ich meine nicht element.style=..., sondern
    direkt der Style.

    Danke vorab und Grüße pumi
    Ich bin Anfänger in Sachen Javascript und beschäftige mich daher vorerst
    nur mit Plain-Javascript. Dies bitte bei den Antworten berücksichtigen.

  2. #2
    j-l-n Guest

    AW: Css manipulieren

    html - Changing CSS Values with Javascript - Stack Overflow
    Wobei ich das ehrlich gesagt irgendwie unelegant finde...

  3. #3
    Avatar von mikdoe
    mikdoe ist gerade online Administrator
    registriert
    01-05-2010
    Beiträge
    7.677

    AW: Css manipulieren

    Falls du wissen möchtest, wie man die CSS Klasse an einem Element ändert, so geht das mit element.className = 'name der klasse';.
    Und wenn mit dem zweiten Spiegelstrich das dynamische Erzeugen einer Klasse gemeint ist findet sich hier ein Tut: CSS-Stylesheets zur Laufzeit mit Javascript erzeugen | Ajaxschmiede.de

    Ansonsten musst du sagen, was du mit "Selector" meinst. Den Begriff verwende ich nur, wenn ich auf Elemente im DOM zugreifen will aber nicht beim Zuweisen oder Erzeugen von CSS.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  4. #4
    pumi ist offline Mitglied
    registriert
    30-09-2014
    Beiträge
    37

    AW: Css manipulieren

    Danke für die Antworten.
    Habe in den Links gefunden, was ich gesucht habe.
    Ich bin Anfänger in Sachen Javascript und beschäftige mich daher vorerst
    nur mit Plain-Javascript. Dies bitte bei den Antworten berücksichtigen.

  5. #5
    Avatar von mikdoe
    mikdoe ist gerade online Administrator
    registriert
    01-05-2010
    Beiträge
    7.677

    AW: Css manipulieren

    Was hast du denn genau gesucht?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  6. #6
    pumi ist offline Mitglied
    registriert
    30-09-2014
    Beiträge
    37

    AW: Css manipulieren

    gesucht habe ich eine Möglichkeit die Eigenschaften eines Css-Selektors zu ändern.
    Code:
    function modifyCssSelector(selector, property, value) {
                
                var dss = document.styleSheets;
                
                for (var c = 0; c < dss.length; c++) {
                    try {
                        dss[c].insertRule(selector + ' {' + property + ':' + value + '}', dss[c].cssRules.length);
                    } catch (err) {
                        try {
                            dss[c].addRule(selector, property + ':' + value);
                        } catch (err) {}
                    }
                }
            }
    mikdoe likes this.
    Ich bin Anfänger in Sachen Javascript und beschäftige mich daher vorerst
    nur mit Plain-Javascript. Dies bitte bei den Antworten berücksichtigen.

  7. #7
    Avatar von mikdoe
    mikdoe ist gerade online Administrator
    registriert
    01-05-2010
    Beiträge
    7.677

    AW: Css manipulieren

    Danke pumi.

    @Julian, hattest du nicht auch kürzlich einen Ausschnitt deiner Lib gezeigt, wo es um die Kapselung von CSS Ergänzungen und Löchungen ging? Ich finde den Thread nicht mehr wieder.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  8. #8
    j-l-n Guest

    AW: Css manipulieren

    Zitat Zitat von mikdoe Beitrag anzeigen
    @Julian, hattest du nicht auch kürzlich einen Ausschnitt deiner Lib gezeigt, wo es um die Kapselung von CSS Ergänzungen und Löchungen ging?
    Zu CSS? Nein, nicht dass ich wüsste. Meinst du die Funktion für insertBefore()?

    - - - Aktualisiert - - -

    Zitat Zitat von pumi Beitrag anzeigen
    Danke für die Antworten.
    Gern geschehn.

  9. #9
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.658

    AW: Css manipulieren

    ist es absicht, das in alle stylehheets einzufügen?
    außerdem ist es keine gute idee einfach die exeption abzufangen. besser, du prüfst, ob die funktion existiert

  10. #10
    Avatar von mikdoe
    mikdoe ist gerade online Administrator
    registriert
    01-05-2010
    Beiträge
    7.677

    AW: Css manipulieren

    Zitat Zitat von j-l-n Beitrag anzeigen
    Zu CSS? Nein, nicht dass ich wüsste.
    Doch, das mit den CSS Klassen adden, da hab ich doch noch so doof nachgefragt, ob du immer nur ganze Klassen zuweist oder wie du das machst.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  11. #11
    j-l-n Guest

    AW: Css manipulieren

    Zitat Zitat von mikdoe Beitrag anzeigen
    das mit den CSS Klassen adden
    Ach so. Du meintest wahrscheinlich Element.classList...

  12. #12
    Avatar von mikdoe
    mikdoe ist gerade online Administrator
    registriert
    01-05-2010
    Beiträge
    7.677

    AW: Css manipulieren

    Ja, das war es. Wollte nur sagen, dass das hier ähnlich ist. Vielleicht kann man gegenseitig davon profitieren.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  13. #13
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.687

    AW: Css manipulieren

    Ich würde das ja auch nicht in alle Stylesheets einfügen, aber wenn du ihn nur in einen einfügst, musst du zuerst prüfen, ob das Sylesheet überhaupt auch aktiv (.disabled) und schreibbar (.readonly) ist ist.

  14. #14
    Avatar von mikdoe
    mikdoe ist gerade online Administrator
    registriert
    01-05-2010
    Beiträge
    7.677

    AW: Css manipulieren

    Korbinian, was genau? Worauf beziehst du dich?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  15. #15
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.687

    AW: Css manipulieren

    Die Stylesheets, die man mit document.styleSheets bekommt können inaktiv oder schreibgeschützt sein...

Ähnliche Themen

  1. Externen dom mit jQuery manipulieren
    Von flossy im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 25-11-2009, 00:52
  2. postVar mit JS manipulieren
    Von freshman im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 20-11-2009, 08:42
  3. Vorhandene Funktionen manipulieren
    Von Kerwindena im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 27-01-2009, 14:43
  4. Frame manipulieren
    Von Reibold im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 02-11-2005, 01:10
  5. Adresszeile manipulieren
    Von Toxictype im Forum Serverseitige Programmierung
    Antworten: 9
    Letzter Beitrag: 13-12-2002, 15:23

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •