Архив рубрики: Web

В данном разделе рассматриваются все нюансы web разработка, которые могут помочь вам в работе с написанием кода и модулей! Читаем и учимся!

Пример загрузки файлов на сервер (upload) на языке php

      Комментарии к записи Пример загрузки файлов на сервер (upload) на языке php отключены

Для загрузки файлов на сервер используется приложение которое представляет собой HTML-форму (uploads.html) и скрипт uploads.php для ее обработки. Заметка: Вы сможете так же загрузить промышленную версию системы загрузки файлов на сервер из раздела downloads. Image Java Editor позволяет нам не только загрузить любой файл на сервер, но и изменить его размер, фон и др. Код формы (uploads.html) <html> <head> <title>Загружаем файлы на сервак</title> </head> <body> <h2><p><b> Загрузка файлов </b></p></h2> <form action=»uploads.php» method=»post» enctype=»multipart/form-data»> <input type=»file» name=»filename»><br> <input type=»submit» value=»Добавить»><br> </form> </body> </html> Код для обработки формы (uploads.php) <html> <head> <title>Насколько загрузился файл</title> </head> <body> <?php if($_FILES[«filename»][«size»] > 1024*3*1024) { echo («Размер превышает 3 мбайта»); exit; } // Проверяем загрузился ли if(is_uploaded_file($_FILES[«filename»][«tmp_name»])) { // Если файл загрузился, то перемещаем его // из временной директории в постоянную move_uploaded_file($_FILES[«filename»][«tmp_name»], «/path/to/file/».$_FILES[«filename»][«name»]); } else { echo(«Ошибка «); } ?> </body> </html> Атрибут entype формы позволяет определяить вид кодировки, которые применяются браузером к параметрам формы. Для… Читать далее »

AJAX загрузка файлов на сервер с помощью jQuer

      Комментарии к записи AJAX загрузка файлов на сервер с помощью jQuer отключены

В этой заметке вы узнаете, как реализовать AJAX загрузку файлов на сервер с использованием jQuery. Это не так уж сложно! Не знаю точно, но что-то мне подсказывает, что до появления jQuery загрузка файлов на сервер по AJAX технологии была чем-то очень непонятным, а значит крайне сложным. Но сегодня с появлением jQuery даже не обладающий опытом веб-мастер может сделать это без особых усилий. Однако, так или иначе, разобраться все же придется. И сейчас я попробую очень коротко и понятно объяснить вам, как это делается, а чтобы проще было воспринимать, урок содержит только нужное и разбит на шаги. Замечу заранее, что эта статья вряд ли поможет, если вы совсем плохо разбираетесь в jQuery и PHP, базовые знания обязательны. И, пожалуй, обязательно иметь хоть какой-то опыт в загрузке файлов (картинок) на сервер с обычной HTML формы, по крайней мере нужно представлять как это работает. Ну, меньше слов, приступим! Для начала предположим, что у нас есть такой HTML… Читать далее »

Мета-теги description и keywords для WordPress

      Комментарии к записи Мета-теги description и keywords для WordPress отключены
Мета-теги description и keywords для WordPress

Эта статья будет полезна тем, кто искал способы сделать уникальными мета-теги для отдельных страниц, записей и для главной страницы сайта на WordPress. Строго говоря, мета-тегов как таковых не существует. Существует тег meta, атрибут которого name, теоретически, может иметь любое значение, однако обычно используются общераспространённые и устоявшиеся значения, такие какdescription и keywords, о которых мы и поговорим и далее по традиции будем именовать мета-тегами. По умолчанию в последних версиях CMS WordPress мета-теги «description» и «keywords» не используются в стандартных темах. Однако, несмотря на имеющееся мнение, что для релевантности и поисковой выдачи данные теги не важны, не стоит ими пренебрегать. Разработчики Google прямо утверждают, что ни keywords, ни description не используются при ранжировании результатов поиска. Однако разработчики Яндекса отмечают, что мета-тег keywords может учитываться при определении релевантности страницы, и, вероятно, влиять на её ранг. При этом и Google, и Яндекс используют description по его прямому назначению, т.е. для формирования краткого описания содержимого… Читать далее »

Оптимизация jQuery.animate

      Комментарии к записи Оптимизация jQuery.animate отключены

