Ötlet: Dinamikusan változtatható szélességű Facebook pluginek

The spam filter installed on this site is currently unavailable. Per site policy, we are unable to accept new submissions until that problem is resolved. Please try resubmitting the form in a couple of minutes.
Kategória: 
Gyorstippek

Ez egy ötlet, ami működik, viszont nem vagyok egy Stahl Judit, süti témában annyit tudok, hogy vannak, és lehet használni. Tehát a kockázatok és mellékhatások következményeiről írjon itt a kommentben, vagy kérdezze meg sminkmesterét, sitebuilderét (hopp, fail.. ez én vagyok..)

Probléma a következő: Adott egy manapság oly divatos reszponzív drupal smink. Szépen be van állítva cssből, hogy milyen méretekben, hogyan jelenjen meg. Igenám, de a facebook plugineknek többnyire van egy olyan csúnya paraméterük, hogy "width". Ezt php-ből állítani tudjuk, de szerveroldalon nem tudunk meggyőződni a böngésző szélességéről.

Mi most mégis megcsináljuk, az alapötlet rém egyszerű:

Vegyük a facebook pluginek méretét alapértelmezetten a legkisebbre, ami a reszponzív sminkünk legkisebb felbontás melletti formázásaihoz passzol.

Jqueryvel tegyünk egy hosszúlejáratú sütit a user gépére.

[geshifilter-drupal6](function ($) { Drupal.behaviors.tm_hooks = { attach: function(context, settings) { $.cookie("en_kicsi_kukim", $(window).width(), {expires : 365}); } }; })(jQuery); [/geshifilter-drupal6]

Majd phpvel kiolvasva állítsuk a facebook plugin paraméterét a kívánt értékre a sminkfüggvényünkben, vagy templateben.

Pl 1280-nál kisebb böngészőnél 350pxes, annál nagyobbnál 520px-es plugint kérünk.
És itt kell még egy help: Az a fránya jquery nem igazán a böngésző rendes szélességét adja vissza, legalábbis ami a firefox web developer toolbar méretezését illeti, szóval ez most hogy is van?
[geshifilter-drupal6] $fb['width'] = isset($_COOKIE['en_kicsi_kukim']) && $_COOKIE['en_kicsi_kukim'] > 1263 ? 520 : 350;[/geshifilter-drupal6]

Ebben az esetben mindössze egyetlen alkalommal fog a felhasználónál a legkisebb méretű plugin megjelenni, és még ha át is méretezi a böngészőt, az is korrigálva lesz a következő oldalletöltéskor.

Kérdések:

  1. Mennyire ok, ez módszer, nincs-e benne valami buktató, amit benéztem?
  2. Van-e más lehetőség?
    • Css kilőve, egy likeboxnál még keservesen be lehet jól sminkelni, de egy fb_commentnél már kizárt.
    • Valami jquery vudu, amivel az iframen belül lehet babrálni? Ezzel megint olyan gázt érzek, hogy az fb azért a szélesség paraméter alapján elég sok mindent kiszámol. Szóval ez valahogy a dokumentum betöltése előtt jöhet szóba, tehát nem kizárt.
    • Valami a facebook apiban?

Hozzászólások

Many thanks really useful.

Many thanks really useful. Will share site with my good friends.

Great Webpage, Keep up the

Great Webpage, Keep up the useful job. With thanks.|

billiga fotbollströjor

Extremely interesting looking

Extremely interesting looking forth to coming back again.

Wow, beautiful site. Thnx ...

Wow, beautiful site. Thnx ...

stayhere. bestgamer.

mohaaaa. khda.kr.

clevio. khda.kr.

chalous118.

maplelost. unisotong.

nevershutdown. ankorona.

kcwzz. berkaybozkurt.

Wow because this is really

Wow because this is really helpful work! Congrats and keep it up.

I treasure the info on your

I treasure the info on your internet site. thnx!

pyosewook. chilekawaii.

js-pcb. sodeistvieomsk.

marlbhouse.

infinity-october.

I adore this site - its so

I adore this site - its so usefull and helpfull.

smertforum. langroud118.

marlbhouse. campuscreators.

gloriabuzau. ttlink.

say thanks to so a lot for

say thanks to so a lot for your site it helps a whole lot.

samsung. blueskyinvest.

ptamartamedia. maplelost.

blueskyinvest.

Hey there! Quick question

Hey there! Quick question that's totally off
topic. Do you know how to make your site mobile friendly?

My weblog looks weird when browsing from my iphone4.
I'm trying to find a theme or plugin that might be able to
fix this issue. If you have any recommendations, please share.
Appreciate it!

I adore this website - its so

I adore this website - its so usefull and helpfull.

I adore this website - its so

I adore this website - its so usefull and helpfull.

phu-waing. stayhere.

menzilforum. dnn-services.

I wish to express thanks to

I wish to express thanks to you for bailing me out of such a challenge. After surfing through the the web and obtaining suggestions that were not pleasant, I figured my entire life was well over. he factors that I fully don’t agree with you on don’t fit my common sense. http://khelomcx.com/

Thank you so much for sharing

Thank you so much for sharing your great webpage.

dhc2016. uludagotoservis.

elitelaunch. book-dream.

jabulaniholdings.

Hi to every body, it's my

Hi to every body, it's my first visit of this web site; this webpage carries awesome and
actually fine data in favor of visitors.

Thanks really handy. Will

Thanks really handy. Will certainly share site with my friends.

edu. stayhere. steerhome.

borsalino-verbier.

smertforum. nevershutdown.

I want to to thank you for

I want to to thank you for this excellent read!! I certainly enjoyed every little bit of it.
I have got you book-marked to check out new stuff you post…

Thanks really valuable. Will

Thanks really valuable. Will share site with my pals.

shegoday. unisotong. vc-mp.

lapenavigevano.

whoah this blog is

whoah this blog is magnificent i like studying your articles.

Keep up the great work! You know, lots of individuals are hunting
around for this info, you could help them greatly.

Wow, lovely site. Thnx ...

Wow, lovely site. Thnx ...

Hozzászólás

A mező tartalma nem nyilvános.
  • Internal paths in double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or relative path.
  • Engedélyezett HTML elemek: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <del> <img>
  • A webcímek és email címek automatikusan linkekké alakulnak.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
  • Engedélyezett HTML elemek: <a> <blockquote> <br> <cite> <code> <dd> <del> <div> <dl> <dt> <em> <li> <ol> <p> <span> <strong> <ul>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <bash>, <c>, <cpp>, <drupal5>, <drupal6>, <java>, <javascript>, <mysql>, <php>, <python>, <ruby>, <sql>. The supported tag styles are: <foo>, [foo].
  • Minden email cím át lesz alakítva ember által olvasható módon, vagy (ha a JavaScript engedélyezett) ki lesz cserélve kattintható, de biztonságos hivatkozásra.