А
Жизнь между диваном и сервером

Все статьи по теме JavaScript

Устанавливаем русский TinyMCE в Textpattern

TinyMCE – это очень навороченный WYSIWYG-редактор, который можно установить достаточно легко на любую html-форму textarea. Лично я устанавливал этот редактор на несколько своих сайтов в форму ввода комментариев, так как TinyMCE реально может помочь вашим посетителям в написании новых комментариев.

В TXP есть Textile, но так как он мало где распространен, его среднестатистический пользователь не знает и в ваших комментариях соответственно использовать не будет.

А этот самый TinyMCE делает процесс написания комментария простым и быстрым, используя графический интерфейс.

Прочесть полностью статью "Устанавливаем русский TinyMCE в Textpattern"
Редактируем внешний вид Wymeditor или полная кастомизация интерфейса

Для тех людей, которые хотят использовать простой WYSWIG-редактор на своем сайте, могу посоветовать Wymeditor. Это, наверное, один из самых простых и быстрых редакторов подобного рода. К тому же использование этого редактора избавляет вебмастера от html-мусора, который оставляет, к примеру, TinyMCE.

В этой статье я хотел бы поделится своими наработками по редактированию интерфейса Wymeditor.

Прочесть полностью статью "Редактируем внешний вид Wymeditor или полная кастомизация интерфейса"
Проверка на ввод цифр с помощью JS

Когда требуется разработать интерфейс на сайте для того, чтобы случайный посетитель вводил какие-то данный, нужно быть очень и очень осторожным. Такой вот интерфейс нужно всегда разрабатывать с точки зрения наибольшей простоты и максимальной безопасности, то есть если, вы требуете от пользователя, к примеру, ввести его возраст, то стоит ограничить это поле вводом только цифр.

Замечено, что из 100 заполнивших форму 3-4% сделает это неправильно.

Ниже представлен способ, который позволит не допустить ввод не цифровой информации в поле input или textarea.

Прочесть полностью статью "Проверка на ввод цифр с помощью JS"
Как я сделал подсветку кода на сайте?

Я вообще не понимаю как я жил до этого, когда не было автоматической подсветки кода, хоть пусть она и сделана и на JavaScript.

Этим самым нововведением я избавил себя от постоянной головной боли по приданию выводимых фрагментов кода более менее читаемого вида. Для меня хорошо и посетителям этого блога удобнее понимать информацию.

Короче, сплошные плюсы.

Прочесть полностью статью "Как я сделал подсветку кода на сайте?"

На многих сайтах встречал красивые всплывающие окна, при клике на картинку или ссылку. Захотел себе такое же. Ниже я подробно расскажу как установить GreyBox у себя на сайте и почему именно этот модуль.

Прочесть полностью статью "Как установить скрипт GreyBox или красивые всплывающие окна у себя на сайте"
Как установить FancyBox или красивый эффект всплывающих окон

Как-то я писал об эффекте GreyBox. Эффект красивый, но на моем блоге посвященном интересной рекламе, он почему-то корректно не заработал. Долго разбираться не стал, так как такого добра много.

Первым скриптом, который попался мне на глаза, оказался FancyBox. На нем и становил свой выбор.

Прочесть полностью статью "Как установить FancyBox или красивый эффект всплывающих окон"
Как сделать так, чтобы все внешние ссылки открывались в новой вкладке?

Есть два мнения по этому поводу.

Первое мнение заключается в том, что нельзя за пользователя решать как ему открывать новую страницу сайта. Только он сам может это сделать.

Второе мнение, которого придерживаюсь я, все внешние ссылки должны открываться в новой вкладке браузера, так как посетитель, переходя по предложенной вами ссылке, возможно не хотел бы закрывать текущую страницу, чтоб в последствии вернуться к ее изучению.

В этой статье я расскажу как сделать так, чтобы все внешние ссылки автоматически открывались в новой вкладке.

Прочесть полностью статью "Как сделать так, чтобы все внешние ссылки открывались в новой вкладке?"
Как сделать спойлер в html с помощью JS?

Я очень долго искал как для своих сайтов сделать спойлер. Спойлер - это что-то типо свертка, который, используя Ajax, временно скрывают часть информации. Спойлеры удобно использовать там, где нужно разместить много информации, которая либо не должна быть видна с самого начала, либо является вспомогательной и для сохранения удобной читаемости ее правильнее скрыть, а кому она нужно, то тот откроет ее одним кликом.

Прочесть полностью статью "Как сделать спойлер в html с помощью JS?"
Как проверить ссылки на закрытость в nofollow без плагина?

Наверное, все сеошники это знают, поэтому эта статья не для них, а для простых вебмастеров, которые покупая ссылки или обмениваясь ссылками с другими блогами/сайтами, не хотят обжечься и быть кинутым.

Ниже представлен способ того, как можно пометить все ссылки на открытой web-странице с атрибутом nofollow без использования какого-то дополнительного плагина.

Прочесть полностью статью "Как проверить ссылки на закрытость в nofollow без плагина?"
Делаем кнопку input ссылкой

HTML-тег input предназначен для вывода разных полей и кнопок. Благодаря ему можно создавать элементы сайта, которые будут требовать от пользователя каких-то действий.

Но оказывается, созданная с помощью input, кнопка не предназначена для использования в качестве обычной ссылки. Но некоторые случаи требует от вебмастера использования html-тега input именно в качестве ссылки.

Оказывается исправить это вопиющие безобразием можно и к тому же не одним способом.

Прочесть полностью статью "Делаем кнопку input ссылкой"
www.popularsite.ru
Если Вы используете материал моего блога, то будьте добры поставьте ссылку.
Блог о жизни системного администратора.
www.adminway.ru - Жизнь между диваном и сервером. © 2009 - 2012

Rambler's Top100

Яндекс.Метрика