Задача Анимировать несколько объектов одновременно. К примеру нужно переместить несколько объектов, а по окончанию движения изменить им цвет. Для этого используем jQuery.animate. Решение фиговое Javascript 1 $(«#kv2»).animate({left: 550, width: 100},1000); 2 $(«#kv3»).animate({top: 450, width: 100},1000); 3 $(«#kv4»).animate({left: 550, top: 450, width: 100},1000); 4      5 setTimeout(function() {$(«div»).css(«background»,»green»);}, 1001); Проблема данного кода заключается в том, что каждый animate запускает свой таймер со своими перерисовками экрана. Чтобы число перерисовок сократить используем один animate и его функцию step. Функция step будет выполняться на каждом шаге анимации. Дополнительно воспользуемся функцией complete, которая сработает один раз по завершению анимации: Javascript 01 $(«#kv2»).animate( 02         { 03             /* 04                 на значение данного параметра будут опираться вычисления для остальных объектов и свойств. 05                 выбираем с которым проще работать и меньше математических действий 06             */ 07             left: 550 08         }, 09         { 10             duration: 1000, 11             step: function(now, fx) 12             { 13                 $(«#kv2»).css({«width»: 50+(now-250)/6+»px»}); // вычисляем ширину данного блока… Читать далее »

Как дождаться окончания анимации в jQuery

      Комментарии к записи Как дождаться окончания анимации в jQuery отключены

В этой статейке, я покажу как можно быстро и просто заблокировать действия до завершения анимации, вызванной с помощью jQuery aminate() Очень часто бывает жизненно необходимо дождаться завершения анимации, случаи бывают разные — каруселька, галерея и многое другое. Раньше я изобретал «велосипед» — добавлял всевозможные таймеры, блокировал страницу, и тд. Но сегодня полистав документацию jQuery, я наткнулся на интересную возможность функции animate(). Оказывается, помимо параметров анимации и скорости, эта функция может вызывать действия по завершению анимации. Используя новые знания, я быстро набросал пример, который показывает, как можно заблокировать повторное выполнение анимации, пока не закончится старая. Ниже приведен подробно прокомментированный код: $(document).ready(function(){       // создаем действия при клике на кнопку     var animateTest = function() {         var widthElement = parseInt($(this).width());         var heightElement = parseInt($(this).height());         var stepZoom = 50;         var speedAnimate = 1000;         // перед запуском анимации снимаем все действия с кнопки         // чтобы пользователь не мог сделать повторные клики         $(this).unbind(‘click’);         // запуск анимации         $(this).animate(… Читать далее »

Конфликт версий Jquery

      Комментарии к записи Конфликт версий Jquery отключены

Сегодня при верстке нового сайта  столкнулся с проблемой. На сайте присутствует как карусель так и сладйер. А проблема возникла в том что для карусели используется jquery плагин работающий только с версией jquery 1.6, и чуток выше, а на слайдере используется версия jquery 1.9. Соответственно если подключить только старую библиотеку, то не работает слайдер сайта, а с новой не работает карусель. Первый шаг это поиск альтернативного плагина, но тут мои поиски окончились ничем, ничего подобного к сожалению не нашел.  При поиске плагина нашел много интересных, красивые движения, «превьюшки» и еще куча мелочей. По сути мой способ решить конфликт между разными версиями jquery не изобретая велосипед, многие о нем знают, но например использовали не совсем для подобной задачи. Собственно речь идет про jQuery.noConflict(), который я думаю многие использовали как минимум при работе с jquery и mootools, здесь же конфликт возникает из-за того что обе библиотеки используют знак $. У меня же просто jquery… Читать далее »

Что такое API

      Комментарии к записи Что такое API отключены

Рано или поздно любой программист сталкивается с таким понятием как API. Однако, когда такая встреча происходит, не все знают, что это такое, зачем оно нужно и как его использовать. И в этой статье я собираюсь восполнить этот пробел в знаниях некоторых из Вас, а также приведу пример из своей практики. API (application programming interface) — это интерфейс прикладного программирования. Если говорить более простым языком, то это набор различных функций, констант, классов, форматов запросов, которые можно использовать в других программах. Можно считать, что API — это некий объект, реализацию которого мы не знаем, однако, можем его использовать. Например, компьютер — объект, реализацию которого знают очень мало людей, однако, использовать его могут почти все, совершая какие-то действия: просмотр видео, сёрфинг по Интернету, печать текста и прочее. Как это всё работает — мало, кто знает, а вот делать это могут чуть ли не все. Примером API является Windows API, OpenGL API, Direct3D API… Читать далее »

Как создать свой API на сайте

      Комментарии к записи Как создать свой API на сайте отключены

Не так давно один из моих посетителей мне задал вопрос по e-mail: «Как создать свой API на сайте?«. Я решил, что это будет весьма полезно другим пользователям, тем более, что на кажущуюся сложность процесса, всё очень и очень просто. Необходимо лишь обладать самыми элементарными знаниями PHP. Если Вы вдруг не понимаете, о чём идёт речь, то прочитайте сначала статью: что такое API. Идём дальше. Давайте разберём, а для каких сайтов нужен вообще API: Социальные сети (Facebook и другие). Здесь требуется API для получения информации о различных данных пользователя: его друзьях, личных сообщениях и прочей информации. Почтовые сервисы (например, mail.ru). В первую очередь, для получения писем. Иногда для отправки. Различные сервисы для создания Интернет-магазинов. Например, получить список новых заказов или список всех товаров в заданной категории. И много-много других сайтов. Первое, что необходимо усвоить — это то, что API нужен далеко не каждому сайту (даже если он принадлежит одной из вышеуказанных… Читать далее »

Как запретить скачивание изображений с сайта?

      Комментарии к записи Как запретить скачивание изображений с сайта? отключены

Скажу сразу — 100% защиты нет, но Можно максимально Усложнить жизнь тем, кто ворует или использует url изображений. Вот несколько способов защиты: 1) При помощи Java Script. При помощи JS блокируем возможность вызова правой кнопкой мыши на изображении меню с Сохранить изображение. Как вариант против неопытных пользователей подходит. <img src=»image.jpg» oncontextmenu=»return false;» /> 2) Состоит в том, чтобы спрятать изображение и отобразить его в качестве background (фона) через стили. Его опять же можно скачать, но только просмотрев CSS-запись, а после введя соответствующий url в строку ввода адреса. Это уже существенно усложнит жизнь тем, кто скачивает Ваши изображения! Код CSS. Создаём класс со скрытым изображением .background {background: url(‘img.jpg’) no-repeat; width: 150px; height: 150px;} и код HTML. Вставляем в соответствующее дял изображение место. <div class=»background»></div> <!— скрытое изображение —> Можно стили сразу в div прописать <div style=»background: url(‘img.jpg’) no-repeat; width: 150px; height: 150px;»></div> 3) Данный способ защитит от того, что url Вашего изображения используют на другом сайте, то есть прописывают адрес изображения Вашего сайта, а отображается оно у них. Такое явление называется —хотлинком. Как результат,… Читать далее »