eKloe.com - Kubuntu User

jQuery: Validace “Like Button” pro Facebook

by LucaS on May.28, 2011, under JavaScript

Určitě jste zjistili, že po aplikování LIKE BUTTON pro FACEBOOK Vám validátor hlásí, že stránka není validní a problém je právě v tlačítku pro Facebook.

Problém je v atributu allowTransparency. Ten podle standardu W3C nemá co dělat v tagu IFRAME. Pokud se tento atribut smaže, ve Firefoxu a jiných prohlížečích kromě Internet Exploreru (zkoušeno do verze 8 ) je vše OK. IE ale zobrazí tag jako neprůhledný, což může být občas problém.

Takže smažte atribut a pak lze vyřešit jednoduchým jQuery zápisem:

$(document).ready(function () {
  $(".likebtn").attr('allowTransparency', 'true');
});

IFRAME se načítá jako neprůhledný, po dokončení načítání stránky jQuery k IFRAME doplní atribut allowTransparency a pozadí tagu zprůhlední.

Vyzkoušeno například zde: www.slevkov.cz

Pokud byste měli jiné funkční řešení třeba pomocí CSS, sem s ním…


:
2 komentářů:
  1. pEeLL

    tohle je vazne PRASARNA! pridate zbytecne js aby jste dosahly stejneho vysledku jako na zacatku. to ze validator js neprelozi a ukaze stranku validni je vec vedlejsi. vite vubec kcemu validita slouzi? FUJ!

  2. LucaS

    Myslím, že malý “hack” ještě nikoho nezabil… 100% funkční řešení pomocí CSS se mi nepodařilo, proto jsem psal, zda má někdo jiné řešení. Btw, někdo hledá způsoby, jiný důvody …

Odpovědět

Hledat: