Изражавајући ИТ

Јуче, као и свака друга "Дан Копнене Хог", радио сам на неким ЦСС / Таблелесс распореда. Све је добро иде у ИЕ 7, ФФ и Цхроме 3, До изненада, видела сам неке УН-игнорабле маргине види само у Гоогле Цхроме. Иако је веома чудно и ворринг, то је нека нова грешка / проблем који сам дошао аццросс, коначно постоји неки зачин у мом раду световног. Саду (али леп) добила је фиксиран у року од неколико минута сонде ...

У суштини, изгледало је као Гоогле Цхроме игнорисао моју ЦСС ресетује (маргина: 0пк). То је заправо изазвана стилова корисника агента (ВебКит-бордер-Старт: 40пк). Дакле, решење је да вратите овај стил постављањем паддинг: 0 лоше понаша и елемената.
Добар начин да се спречи овај проблем из дешава на било који елемент је користити глобалну ЦСС Одмор на следећи начин

* {Маргин: 0; паддинг: 0;}

Шта је Усер Агент Стиле Схеетс (спецификација)?
Следећи одломак је узет из хттп://меиерт.цом/ен/блог/20070922/усер-агент-стиле-схеетс/~~ХЕАД=побј , следите линк да прочитате више о Усер Агент Стиле Схеетс

