Як зрабіць спойлер. варыянты

Жадаючых ствараць сайты цяпер вельмі шмат. Большасць карыстальнікаў вучыцца гэтаму самастойна, выкарыстоўваючы розныя крыніцы. І, вядома, існуюць паняцці, пра якія будучыя ўладальнікі нават і не чулі. Але ўжо калі ўзяліся за справу, то вывучаць яго трэба дасканала. Таму ў артыкуле будзе падрабязна разгледжана пытанне аб тым, як зрабіць спойлер на сваім рэсурсе.

Пачнем, натуральна, з самога паняцця, што гэта такое і для чаго дадзены аб'ект спатрэбіцца. Такім чынам, даволі часта на сайтах прысутнічае інфармацыя рознага роду, якую (па розных прычынах) трэба першапачаткова схаваць ад наведвальнікаў. Праўда, не так каб яе зусім не паказваць, а проста прадастаўляць толькі па жаданні. Вось спойлер ў html як раз для гэтага і выкарыстоўваецца. Ён захоўвае першапачаткова схаваны кантэнт для сайта. Але гэта ніяк не адлюстроўваецца пры ранжыраванні рэсурсу пошукавымі сістэмамі, так як для іх гэтая канструкцыя адкрыта і негатыўнага ўплыву не назіраецца. Любая прыхаваная інфармацыя раскрываецца пры кліку на паказаную спасылку.

Акрамя таго, як зрабіць спойлер, вельмі многім цікава, а з якой мэтай ён робіцца? Часцей за ўсё для знешняй прыгажосці рэсурсу. Возьмем, напрыклад, сайт, дызайн галоўнай старонкі якога не прадугледжвае размяшчэнне тэксту вялікага памеру. А ўладальніку трэба, каб пашукавікі рэсурс прасоўвалі, таму кантэнт павінен быць аб'ёмным (памер артыкула можа згуляць значную ролю). Вось і прыходзіць на дапамогу стварэнне спойлера. Яшчэ яго выкарыстанне падыдзе для ўтойвання дапаможнай інфармацыі, ці таго, што не заўсёды хочацца чытаць.

Далёка не ўсім хочацца іх чытаць, але ад іх нікуды не падзецца. Існуе спосаб, які дапаможа зберагчы наведвальнікаў ад дадзенага чытва. Гэта стварэнне кнопкі, якая хавае любога віду спойлер на форуме, у артыкуле і да т.п. Стварыць яе можна па-рознаму. Прасцей за ўсё пры дапамозе html-кода input class = "button". Спачатку трэба толькі пераканацца, што пры даданні інфармацыі падтрымліваецца ўстаўка кода, і калі так, то кнопка пачне працаваць адразу пасля ўстаўкі ў патрэбнае месца тэксту.

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

А цяпер разбяром гэтую ж функцыю, але толькі ўжо для сайта, зробленага для WordPress. Прасцей за ўсё тут выкарыстоўваць убудова Advanced Spoiler, які лёгка спампаваць са шматлікіх рэсурсаў. Яго ўстаноўка стандартная:

- распакаванне архіва на сваім кампутары;

- падлучэнне да сайта пры дапамозе фтп-кліента (самы папулярны - Total Commander);

- запампоўванне файла на свой хостынг;

- у адмінку сайта, шукаем раздзел «Убудовы - неактыўныя» і актывуецца зноў усталяваны. Пасля выкананых дзеянняў ён пачне працаваць. Цяпер, дадаючы матэрыял у любым рэдактары, як у візуальным, так і ў html, будзе бачная кнопка «Spoiler». Даданнем патрэбнай інфармацыяй паміж тэгамі [spoiler] [/ spoiler] і ствараецца спойлер. Калі ўладальнік нядрэнна разбіраецца, убудова можна ледзь пераналадзіць.

І яшчэ адзін спосаб, як зрабіць спойлер на сайце. У першую чаргу трэба падключыць бібліятэку jQuery і так званую «прыблуду» JS, якая патрабуецца для таго, каб спойлер згортваўся і разгортваўся больш ці менш плаўна. На патрэбнай старонцы сайта, у адміністрацыйнай панэлі, паміж тэгамі размяшчаецца патрабаваны код. Далей, каб функцыя па змаўчанні была зачыненая, у CSS-файл дадаецца радок .splCont {display: none; padding: 3px 5px;}. Калі няма такога дакумента, гэта не гэтак страшна. Надпіс можна змясціць у любым месцы прама ў самім тэксце, галоўнае - да размяшчэння самага спойлера. І, нарэшце, паміж ... змяшчаецца сам код ўтойвання інфармацыі.