Программирование на PHP, Jquery, Ajax, Java Script, MySql
X
Заказать сайт
Заказать сайт

Разработка сайтов / Программирование на php, JS, MySQL

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

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

Сайт blogprogram.ru специализируется на создании сайтов любой сложности: от визиток, порталов и интернет-магазинов, до проектирования различных прикладных программ в интернете. Огромный опыт, ответственный подход и качество исполнения оставят только лучшие впечатления взаимного сотрудничества.

Если же вам необходимо просмотреть какие-либо готовые программные решения, то добро пожаловать в разделы по программированию, которые находятся в меню справа. Особое внимание обратите на пункт "Онлайн-сервисы".

Онлайн сервисы:

  1. Конструктор виджета валют
  2. Бесплатный конструктор обратной связи
  3. Оптимизатор html кода
  4. CSS Оптимизатор

 

Новое на сайте

Как на jquery и php сделать цифры с пробелами

Есть несколько способов добавить пробелы к цифрам используя jQuery и PHP.

Используя jQuery:

Сначала добавьте библиотеку jQuery на вашу страницу, если ее еще нет. Затем можно использовать следующий код для добавления пробелов к числам:

$(document).ready(function(){
   $('.number').each(function(){
      var num = $(this).text();
      $(this).text(num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " "));
   });
});

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

 

Используя PHP:

Если вам нужно добавить пробелы к числам на серверной стороне, можно использовать функцию number_format() в PHP. Эта функция автоматически добавляет запятые к числам, что делает их более читаемыми. Пример:

$number = 1000000;
$formatted_number = number_format($number);
echo $formatted_number;

Этот код выведет число "1,000,000" с добавленными пробелами.

 

Таким образом, вы можете легко добавить пробелы к числам как на клиентской, так и на серверной стороне, используя jQuery и PHP.

Как на jquery поймать момент когда мышку увели с элемента (mouseleave, mouseout)

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

Событие "mouseleave"

jQuery предоставляет нам событие "mouseleave", которое срабатывает в тот момент, когда мышь удаляется с элемента. Это отличается от события "mouseout", которое срабатывает, когда курсор мыши покидает любой подэлемент элемента.

Для примера создадим блок-элемент, на который мы будем реагировать. Поместим его внутри контейнера div и добавим несколько стилей:

<div class="container">
<div class="box">Наведите курсор мыши на меня!</div>
</div>

.container {
padding: 20px;
border: 1px solid black;
text-align: center;
}

.box {
display: inline-block;
padding: 20px;
background-color: lightgrey;
border-radius: 5px;
cursor: pointer;
}

Теперь мы можем использовать событие "mouseleave" для обнаружения момента, когда мышь покидает этот элемент:

$(document).ready(function() {
$('.box').on('mouseleave', function() {
alert('Вы убрали курсор мыши с элемента!');
});
});

Здесь мы привязали обработчик событий "mouseleave" к элементу с классом .box, чтобы вывести сообщение при ее срабатывании. Такой код должен быть помещен внутри $(document).ready(), чтобы гарантировать, что он будет исполнен только после загрузки страницы.

Мы также могли бы использовать метод .mouseleave() вместо .on('mouseleave', ...):

Это то же самое действие, но более сокращенный способ написания.

 

Событие "mouseout"

Как я уже упоминал, есть несколько событий мыши в jQuery, и событие "mouseout" похоже на "mouseleave", но с некоторыми отличиями. Вот как можно использовать его для определения момента, когда мышь покидает элемент:

$(document).ready(function() {
$('.box').on('mouseout', function(e) {
if (e.relatedTarget == null) {
alert('Вы убрали курсор мыши с элемента!');
}
});
});

Здесь мы использовали обработчик событий "mouseout", а не "mouseleave", и проверяем, является ли свойство relatedTarget объектом null (то есть, является ли элемент, на который перешла мышь, пустым). Если это так, то мы выводим сообщение.

Это может оказаться полезным в случае, когда мы хотим выполнить действие только при условии, что мышь покидает элемент полностью (не переходя на один из его подэлементов). Однако в большинстве случаев событие "mouseleave" будет более подходящим для наших нужд.

Заключение

В этой статье мы рассмотрели, как с помощью jQuery можно определить момент, когда мышь удаляется с элемента. Мы использовали событие "mouseleave" и "mouseout", чтобы обнаружить это событие и выполнить нужные действия.

Турбо страницы от Яндекса: достоинства и недостатки

Не так давно Яндекс выпустил сервис Турбо страниц, которые в десятки раз ускоряют показ страниц вашего контента пользователям. Объяснить такое повышение скорости очень просто - контент вашей страницы будет грузиться не с вашего сайта, а с сервера Яндекса в однотипном дизайне, который включает в себя лишь самые необходимые элементы.

На февраль 2018 года основными элементами являются: название материала, краткое и полное описание, картинки или видео, автор, ссылка, похожие материалы, номер счетчика (например, для метрики или гугл аналитики), ссылки на AMP и мобильные версии, дата, категория и жанр публикации. Список всех элементов вы сможете найти в документации Турбо страниц.

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

Плюсы 

  • Быстрая загрузка страниц
  • Снижение нагрузки на ваш сайт, т.к. инфа берется с сервиса Яндекса
  • Увеличение трафика. Пользователь с телефона выберет Турбо страницу (она будет помечаться знаком ракеты), чем обычную. Т.к. быстро грузится, там мало рекламы и написана только суть.