ЦСС 1 уводи идеју наводећи да ће сваки корисник агента (УА, често 'Веб бровсер' или 'Веб клијент ") имају лист подразумевани стил који представља докумената на разуман - али вероватно овоземаљско - начин. ЦСС 2 каже да складу са одговарајућим ЕН кориснички агенти морају да се пријаве лист Дефаулт Стиле (или се понашају као да јесу) и да подразумевани стил корисничког агента лист би требало да представи елементе докумената језика на начин који задовољавају опште очекивања презентацију докумената језику; ЦСС! 3 је вероватно да ће бити истог ума.

Пошто су ЦСС спецификације оставити до имплементације да ли да користе "прави" стила за подразумевани приказ или не, није зачуђујуће да не пронађете лист подразумевани стил у инсталационом фолдеру сваке претраживача. За разлику од Интернет Екплорер компаније Мицрософт, као и Опере, на пример (и колико ја знам), Гецко претраживачи као што су Фирефок и Нетсцапе Навигатор (погледајте за "хтмл.цсс"), али и Конкуерор чини прилично једноставан за схватити њихов подразумевани стил.

То они стара школа, али као и обично је моја меморија додатак ...
Тако је онемогућен = "труе" и онемогућио = "труе" Да исто?
Не верујем ..., добро! Тхатс начин је то ... овде је неки брз објашњење ...
"Инвалид" је атрибут било ком облику елемента / области и самим тим може да прихвати неку вредност по својој природи.

Све док овај атрибут је присутан, елемент ће бити онемогућен без обзира на његову вредност. за нпр.
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед>
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед="дисаблед">
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед="труе">
<инпут типе="тект" валуе="Тхис је дисаблед" дисаблед="фалсе">

Све горе ће ова форма поље "ДИСАБЛЕД".

Једноставно не пружа атрибут "ДИСАБЛЕД" држи Поље "недостацима" ... као испод

<инпут типе="тект" валуе="Тхис није дисаблед" />

Запамтите "Било која вредност или нема вредност (уопште) инвалидног атрибута, бровсер ће то учинити онемогућено". Да би ствари јасно у нашој Миндс В3Ц препоручује да користимо онемогућено = "инвалиди" у оваквим ситуацијама.

То је разлика мада када користимо овај атрибут у јавасцрипт ...

доцумент.форм.елемент.дисаблед = труе; / / елемент ће бити искључен
доцумент.форм.елемент.дисаблед = труе; / / елемент ће бити омогућено

Наведени аргументи су такође важи и за ових атрибута и елемената:

• цхецкед (радио дугме и поље за потврду)
• изабран (опција)
• новрап (ТД)

Гоогле почиње кретању хитних људи одбацити ИЕ6 ... До ометања ИЕ6 корисницима са ПОПУП на Паге Лоад ... не могу бити веома добра идеја ... али као програмер УИ, морам да се придруже овој караван бенд ... један мање претраживач за мене брине Жао нам је себичан ... је то! али сам укључити овај ЈаваСцрипт ... (Пробајте ову страницу у ИЕ6) ...
Хеј! и на светлију ... Погледајте напомену да је екран моћи ЈАВАСЦРИПТ .... она чак може да донесе низ гиганта (или када је био)

Дакле ... Помоћ ослободи свет од ИЕ6 са једне линије ЈаваСцрипт!

хттп://цоде.гоогле.цом/п/севенуп/

Са другог прегледача да се брине од сутра! (ИЕ8 долази из њеног Бета Државне сутра) ... Његова стварно крајње време ИЕ6 дат своју дугу Дуе Мерци смрт ... Велика стојимо за пад ИЕ6

"ИЕ6 је нови Нетсцапе 4. У Хацкс потребне да подржи ИЕ6 све више посматра као вишак терета. Као Нетсцапе 4 2000, ИЕ6 се сматра да се кочи интернет. "

Џеф Зелдман, стандарди Гуру

А у међувремену за оне попут мене који ће бити преплављени позивима разбијање ЦСС распореде у ИЕ8, овде је стари рад око / поправити помоћу Мета Тагс (мета хттп-екуив = "Кс-УА-Цомпатибле") можете да покушате ...

Мис-понашају ИЕ8: ЦСС Лаиоут бреакагес (Циљање на верзију претраживача помоћу мета тагова у ИЕ8)

Херес још мало пеице ЈаваСцрипт-трикова да сам морао да копају око, јер ситуација је цомманед. У једном од мојих сајтова, имао сам ову ситуацију где сам два пута морао да спроведу "виндовс.онлоад". Прва ствар да би дошао до неискусног ума као што је мој (морам искрено рећи да, пошто сам био користећи ЈаваСцрипт оквире и библиотекама, ја сам форготтон да једноставне ствари на своју руку ... тужно али истинито), је следећа метода ...

 виндов.онлоад = онлоадфн1;
 виндов.онлоад = онлоадфн2;
 виндов.онлоад = онлоадфн3;
 итд ..

Жао нам је рећи, али то неће радити ... донт желе да разговарају о науку извршење искључили Јавасцрипт много ... али у складу са мог недавног искуства, само последња функција (онлоадфн3) ће лоше ствари се извршава.

У нормалним ситуацијама, за разлику од рудника (који ћу говорити о томе мало касније) ... могли сте да урадите неку од следећих радњи да изврши мутлипле онЛоад функције ....

Или нешто овако

 доОнЛоад функција () {
         онлоадфн1 ();
         онлоадфн2 ();
         онлоадфн3 ();
 }
 виндов.онлоад = доОнЛоад;

За моју тренутну ситуацију, ја не могу да користе од горе ...
Зашто морам да позовем виндовс.онлоад два пута, а да позивање две функције у оквиру једне онЛоад функцији? Овде је брз поглед на мој проблем изјави ...

"Моји Сите странице су структуиране као УордПресс Тема .... тј постоји заједнички Хеадер.пхп и Фоотер.пхп која бива укључена у све сајта страницама. Постоји онЛоад функција имплементаион у Фоотер.пхп да урадите неке заједничке функције онЛоад. И постоји неколико страница које треба да нешто сопственог онЛоад, осим оних који су радили на заједничком онЛоад функцији. Ако сам доделите повратни функцију директно на виндов.онлоад руковалац, она ће преко-вози претходно додељене повратних позива у Фоотер.пхп "

.... Да ли је мој проблем схватио ?

Добро! постоји неколико решења која сам нашли. Сви они су веома слични и углавном имплементионс од решења које је добио од Симона Виллисон ( хттп://симонвиллисон.нет/2004/Маи/26/аддЛоадЕвент/ ) ...

Решење:

Једноставно додајте овај јавасцрипт код на сајт ...

 Функција аддЛоадЕвент (фунц) {
     вар = олдонлоад виндов.онлоад;
     ако (типеоф виндов.онлоад = 'функција') {
        виндов.онлоад = функ
     Елсе {}
        виндов.онлоад = фунцтион () {
            ако (олдонлоад) {
                   олдонлоад ()
           }
           фунц ()
        }
    }
 }

И назовите га уместо уобичајеног "виндовс.онлоад"

 аддЛоадЕвент (ФунцтионТоРунОнПагеЛоад);
 аддЛоадЕвент (фунцтион () {
 / * Више кода * на Паге Лоад
 }); 

Предности овог фрагмент кода ...
1. Пре свега, то вам омогућава да имате више виндовс.онлоад догађаја, позвао из одвојених делова вашег кода, без оверриддинг претходну дефиницију
2. То је заиста ненаметљив. Може се сместити у датотеку са другим скрипти или у посебном фајлу.
3. Он ради чак и ако виндов.онлоад је већ постављена.

Још један брзи тут. Овде је нешто једноставно и лепо Користећи моћ ЦСС ... али је било тешко цонциеве (и то сигурно нисам ја) да се почне са. Додавање Дропсхадов, можда пеице колача за многе од нас, користећи неку слику као што су алатке за обраду Пхотосхоп АНФ Фиреворкс итд
Разлог зашто сам се определила за дроп сенке помоћу ЦСС је да, обично при прављењу странице дизајн / ХТМЛ код апликације, захтеви задржати итератинг. Хоћу да кажем, У постојећем веб сајт са пуно слика, попут оних које приказују фреиндс листу или галерију слика, то ће бити тешко да репроцесс цео оптерећења од слика које су већ истоварени да додате или уклоните сенке, за које ствар.
Дакле, ако сте урадили мало напред размишљања, док стварање ХТМЛС да додате ове додатне дивизије или обично је ситуација да имате петљу логике генерисање ове иконе / сличице у КССЛ, ПХП. ЈАВА или било који други програм / скрипт језик, можете га додати у било које време, онда је само питање емисије и скривао ове сенке помоћу ЦСС Дисплаи имовину, као по клијенте икада мењају услове ... Ја хавн'т урадио ову врсту размишљања напред пре тога ... али ахев почео сада!

У следећем примеру, оригинална слика је сенка бесплатан и дропсхадовс се примењују по потреби! Такође, сам отишао мало више, користећи трикове мог ранијег тут (Велл! ово вероватно најкраће сорта туторијала, тако да је оправдано само називајући их "Тут" 'а) око Коришћење ЦСС Цлип објекат за покажете само

Оригинална слика

ЦСС ДропСхадов Резултати

Погледај Демо се | Довнлоад соурцефилес

Зашто желим да разумем ово? Хумм ...!

Већина писаца ЦСС сложити да ЦСС цлип имовина је вероватно један од највише коришћених УН-ЦСС својства. Било је тако истина и за мене и био најсрећнији да га занемарују, док нисам почео допунама МооТоолс ДВА дугме (ПИН) клизача компоненту са опсега степена) .

Постојао је добар предлог једног од саставних корисницима да измените компоненту клизача користећи поткресаног бацкгроуд слике (против променљиве ширине поделе) да укаже на опсег клизача. Тако је дошао мој тренутак да уђу у забавно, али УН-овлашћених (за мене наравно) воде на ЦСС Цлип имовине.

Добро! Колико тешко може бити? Није уопште много ... ДА и НЕ. Синтакса за коришћење ЦСС Цлип имовине је веома усправно, али значење / усуаге је мало црооцкед. Са меморијом као што је моја, несто сам да седим обрадом на мом клизачем скрипте ... Имам токееп мислећи назад на коришћење овај клип имовине, да се подсетим логику да сам створио, у мом писму .... Отуда! Сматра се да оловком га, са надом да запамтите да будућност (као и за добробит оних који су изгледа запањен по ЦСС Цлип имовини)

Шта ЦСС цлип ради?

Клип је део визуелне ефекте модулу ЦСС 2.1. Једноставно речено, њен задатак је да ставите видљив прозор на врху објекта која се прикачен, па цлиппинг фотографија и креирање сличице, без потребе да креирате додатне датотеке (што сам већ ставио ову функцију да боље употреби на клизачу компоненте )

Коришћење ЦСС Цлип имовине, можете да креирате исечак користећи рецт облик. Као и многе друге ЦСС својства (као маргина, Преграда итд), користећи рецт захтева четири координате врх, десно, доле, лево (ТРБЛ). Црооцкед природа овог имовине одражава када изблиза погледате снимак како се израчунава клипинга регион, помоћу ова четири координате (мозак шаље у жреб за неко време). Сада да вас збуни дно почиње од врха, као и право почиње са леве стране. . Видиш шта сам рекао? .... Дакле овај пост ...

Ова мала конфузија може лако нестати, са овим визуелним објашњење ЦСС Цлип / рецт имовине као испод!

ЦСС Цлип Захтеви

Задатак смо почели да је снимак на следеће сличице у скуарер гледа слике (као и широкоугаони слика)

Оригинални Тхумбнал / Слика	Цлип Захтеви за Скауре Тхумбмаил

ЦСС Цлип Резултати

Погледај Демо се | Довнлоад соурцефилес

Понекад да пагевеигхт доле ... ми смо подељени у фрагментима наше скрипте ... Ови фрагменти јавасцрипт може да се учита као и када је то потребно (на неком догађају или кликом на линк или дугме итд).

Лоадинг Јавасцриптс динамички је прилично једноставна и равно напред испод ...

= “text/javascript” > <Сцрипт типе = "тект / ЈаваСцрипт">
Функција лоадНевСцрипт (извор) {
вар а = доцумент.цреатеЕлемент ('писмо');
с.сетАттрибуте ('тип', 'тект / јавасцрипт ");
с.сетАттрибуте ('срц', извор);
доцумент.боди.аппендЦхилд (а);
}
</ Сцрипт>

и можете имати следећи линк позива било где у телу, или можете имати ову скрипту "онЛоад" од самог документа ...

= “javascript:loadNewScript('myDynamicScript.js');” >Load Dynamic Script</ a > <А хреф = "јавасцрипт: лоадНевСцрипт ('миДинамицСцрипт.јс');"> Динамичка оптерећења скрипте </>

или

<боди онлоад="лоадНевСцрипт('миДинамицСцрипт.јс');">

Ако сте ЦСС особа, требало би да знате бол у добијање своје радне распореде унакрсно бровсер. ИЕ8 је још један кључ у ради за нас програмере. Аниваз! ако погодите на овом питању, као што сам урадио јуче, где је ваш савршено ради ЦСС у ИЕ7 (и раније) и Фирефок је изненада почели да бацају озлојеђено у ИЕ8, пробајте ово ... То је лепо изгледало да решите своје проблеме у овом тренутку ....

Користећи Мете декларације, можемо навести рендеринг енгине желимо ИЕ8 за коришћење. Тако да натера да донесе ИЕ8 као ИЕ7 ... Убаците следећу метаознаку у глави документа: -

<мета хттп-екуив="Кс-УА-Цомпатибле" цонтент="ИЕ=7" />

По подразумеваној вредности ИЕ Мета би била: -

<мета хттп-екуив="Кс-УА-Цомпатибле" цонтент="ИЕ=8" />
што би ИЕ8 рендерује страницу користећи нове стандарде режим.

Ако је потребно, ова синтакса може да се користи да се прими за другим прегледачима као што следи:

<мета хттп-екуив="Кс-УА-Цомпатибле" цонтент="ИЕ=8;ФФ=3;ОтхерУА=4" />

ВИШЕ О ДОЦТИПЕС:

АКО сте још увек нисте упознати са врстом животиња под називом "ДОЦТИПЕ" ... овде је неки брз чита
Шта су ДОЦТИПЕС? Шта су БРОВСЕР КУИРКС и ОДРЕЂЕНОЈ Моде?
Подешавање ДОЦТИПЕ у КССЛ

За више у дубину разумевања о ДОЦТИПЕС, покушајте да посетите ове линкове ...
Списак Апартман: Поправите свој сајт са добром ДОЦТИПЕ!
Списак Апартман: Иза ДОЦТИПЕ: Веб стандарди, Напред компатибилности и ИЕ8

Напомена: Иако су многи од нас ХТМЛ / ЦСС људи били занемарујући значај ДОЦТИПЕ децлератион у нашим документима, Подешавање праву ДОЦТИПЕ, обично је одговор на већину питања цросс-бровсер.

Са разних Цароуселс тамо, за многе Моотоолс као добро, ја ипак одлучио да напише сопствену Цласс Рингишпил, за неких добрих разлога
1. Желео пејџинг функцију (да би могли да скочи одређени слајд / корак у карусел).
2. Вантед слобода са пласманом на левом и десном тастеру / линкови, где год хоћу.
3. Више контроле над слајдова корака.

Ја сам успео да створи нову карусел, са наведеним карактеристикама ... као испод ... Слободно да предложи било какве измене које би захтевале!

Мом примеру изгледа овако ... [ Погледај демо ]

Погледај Демо се | Довнлоад Моотоолс карусел Са пејџинг Версион 1.0 (Довнлоадед 2006 тимес)

1. Рингишпил Пејџинг

Можете лако да додате пагинг то иоур карусел, једноставно постављање пејџинг заставу, која је прошле паратер прошао приликом креирања инстанцу МооЦароусел на тачно желите (пејџинг) или фалсе (донот желе пагинг).

вар = цароусел1 нови МооЦароусел ('цароусел1_враппер', 'цароусел1_итемс_цонтаинер', 'цароусел1_мовелефт "," цароусел1_моверигхт ", ц_нс, ц_ссс, труе); / / НС = број слајдова, ССС = слајд корак величина

И наравно можете да промените изглед-Н-стил ових пејџинг ацхорс што Вас изменом њиховог ЦСС.

Цароусел_пагинг {тект-алигн: лефт; паддинг: 10пк 0 0 5пк;}.
Цароусел_пагинг струја, цароусел_пагинг страна {Оутлине: нико, ширина:.... 15пк; висина: 15пк; лине-хеигхт: 15пк; тект-алигн: центер; дисплаи: блоцк; флоат: лефт; бацкгроунд: # Д8Д8ЕБ; маргин: 0 1пк 0 0; тект-алигн: лефт;}

Цароусел_пагинг: ховер, цароусел_пагинг струја {бацкгроунд: # 4Д4Д9Б; цолор: # фффффф;}...

Добро! мада постоји мали проблем, Тхе пејџинг сидра, ако скуп, онда ће се увек генерисана после Рингишпил компоненте. Желео сам да га као динамичан, али онда само да скрипту за дување од пропорција, одлучио сам да га прескочите.
Али, знате мало Јавасцрипт, можете лако да измените код пејџинг генерације у МооЦароусел класе молимо да ваше потребе.

2. Прилагођавање на леви и десно иконе

Можете променити СМЕШТАЈ, слике или било дисплат имовину Лево и десно дугме просто играјући около са ЦСС. да би могли да промените пласман на Лево и Десно буттомс био стварни разлог за мене да прави мој нашем Рингишпил класе.
Пошто је ово МооЦароусел класа, прихвати ИД је ових тастера, можете заправо да постави ове Дугмад било где на страници, ако се молимо ... не мора да буде елемент у хијерархији, као у мом примеру.

вар = цароусел1 нови МооЦароусел ('цароусел1_враппер', 'цароусел1_итемс_цонтаинер', 'цароусел1_мовелефт "," цароусел1_моверигхт ", ц_нс, ц_ссс, труе);

ЦСС
. Цароусел_цонтаинер_л, цароусел_цонтаинер_р {маргин: 50пк 0 0 0; позиција: релативна, ширина: 23пк; висина: 20пк; флоат: лефт; курсор: показивач;}.

Цароусел_цонтаинер_р {бацкгроунд-позиција: 0-38пк;}.

Цароусел_цонтаинер_л {бацкгроунд-позиција: 0-58пк;}.

3. Прилагођавање слајдова Кораци

Шта мислим МИ Прилагодјавање КОРАЦИ слајду?
Већина Цароуселс повуците пун видљивог прозору. Дакле, кажете да сте имали четири ставке (као у мом узорку горе), то ће померите све четири ставке. Са овим Рингишпил компоненте, можете проћи број слајдова и величину корак по свом избору.

вар = цароусел1 нови МооЦароусел ('цароусел1_враппер', 'цароусел1_итемс_цонтаинер', 'цароусел1_мовелефт "," цароусел1_моверигхт ", ц_нс, ц_ссс, труе);
ц_нс = број слајдова, ц_ссс = слајд корак величина

Такође, у мом екампле1 сам цалцутед слајд корак величину, заснована на логици где, знам број ставки, ширину по свакој ставци и маргине које су дате после сваке ставке у мом ЦСС.

/ * За банчење 1 * /

вар ц1_в = 92; / / банчење Артикал Ширина

вар ц1_н = 10; / / укупан број ставки Цомпарисион банчење

вар ц1_пп = 4 / / Број Цомпарисион ставке банчење перпаге

вар ц1_маргинФацтор = 51;

вар = ц1_ссс ц1_в * ц1_пп; / / ССС = слајд корак величина

вар = ц1_нс парсеИнт (((ц1_в * ц1_н) / ц1_ссс) + .5); / / НС = број слајдова

ц1_ссс + = ц1_маргинФацтор; / / ССС = слајд корак величина, за 51 маргинама

Захтеви: Моотоолс 1.2

Погледај Демо се | Довнлоад Моотоолс карусел Са пејџинг Версион 1.0 (Довнлоадед 2006 тимес)