Előfordulhat, hogy egy TextArea-ban a Tab gomb lenyomásával azt szeretnénk, hogy ne a következő elemre ugorjunk, hanem az adott helyre szúrjunk be egy "\t" –t.
Legegyszerűbb, ha nem a TextArea-t módosítjuk, hanem egy plugin-nal egészítjük ki.
Minap egy olyan problémába ütköztem, hogy a Tab gomb lenyomása utána IE alatt nem ott volt a kurzor, ahol annak lennie kellett volna... megtalálásában a document.activeElement változó volt a segítségemre.
Ha nincs semmiféle csili-vili IE segédeszközünk, akkor is az url helyére beírhatjuk, hogy:
Firefox 7 telepítése után meglepve láttam, hogy az egyik táblázatomban az ikonok helyén három darab pont volt csak látható. Először azt hittem, hogy a képekkel van valami probléma, majd kis vizsgálat után észrevettem, hogy már a Firefox is ismeri a text-overflow: ellipsis; CSS szabályt.
Ennek örülünk, a méretezést meg pontosítani kell mindenhol... :)
Explorer-ben egy iframe-nek hiába adunk átlátszó hátteret, attól még az nem lesz átlátszó. Alapértelmezetten nincs engedélyezve az átlátszóság...
Ha egy SliderField-nél a csúszkát mozgatjuk, akkor megváltozik a hozzá tartozó z-index értéke.
(A SliderField is a MultiSlider elemet használja, ahol több thumb elem is használható, így szükséges, hogy mozgatás közben az aktuális elem magasabban legyen, mint a többi)
Az nem világos, hogy miért kell alapértelmezetten ilyen extrém nagy értéket (10.000) megadni ennek a z-index-nek? Egy ablak alapértelmezetten 9.000 körüli z-index-et kap.
Példa itt: stack.hu/extjs/slider_zindex.php (csúszka mozgatás, majd ablak ráhelyezés)
A MultiSlider egyik paramétere, hogy mekkora értéket kapjon a z-index, ennek felülírásával javítható ez a probléma.
Javított verzió megnézhető itt: stack.hu/extjs/slider_zindex.php?fix
Sajnos az IE 9-nek van egy kis problémája az ExtJS-sel: Error: Object doesn't support property or method 'createContextualFragment'. Adjuk hozzá a hiányzó metódust:
Nemrég játszottam egy kicsit a Google Web Fonts rendszerrel.
Egyszerű és nagyszerű technológia. :)
Sajnos szembesülnöm kellett azzal, hogy a különböző böngészők a font-family értékét JavaScript-ben nem ugyanúgy kezelik. Főleg, ha az adott betűkészlet még nincs is betöltve.
Egy egyszerű CSS szabály:
Két lekérés. Az első elem a fenti CSS osztályt kapja meg, a másik elem style-ból kapja meg ugyanazt.
Eredmények:
Mostanában volt szerencsém foglalkozni a HTML5-féle videó megjelenítéssel. Egyelőre nagyon felemás véleménnyel vagyok róla.
Firefox valamiért nem támogatja a loop paramétert, ám egyszerűen helyettesíthető a befejezés esemény lekezelésével. onended="this.play();"
Azt tapasztaltam, hogy sokan csupán azért használják az ExtJS-t a JQuery könyvtárral, mert úgy gondolják, hogy azzal egyszerűbb a szelektorok használata, a CSS módosítás vagy éppen az animáció.
Pedig ezeknek mind létezik az ExtJS-es megfelelője:
DOM Basic + CSS:
Effektek + Animáció:
