Усплывальныя падказка: функцыі і спосабы стварэння

Усплывальныя падказка ўяўляе сабой тэкставае паведамленне, якое ўзнікае пры навядзенні паказальніка кампутарнай мышы на які-небудзь элемент кіравання. Падобныя паведамленні часцей за ўсё можна сустрэць на розных інтэрнэт-рэсурсах падчас запаўнення палёў формы, чытання дакументаў з абрэвіятурай і да т.п. З падобнымі падказкамі таксама прыходзіцца сутыкацца супрацоўнікам розных арганізацый пры запаўненні дакументаў і справаздач, прадстаўленых у электронным выглядзе. Усплывальныя падказкі ствараюцца з адной мэтай - даць дадатковую інфармацыю і дапамагчы карыстачу разабрацца, з чым ён мае справу. Стварэнне іх адрозніваецца ў залежнасці ад таго, дзе дадзены элемент будзе размешчаны.

Спачатку паспрабуем разабрацца, як ствараюцца падказкі ў аналітычнай вобласці дзейнасці, часта якая выкарыстоўвае разнастайныя табліцы і графікі.

Прыклад стварэння ўсплывальнай падказкі ў табліцы:

- адкрываем дакумент у рэдагуемым рэжыме або ў рэжыме распрацоўкі;

- дадаем у яго новы элемент кіравання (гэта можа быць малюнак, тэкставае поле, прамавугольнік);

- пстрыкаем на дадзеным элеменце кіравання правай кнопкай кампутарнай мышы, выбіраем у якое з'явілася пасля гэтага спісе пункт «Уласцівасці і фарматаванне», далей адкрываецца акно з аднайменнай назвай;

- выбіраем параметр «Агульныя», размешчаны злева, у якое з'явілася пасля гэтага полі «падказкі» набіраем патрэбны нам тэкст, які і будзе ў ёй адлюстроўвацца;

- націскаем «Ок» для таго, каб завяршыць рэдагаванне дакумента.

Зусім інакш ідзе справу з падказкамі, якія прымяняюцца на старонках сайтаў. Стварэннем іх займаюцца вэб-распрацоўшчыкі, як правіла, тыя, хто займаецца вёрсткай сайта, то ёсць перакладзенай яго макета на мовы, зразумелыя любому сучаснаму інтэрнэт-аглядальніку. Для падобных мэтаў часцей за ўсё прымяняецца спецыяльная бібліятэка jquery, усплывальныя падказкі з дапамогай яе могуць быць створаны дастаткова хутка. Дадзеная бібліятэка ў якасці асобнага дакумента лёгка і проста падключаецца да асноўнага html-дакументам старонкі сайта. У залежнасці ад задумы дызайнера падказкі могуць адрознівацца памерам, колерам, спосабам з'яўлення на экране карыстача. Стандартная усплывальныя падказка часцей ужываецца для прыцягнення ўвагі наведвальнікаў якіх-небудзь сур'ёзных парталаў (медыцынскага, будаўнічага) і ўяўляе сабой невялікае акно з размяшчаюцца ўсярэдзіне яго тэкстам.

Стварэнне ўсплывальнай падказкі магчыма з дапамогай каскадных табліц стыляў (css) без выкарыстання пры гэтым бібліятэкі jquery. Css з'яўляецца фармальным мовай апісання знешняга выгляду дакумента. З яго дапамогай старонкі сайта набываюць выгляд, які першапачаткова задумваўся дызайнерам. Каскадныя табліцы стыляў дазваляюць змяняць знешні выгляд любога элемента старонкі, яго становішча адносна вокны браўзэра і іншых элементаў, афармляць дадзеныя элементы ў адпаведнасці з макетам сайта, хаваць іх і забяспечваць іх з'яўленне па меры неабходнасці. Дакумент Css, як правіла, выносіцца за межы асноўнага дакумента старонкі сайта і падключаецца да яго з дапамогай спецыяльнага тэга.

Усплывальныя падказка: jquery або css?

Падказкі, створаныя з ужываннем css, могуць адрознівацца вялікай арыгінальнасцю вонкавага афармлення. У той жа час выкарыстанне бібліятэк jquery дазваляе ўжываць да элемента асаблівыя спецэфекты. Акрамя таго, падлучэнне бібліятэкі - працэс нетрудоемкий і не патрабуе вялікай колькасці часу. Якім спосабам ствараць ўсплывальную падказку на старонцы сайта, кожны спецыяліст вырашае для сябе сам. Больш за тое, звычайны карыстальнік дадзенага сайта, як правіла, не задумваецца над тым, як менавіта былі створаны складнікі яго элементы. Дарэчы пра перавагі выкарыстання бібліятэк jquery, навошта вынаходзіць ровар, калі можна проста трохі палепшыць тое, што ўжо вынайдзена?