Проект фактично являє собою онлайн сховище вільно поширюваного програмного коду. Свої розробки тут можуть розміщувати всі охочі, а доступ до проектів можна отримати всім користувачам з будь-якої точки світу.
- Раді бачити вас в додатку! Якщо ви тут вперше то перейдіть на сторінку допомоги.
Як заховати курсор на сайті
Для одного апарату з сенсорним екраном потрібно зробити так, щоб курсор на дисплеї не відображався. Всі кліки основному з додатком передавав тач-скрін, а курсор миші тільки відволікав і був зайвим. Ставити додаткові утиліти можна, вносити зміни в систему теж. У моєму випадку завдання полегшувалося тим, що вся ця конструкція працювала на движку Internet Explorer і кросбраузерності універсальності не було потрібно. Але в процесі виконання завдання я вирішив поекспериментувати з іншими браузерами і ось що у мене вийшло.
Штатними засобами CSS просто приховати курсор не можна, але зате є документована можливість задавати свій курсор за допомогою конструкції cursor: url ( 'ваш_курсор.cur'). Тобто теоретично можна створити повністю прозорий курсор, а потім застосувати його на сайті в якості призначеного для користувача. Для цього в CSS додається наступний опис стилів:
У теорії начебто все просто, проте на практиці виявилося не все так гладко, як хотілося б. Були протестовані браузери Firefox версій 10-23, Internet Explorer версій 7-10, Google Chrome і Iron останніх версій, Safari 5.1.7 та Opera 12.16.
З усіх протестованих браузерів в точній відповідності з описами стандарту повівся, як не дивно, тільки Internet Explorer, тобто сумлінно сховав курсор і не показував його ні за яких діях на сторінці.
Трохи гірше впорався із завданням Firefox: при переміщенні по сторінці курсор іноді потрапляв в проміжки між елементами верстки, і в цей момент він ставав видимим. Проблема вирішується зміною верстки з додаванням якого-небудь обрамляє елемента для всього вмісту сторінки.
З'являється курсор в Firefox
Ще більш дивно повелися браузери на движку WebKit, а саме Google Chrome і Iron. Повністю прозорий курсор несподівано перетворився на чорний квадрат. Але варто зафарбувати в курсорі хоч одну точку, він відразу ж відображається як треба, тобто прозора заливка залишається прозорою. Частково проблема вирішується створенням прозорого курсора розміром 1х1 піксель. В цьому випадку курсор хоч і стає видимим, але самотня чорна точка все-таки привертає до себе менше уваги. Як варіант, точку однопіксельні курсора можна зробити в колір фону сайту, в цьому випадку вона буде видна тільки при переміщенні поверх тексту, елементів сторінки з оформленням іншого кольору або контрастують картинок.
Прозорий курсор в Chrome
Розробники браузера з червоним нулем, як зазвичай, продемонстрували своє власне, альтернативно-потойбічне бачення веб-стандартів. У цьому браузері атрибут CSS cursor взагалі не підтримує користувальницькі курсори ні в якому вигляді. Відповідно, приховати або замаскувати курсор не вийде.
Призначений для користувача курсор в Opera не підтримує
Залишилося підвести підсумки. Універсального способу приховати курсор мені знайти не вдалося, під кожен браузер треба реалізовувати своє рішення. Ну а я в черговий раз переконався в тому, що підтримка веб-стандартів досі залишається на совісті розробників. Якісь загальні моменти обробляються більш-менш однаково, але варто копнути трохи глибше - і все, тушкуйте світло, сушіть весла.