Стал замечать что все больше и больше сайтов делают с использованием стилизованных селектов, чекбоксов и других различных кнопочек. Почему бы и нет? Если есть множество библиотек позволяющих это сделать без особого труда, даже верстальщику, который совсем немного разбирается в javascript.
Конечно здорово, что во всех браузерах вне зависимости от выбранной темы показываются одинаковые кнопки в цвет и стиль сайта, но разработчик который первый раз столкнулся с такими селектами будет приятно удвилен. Оказывается обработчики событий jquery привязанные к этим кнопкам не сработают, то есть не сработает не change() не live('change',function() {})
Что делать?
Я не нашел лучшего решения как скачать полную версию плагина для замены селектов и не прописал в его код нужных мне событий. Тут можете скачать jquery.selects.js. А может кто то знает решение получше?
Многие удаленные сервера разрешают доступ к своим данным по ssh. К тому же этот протокол безопаснее чем ftp. читать далее »
Конечно для работы по ssh можно использовать одну из множества программ доступных в linux, но этот путь не для линуксоида) Тем более многие вещи на мой взгляд через консоль делать легче, быстрее а главное удобнее. Например делать дамп бд или копировать кучу данных с одного сервера на другой. Значит эти команды просто необходимо знать web-программисту. Итак несколько полезных команд при работе с удаленным сервером по ssh:
1) Копирование данных с сервераscp user_name@mysite.ru:/путь/к/файлу/от/корня/file /путь/к/файлу/от/корня/file2) Копирование данных на серверscp /путь/к/файлу/от/корня/file user_name@mysite.ru:/путь/к/файлу/от/корня/file Иногда бывают файлы слишком большого размера(например дамп базы данных на 300 метров) его проще засунуть в архив, а потом скачать (или закачать в архиве, а потом разархивировать) поэтому еще пара команд
Если у вас есть сайт с возможностью регистрации пользователей, и нужно выводить статус пользователя, то самый простой способ:
1) записывать в базу данных идентификатор пользователя и время последнего входа на страницу.
2) через определенный интервал времени сравнивать время последнего онлайна с текущим временем и удалять тех, кто не был на странице определенный промежуток времени.
Для этого создадим отдельную таблицу. Допустим назовем ее user_online. Колонки user_id типа int и колонка date типа datetime. читать далее »
Напишем функцию, которая должна срабатывать, при входе пользователя на страницу.
Знаю что есть специальные библиотеки для jquery для асинхронной загрузки файлов, но все же решился написать статью на эту тему. В методе про который сейчас расскажу будет использован только чистый javascript. Сама же загрузка файла будет происходить через iframe. читать далее »
Вам понадобится сама html страница на который должна быть такая форма <form id="my_form" method="post" action="" enctype="multipart/form-data" onsubmit="file_send()"> Далее рассмотрим работу js скрипта выполняющего всю работу по ajax загрузке файла
<input type="file" name="file" />
<input type="submit" value="отправить">
</form>
Достаточно часто видел такое же бесконечное слайдшоу выполненное на flash, а я решил найти простое решение, с возможностью изменения картинок с админки сайта. читать далее »
Для того чтобы сделать такого рода смену картинок на javascript c использованием jquery потребуется совсем не много знаний. И это займет не более 15 минут. В <div> в котором будут менятся изображения вставим два тега <img>, как это сделано ниже <div id="photos"><img style="position: absolute; z-index: 200; display: block;" src="" alt="" id="photo1"><img style="position: absolute; z-index: 100; display: none;" src="" alt="" id="photo2"></div> Далее тут же или при загрузке страницы указываем массив картинок (я формировал его с помощью php для возможности смены через админку)
На днях решил немного «побавловаться» с отправкой http заголовков. Думаю не стоит рассказывать об основах, ведь об этом можно почитать в первой же ссылке выданной поисковиком по запросу «header». Поэтому перейду сразу к делу. читать далее »
Вобщем решил я помучить одну систему бронирования написанную на ASP.NET. Начал с того что настроил локальный сервак и 404 ошибку перенаправил на скрипт обработки запросов, назовем его 404.php. Все запросы поступавшие на этот сервер проходили через 404.php, в котором я получал информацию из заголовков и перенаправлял их в настоящую систему бронирования.
Сегодня взялся добавить кнопки социальных закладок. Сначала решил поставить кнопку «Cохранить Вконтакте» вставил как и сказано скрипт в head читать далее »<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?9" charset="windows-1251"></script> а другой скрипт в то место где должна размещаться кнопка <script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/vk32.png?1\" />"}));
<script type="text/javascript"><!--document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/vk32.png?1\" />"}));
Постраничный вывод данных на аякс очень выгоден, т.к. не нужно каждый раз грузить всю страницу при перелистывании, а будет загружаться только нужная нам информация.
Для работы будем использовать jquery, чтоб было проще работать с аякс и дом элементами.
Сперва напишем функцию на php, которая будет выводить данные в зависимости от номера страницы.
Допустим надо выводить из таблицы content_data в бд mysql. читать далее »
<?
define('NUM_IN_PAGE', '10');//количество записей на странице
function get_data($page){
$query = mysql_query("SELECT * FROM content_data LIMIT".($page*NUM_IN_PAGE).", ".NUM_IN_PAGE);
while($query_res = mysql_fetch_assoc($query)){
echo $query_res['id'].'::'.$query_res['content'].'<br>';//выводим необходимые данные
}
}
?>
Конечно не часто заказчики смотрят на то как выглядит сайт при различных уровнях зума браузера, а мне довелось повстречать таких. И что же вы думаете? Конечно же между некоторыми картинками возникает небольшой зазор в 1px, но это еще пол беды jquery да и вообще javascript почему то неккоректно определяет размеры блоков и двигающиеся слайды уезжают слишком далеко при прокрутке. Конечно зная какой zoom имеет тот или иной браузер opera, firefox, safari или какой либо другой эту проблему можно решить. читать далее »
Все бы было хорошо если бы существовала единная функция для всех браузеров, что нибудь универсальное типа getZoom или getScale, но к сожалению такого еще не придумали.
У каждого начинающего или даже опытного веб-программиста использующего subversion рано или поздно возникала потребность рекурсивного удаления папок .svn. Кончено же ничего не надо было бы удалять если бы правильно пользовались программой контроля версий. Для создания рабочей версии сайта все же нужно использовать команду svn export и тогда никаких уязвимостей из за папок .svn у вас не будет, ну а если же по счастливой случайности вы все таки забыли про эту команду то можно воспользоваться функцией рекурсивного удаления find . -name .svn -print0 | xargs -0 rm -rfили
find . -name .svn -exec rm -rf {} \;А еще можно просто закрыть эту дыру в безопасности для apache в httpd.conf вписать
<Directory ~ ".*\.svn">
Order allow,deny
Deny from all
Satisfy All
</Directory>