Рубрика: JS

Убираем placeholder при клике по input

PHP
1
2
3
4
5
6
7
8
9
$(document).ready(function () {
$('input,textarea').focus(function(){
   $(this).data('placeholder',$(this).attr('placeholder'))
   $(this).attr('placeholder','');
});
$('input,textarea').blur(function(){
   $(this).attr('placeholder',$(this).data('placeholder'));
});
});

 

400 крутых интернет-ресурсов на все случаи жизни

AdMe.ru с разрешения автора публикует отличный список из 400 очень полезных сервисов, которые помогут найти все — от источников вдохновения и стоковых фотографий до курсов программирования и создания email-рассылок. Бесплатные веб-сайты HTML5 UP: Адаптивные …

Склоняем слово в зависимости от числа

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<?
function true_wordform($num, $form_for_1, $form_for_2, $form_for_5){
$num = abs($num) % 100; // берем число по модулю и сбрасываем сотни (делим на 100, а остаток присваиваем переменной $num)
$num_x = $num % 10; // сбрасываем десятки и записываем в новую переменную
if ($num > 10 && $num < 20) // если число принадлежит отрезку [11;19]
return $form_for_5;
if ($num_x > 1 && $num_x < 5) // иначе если число оканчивается на 2,3,4
return $form_for_2;
if ($num_x == 1) // иначе если оканчивается на 1
return $form_for_1;
return $form_for_5;
}
?>

пример вывода:

PHP
1
2
3
4
<select>
<? $max_product = $value;// сюда приходит нужное число?>
<option value=""><?=$max_product . ' ' . true_wordform($max_product, 'дилер', 'дилера', 'дилеров');?></option>
</select>

 

Смена изображения при клике по ссылке

http://usefulscript.ru/change_img_link.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
function l_image (a) {
    document.example_img.src=a
}
</script>
 
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center" valign="center">
<td width="350" height="200">
  <a href="javascript:l_image ('image/img_1.png')">Ссылка на изображение №1</a><br>
  <a href="javascript:l_image ('image/img_2.png')">Ссылка на изображение №2</a><br>
  <a href="javascript:l_image ('image/img_3.png')">Ссылка на изображение №3</a><br>
  <a href="javascript:l_image ('image/img_4.png')">Ссылка на изображение №4</a><br>
</td>
<td width="350" height="200">
  <img src="image/img_1.png" name="example_img"
  alt="Картинки для демонстрации работы скрипта смены изображений">
</td>
</tr>
</table>

Переход при выбранном значении select

PHP
1
2
3
4
5
6
<select onchange="top.location=this.value">
<option value="//site.ru" selected="selected">RU</option>
<option value="//site.kz">KZ</option>
<option value="//site.kg">KG</option>
<option value="//site.uz">UZ</option>
</select>

Заготовки

Модальные окна: https://codepen.io/losbeekos/pen/cmqaL https://codepen.io/simgooder/pen/BoJYoQ Модальные окна с видео: https://codepen.io/mattamyot/pen/dMGwyK https://codepen.io/josephkes/pen/kkrRBk Select: https://codepen.io/THEORLAN2/pen/Kaewmw?depth=everything&order=popularity&page=2&q=select&show_forks=false https://codepen.io/udyux/pen/KzJQea?depth=everything&order=popularity&page=3&q=select&show_forks=false Заказ билета — выбор места: https://codepen.io/pieceoftoast/pen/yypKRM Блоки: https://codepen.io/zadvorsky/pen/OxKMbj Успешная отправка сообщений: https://codepen.io/colinhorn/pen/KXjYXr …

Убираем знак # в адресной строке

PHP
1
2
3
4
5
6
7
8
$(function() {
    $('a[href^="#"]').click(function () {
        elementClick = $(this).attr("href");
        destination = $(elementClick).offset().top;
        $('body, html').animate( { scrollTop: destination }, 1100 );
        return false;
    });
});

 

Ищем текст на сайте и меняем его

PHP
1
2
3
$("p").html(function(index, text) {
return text.replace(new RegExp("дизельные электростанции", 'i'), "<a href='/articles/dizelnaya-elektrostantsiya-eto/'>дизельные электростанции</a>")
});

 

Яндекс карта

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
    //Яндекс карта
    ymaps.ready(init);
    var myMap,
    myPlacemark;
var url = window.location.href;
    function init() {
        myMap = new ymaps.Map("map", {
            center: [55.671430748567694,37.52710115214534],
            zoom: 17,
            controls: ['zoomControl']
        });
 
        myPlacemark = new ymaps.Placemark([55.67140649509917,37.52322804232784], {
            balloonContentHeader: '<b>г. Москва</b>',
            balloonContentBody: 'Лениниский проспект 97 корп. 1.<br /><hr><b class="pr-12">Помещение школы 1311</b>',
        }, {
            // Опции.
            // Необходимо указать данный тип макета.
            iconLayout: 'default#image',
            // Своё изображение иконки метки.
            iconImageHref: url+'/wp-content/themes/kursmaster/img/metka.png',
            // Размеры метки.
            iconImageSize: [36, 62],
            // Смещение левого верхнего угла иконки относительно
            // её "ножки" (точки привязки).
            iconImageOffset: [50, -90]
        });
 
        myMap.geoObjects.add(myPlacemark);
        myMap.behaviors.disable('scrollZoom');
    }