Минусы

  • Проблема с монетизацией. Пока можно подключать рекламу от Яндекса, про Adsense придется забыть
  • Немного теряется смысл мобильной версии (в Яндексе), которую вы так старались делать
  • Не поддерживаются html элементы, например таблицы, галереи, ваши комментарии или какие-то блоки дизайна

Для кого это нужно?

Итак, Турбо страницы от Яндекса действительно созданы на удовлетворение интересов пользователей. Если у веб мастера перегруженный скриптами и картинками сайт грузится 15 сек, то это вызовет у посетителя раздражение. Он просто может покинуть страницу. Однако, если бы у такого ресурса была бы турбо страница, загрузка прошла бы в течении секунды. Это очень удобно. Посетитель сразу получит интересующую его информацию.

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

Как на jquery выполнить функцию по клику на button

jQuery - это библиотека JavaScript, которая позволяет легко и быстро работать с HTML-документами. С ее помощью можно создавать анимации, обрабатывать события, работать с формами и многое другое. В этой статье мы рассмотрим, как на jQuery выполнить функцию по клику на button.

 

Шаг 1. Подключите библиотеку jQuery.

jQuery можно подключить двумя способами. Первый - с использованием CDN (Content Delivery Network), что позволяет загружать библиотеку с быстрых серверов по всему миру. Второй - скачать сам файл библиотеки и подключить его локально. Рассмотрим первый вариант:

<!-- Подключение jQuery с использованием CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

 

Шаг 2. Создайте кнопку и назначьте ей обработчик события.

Для создания кнопки в HTML используется элемент button. Для того, чтобы назначить кнопке обработчик события, нужно использовать метод click() библиотеки jQuery. Этот метод принимает функцию в качестве аргумента, которая будет вызываться при клике на кнопку.

<button id="myButton">Нажми на меня</button>

<script>
$(document).ready(function() {
$('#myButton').click(function() {
// Ваш код здесь
});
});
</script>

Мы создали кнопку с id myButton и добавили обработчик события, который будет вызываться при ее клике. Обратите внимание, что весь код назначения обработчика находится внутри блока $(document).ready(). Этот блок гарантирует, что весь код будет выполнен только после полной загрузки HTML-документа.

 

Шаг 3. Напишите нужную функцию.

Теперь можно написать функцию, которая будет вызываться при клике на кнопку. Допустим, нам нужно при клике на кнопку выводить на экран сообщение с текстом "Hello, world!".

<button id="myButton">Нажми на меня</button>

<script>
$(document).ready(function() {
$('#myButton').click(function() {
alert('Hello, world!');
});
});
</script>

Мы добавили функцию alert(), которая вызывается при клике на кнопку и выводит на экран сообщение с текстом "Hello, world!".

 

Шаг 4. Запустите страницу и проверьте работу.

Теперь можно запустить страницу в браузере и проверить работу клика по кнопке. При клике на кнопку должно появляться сообщение с текстом "Hello, world!".

Вывод:

В этой статье мы рассмотрели, как на jQuery выполнить функцию по клику на button. Для этого мы подключили библиотеку jQuery, создали кнопку и назначили ей обработчик события click(). Далее мы написали функцию, которая будет вызываться при клике на кнопку. Простота и удобство использования jQuery делают эту библиотеку одним из наиболее популярных инструментов для разработки веб-приложений.

Как в jquery перебрать массив через функцию

Перебор массива является часто используемой задачей в разработке веб-приложений. В jquery существует несколько способов выполнить эту операцию, но одним из наиболее распространенных является использование функции each().

Функция each() позволяет перебрать каждый элемент массива и выполнить над ним действие. Она похожа на цикл for, но имеет несколько дополнительных функций для упрощения работы.

Рассмотрим следующий код, который создает массив чисел и использует функцию each() для перебора всех элементов массива:

var numbers = [1, 2, 3, 4, 5];

$.each(numbers, function(index, value){
console.log(value);
});

В этом примере мы создали массив чисел и используем метод each(), передавая ему два параметра: массив и функцию. В качестве первого параметра мы передаем массив чисел, а в качестве второго параметра - функцию, которая будет вызываться для каждого элемента массива.

В функции используются два параметра: index и value. Параметр index является индексом текущего элемента массива, а параметр value - самим элементом. В данном случае мы просто выводим значение элемента в консоль.

Используя функцию each() вы можете выполнять любые операции над элементами массива, такие как изменение их значений, добавление или удаление элементов, и т.д.

Помимо использования функции each() в jquery существуют и другие способы работы с массивами, такие как методы map(), filter() и другие. Однако each() является одним из наиболее простых и часто используемых методов, поэтому он является хорошим выбором для начала работы с jquery и перебором массивов.

В заключении, перебор массивов является важной задачей при разработке веб-приложений, и jquery предоставляет множество удобных функций для выполнения этой операции. Функция each() позволяет быстро и просто перебирать элементы массива, выполнить операции над ними и управлять их значениями.

| | Сайт посвящен программированию на языках PHP, Jquery, Ajax, Java Script, MySql, а также движкам и плагинам к Wordpress и Joomla | Программирование на PHP, Jquery, Ajax, Java Script, MySql