Javascript
Javascript - объектно-ориентированный скриптовый язык программирования.
С сегодняшнего дня мы начинаем собирать собственную коллекцию полезных плагинов на jQuery и Mootools. Где-то раз в неделю мы будем делать подробное описание какого-нибудь плагина, решающего насущные задачи рядового верстальщика.
Сегодня мы рассмотрим несколько полезных приемов при программировании на JavaScript. Эти приемы даже сниппетами назвать сложно, ведь некоторые из ни состоят из 2-3 символов, хотя некоторые разработчики (в том числе я сам ;-) часто используют вместо них намного более громоздкие конструкции.
В процессе работы над одним интересным проектом, возникла задача поворота фоток, которые загружет пользователь.
Для многих остается секретом, что с помощью js можно получить информацию о геолокэйшене пользователя.
Средства есть разные — либо через встроенный функционал HTML5 в сафари на айфоне, либо через Гугл Гирс на андройде, либо другими путями, но так или иначе, с разрешения пользователя мы можем получить информацию о его местоположении.
С написанием JavaScript кода постоянно сталкивается каждый web разработчик. Сам по себе JavaScript язык не сложный, но используется он в основном для работы с содержимым web страницы. А это содержимое доступно в виде DOM-дерева, что значительно усложняет работу с ним.
Скриптовые языки в некотором роде перевернули мир, и именно благодаря им появился DHTML, который позволяет делать со страничкой практически что угодно. Как известно, всего два языка претендуют на лавры победителя в браузере. Это VBScript - подмножество Visual Basic-а и JavaScript. Вот последним мы и займемся, как наиболее универсальным.
Эта статья может быть полезна владельцам сайтов, на которых представлены длинные списки в виде таблицы. Если к таким страницам применять серверную сортировку, то пользователь, особенно находящийся на коммутируемом доступе, может отказаться от повторной загрузки большого объма информации и покинуть страницу, что, конечно же, нежелательно. Нижеследующий код предлагает некоторую альтернативу серверному решению, сортируя таблицу на компьютере клиента, но только при том условии, что браузер клиента поддерживает объектную модель документа (DOM) и в нем не отключена поддержка JavaScript.
Давным-давно, когда браузеры еще имели номер версии, примерно равный единице, ничего подобного не было и в помине. Информация просто выводилась на дисплей по мере поступления, не подвергаясь никаким изменениям. Все было просто, и даже до глюков совместимости дело еще не дошло.
Если бы существовал универсальный common.js объединяющий все JavaScript’ы на свете , вы бы отыскали в нём эти десять (плюс одна в подарок) функций. Это был бы швейцарский боевой нож, без которого ни один разработчик не выходил бы на дело. Эти функции, конечно же, прошли многократные испытания и доказана их полезность и то что они помогают всем, кто использовал их. Итак, не отвлекаемся, вот десять, я верю, самых великих пользовательских функций JavaScript употребляемых в наши дни.
Первый тип новых объектов, которые мы рассмотрим, являются массивы. Тип "Array" введен в JavaScript 1.1 для возможности манипулирования самыми разными объектами, которые отображаются Navigator'ом. Это - список всех гипертекстовых ссылок данной страницы Website, список всех картинок на данной странице, список всех applet'ов данной страницы, список всех элементов формы и т.п. Пользователь может создать и свой собственный массив, используя конструктор Array().
Графика и Javascript.
Гипертекстовые ссылки и картинки - это свойства объекта "документ", который в свою очередь является частью объекта "окно". И гипертекстовые ссылки, и картинки составляют встроенные массивы, к которым можно обращаться по индексу. Рассмотрим несколько примеров программирования массивов гипертекстовых ссылок и картинок.
Для встраивания скриптов в тело HTML-документа используется контейнер SCRIPT. Не все программы просмотра способны распознавать и исполнять скрипты, поэтому само тело скрипта помещается в контейнер комментария.
Если предоставляете возможность пользователю, допустим при подписке на рассылку - выбор категорий рассылки, путем отметки какого - либо из checkbox'ов или нескольких одновременно, то может возникнуть ситуация: "А если этих самых категорий будет 10+", я думаю необходимо будет сделать еще один чекбокс (вверху, либо внизу остальных) - "Выделить все".
В этой статье мы будем оптимизировать, оптимизировать, оптимизировать, в конце-концов дооптимизируемся.
Сокрытие некоторых блоков на страничке может пригодится по разным причинам, например если, то что вы скрываете менее приоритетно остального. Или занимает много места.
После выхода второй статьи "Java Script спешит на помощь" на мой почтовый ящик обрушился целый шквал писем с вопросами. После разбора всех вопросов оказалось, что включение фрагментов кода на JS в документ и динамическое создание страниц, конечно очень хорошо, но вебмастерам хочется еще. Ну что ж спрос порождает предложение.
В предыдущей статье я рассказал вам о том, как с помощью JavaScript к HTML документам можно подключать код, содержащийся в отдельном файле. Таким образом, повторяющиеся елементы сайта (меню, ссылки, адреса почты и прочее) можно вынести в отдельный файл и подключать его к нужным страницам. После переноса части кода страниц в отдельный файл меньшается общий размер документов сайта, а изменение повторяющихся пунктов сводится к редактированию и загрузке на сервер одного-единого файла.
Представим такую ситуацию, что вы обменялись кнопками с 15 сайтами и всё пространство дизайна сайта заполнено. Что делать ??? Встаёт вопрос об изготовлении собственной маленькой баннерной сети. Но если вы не программист и не пишете скрипты сами, то нужно взять скрипт из каких-нибудь архивов скриптов. Не нужно этого делать, всё сейчас будет рассказано в этой статье.
Все баннерооменные сети используют CGI скрипты, но мы можем обойтись обычным JavaScript скриптом.
С развитием всемирной Сети у ее пользователей появилось множество замечательных возможностей. Оной из них является бесплатный хостинг. Разместить свою страничку в Сети проще простого, да к тому же еще за 5 минут, бесплатно... Но всем читателям известно, где по-настоящему есть бесплатный сыр: в обмен на услуги размещения информации, на страничках бесплатного хостинга всплывают баннеры хостера. Также приходится существовать без удобств: как правило, такие сервисы, как SSI, Perl, PHP, SQL, как правило, отсутствуют. Только в последние время начали появляться халявные SSI. А как же быть тем, кто начал сайтостроение в те времена, когда данные сервисы присутствовали только на платных хостингах? Тем, у кого нет даже SSI. Данная статья и призвана им помочь.
Достигший высокой степени просветления гуру веб-мастеринга может заслуженно почивать на лаврах, занимаясь исключительно архитектурными вопросами проектирования сайтов, и, может быть, иногда давать консультации за очень большие деньги. Но для того чтобы стать таким гуру, требуются годы духовного совершенствования. И кто знает, что сложнее для неофита – постичь, как звучит хлопок одной ладони, или разобраться в особенностях функционирования объекта StyleSheet в объектной модели JavaScript...
Страницы: 12
