Body background css property változtatása eseményre

Beküldte Kocsis Kata - 2013. június 25. 16.08

Szeretném, ha egy menüpontra kattintáskor, vagy éppen egy kitüntetett oldal betöltésekor megváltozna a body background property-je.

Nem az adott oldalon található elemek css-ét szeretném megváltoztatni, hanem az őt befoglaló body valamely tulajdonságát (az egyszerűség kedvéért írtam a háttérképet).

Hogyan csináljam ezt Drupalban?

Drupal verzió:

7.x

Fórum:

Modulok használata

egy jó sminkben a body kap

Permalink Beküldte csakiistvan - 2013. június 25. 17.38

egy normális sminkben a body kap egy csomó class-t, pl

<body class="html not-front logged-in one-sidebar sidebar-first page-node page-node- page-node-18210 node-type-forum" >

Ez neked nincs?

Drupal full-stack developer at Wunderman Thompson Budapest

A hozzászóláshoz regisztráció és bejelentkezés szükséges

Hogyan kerülnek be különböző body class értékek oldalanként?

Permalink Beküldte Kocsis Kata - 2013. június 27. 11.50

Persze, de az én problémám az, hogy alapban a body class-ok között nem jelenik meg mondjuk a node-azonosító, pedig én azt szeretném, hogy egy bizonyos oldal betöltődésekor történjen meg a background image átállítása (vagy bármi más).

Tehát, hogyan lehet pluszban megkülönböztető class-t adni a body-hoz?

A hozzászóláshoz regisztráció és bejelentkezés szükséges

Sminkedbe html preprocess:

Permalink Beküldte szantog - 2013. június 27. 15.10

Sminkedbe html preprocess:

function MYTHEME_preprocess_html(&$variables) {
  if ($node = menu_get_object()) {
    $variables['classes_array'] = "node-{$node->nid}";    
  }
}

----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.

A hozzászóláshoz regisztráció és bejelentkezés szükséges

Hát ha bizonyos oldalak

Permalink Beküldte eager - 2013. június 26. 23.31

Hát ha bizonyos oldalak háttérszínét szeretnéd elváltoztatni, akkor arra valóban elég lehet a már meglévő body classokat figyelni és írni rájuk specifikus css-t:

body {
  background: white;
}
 
body.page-taxonomy-term {
  background: green;
}

Ha az egyedi körülmények nem tettenérhetők a már meglévő body classok között, akkor lehet próbálni hozzáadni újakat, vagy a template.php-ban a sminkneve_preprocess_html()-ben lehet, vagy ha kattintós megoldás kellene, akkor megismerkedni a Context modullal szerintem, ő alkalmas egyedi body classok kiosztására néhány feltétel figyeltetése alapján.

-----

Illetve, nem volt egyértelmű a kérdés, hogy ha olyat is szeretnél, hogy megnyomnak valamit, de az oldalon szeretnél maradni, és az oldalon maradva elváltoztatni a háttérszínt, akkor az meg js/jQuery irány. A sminkedben legyen egy megfelelő js file, amibe egy ilyesmit tehetsz:

(function ($) {
  Drupal.behaviors.myThemeHelpers = {
    attach:function (context, settings) {
 
      // Adding a body class if #mybutton gets clicked.
      $('#mybutton', context).click(function() {
        $('body').addClass('my-class');
      });
 
    }
  };
})(jQuery);