Архивы WEB - Страница 28 из 54

JQuery tablesorter не правильно сортирует число

30.08.2018 Павел Грибов WEB

Казалось бы, что тут такого? В таблице строго число, разделенное точкой, а сортирует.. Какие-то колонки нормально, какие-то не пойми как. Проблема решается только если четко сказать плагину, какие колонки числа. Например так:

$("#sortable_table").tablesorter({
     headers: {
         1: { sorter: 'digit' }, 
         2: { sorter: 'digit' }, 
         3: { sorter: 'digit' }, 
         4: { sorter: 'digit' }, 
         5: { sorter: 'digit' },
         6: { sorter: 'digit' },
         7: { sorter: 'digit' },
         8: { sorter: 'digit' },
         9: { sorter: 'digit' },
         10: { sorter: 'digit' },
         11: { sorter: 'digit' } 
     }
 });

$("#sortable_table").tablesorter({

headers: {

1: { sorter: 'digit' },

2: { sorter: 'digit' },

3: { sorter: 'digit' },

4: { sorter: 'digit' },

5: { sorter: 'digit' },

6: { sorter: 'digit' },

7: { sorter: 'digit' },

8: { sorter: 'digit' },

9: { sorter: 'digit' },

10: { sorter: 'digit' },

11: { sorter: 'digit' }

}

});

Оставить комментарий Jquery, tablesorter, сортировка чисел, таблица

Выводим красивое сообщение пользователю после отправки сообщения из Contact Form 7

16.07.2018 Павел Грибов WEB

Начиная с версии 7.5, события нужно теперь отлавливать через DOM. Например вывод сообщения об успешной отправке письма можно оформить так:

document.addEventListener( 'wpcf7mailsent', function( event ) {
$.fancybox(
	'<h2>Уведомление</h2><strong>'+event.detail.apiResponse.message+' </strong><br/><br/>',
	{
    	    'autoDimensions'	: false,
    	    'padding'		: 30,
    	    'margin': 30,
	    'width'         		: 'auto',
	    'height'        		: 'auto',
	    'transitionIn'		: 'fade',
	    'transitionOut'		: 'fade'
	}
    );
}, false );

document.addEventListener( 'wpcf7mailsent', function( event ) {

$.fancybox(

'<h2>Уведомление</h2><strong>'+event.detail.apiResponse.message+' </strong><br/><br/>',

{

'autoDimensions' : false,

'padding' : 30,

'margin': 30,

'width' : 'auto',

'height' : 'auto',

'transitionIn' : 'fade',

'transitionOut' : 'fade'

}

);

}, false );

Оставить комментарий Contact Form, message, wordpress

Изменяем заголовок wp_head на отдельных страницах wordpress

03.07.2018 Павел Грибов WEB

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

<?php
/*
Plugin Name: Изменение title для части страниц
Plugin URI: https://грибовы.рф
Description: Если видит что открыта страница с id=460,то меняет заголовок подставляя город из куков
Version: 1.0
Author: Грибов Павел
Author URI: https://грибовы.рф
*/

add_action('template_redirect', 'before_header', 0);
add_action('wp_head', 'after_header', 900);
function before_header (){
    ob_start('change_title_tag');
}
function change_title_tag($head) {
    if (isset($_COOKIE["city"])==true){    
	$head=str_replace("Интернет и телевидение в квартиру","Интернет и телевидение в квартиру ".$_COOKIE["city"],$head);
	$head=str_replace("Интернет и телевидение в дом","Интернет и телевидение в дом ".$_COOKIE["city"],$head);
    };
    return $head;
}
function after_header() {
    ob_end_flush();
}

?>

<?php

Plugin Name: Изменение title для части страниц

Plugin URI: https://грибовы.рф

Description: Если видит что открыта страница с id=460,то меняет заголовок подставляя город из куков

Version: 1.0

Author: Грибов Павел

Author URI: https://грибовы.рф

add_action('template_redirect', 'before_header', 0);

add_action('wp_head', 'after_header', 900);

function before_header (){

ob_start('change_title_tag');

}

function change_title_tag($head) {

if (isset($_COOKIE["city"])==true){

$head=str_replace("Интернет и телевидение в квартиру","Интернет и телевидение в квартиру ".$_COOKIE["city"],$head);

$head=str_replace("Интернет и телевидение в дом","Интернет и телевидение в дом ".$_COOKIE["city"],$head);

};

return $head;

}

function after_header() {

ob_end_flush();

}

Оставить комментарий add_action, hooks, wordpress, wp_head

Отключение HSTS в FireFox

02.07.2018 Павел Грибов WEB

Бывает так, что работал сайт по протоколу HSTS, работал.. И вдруг бац — перестал работать. А FireFox стал капризничать — «подавай мне HSTS на этом сайте, помню же что был». Переубеждаем:

В FireFox заходим в в меню Справка -> Информация для решения проблем. Открываем каталог «Папка профиля»

Оставить комментарий disable, firefox, HSTS

Jquery и маска ввода телефона

12.02.2018 Павел Грибов WEB

К сожалению наиболее часто упоминаемый в «интернетах» плагин maskedinput не очень хорошо работает на мобильных устройствах. Адекватной заменой может служить плагин inputmask: https://github.com/RobinHerbots/Inputmask

Один огромный минус — уж очень «жирноват» плагин для простых задачь. Иногда лучше использовать «чистый» javascript:

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
    <input  value="+7(___)___-____">
    <script>
window.addEventListener("DOMContentLoaded", function() {
function setCursorPosition(pos, elem) {
    elem.focus();
    if (elem.setSelectionRange) elem.setSelectionRange(pos, pos);
    else if (elem.createTextRange) {
        var range = elem.createTextRange();
        range.collapse(true);
        range.moveEnd("character", pos);
        range.moveStart("character", pos);
        range.select()
    }
}

function mask(event) {
    var matrix = this.defaultValue,
        i = 0,
        def = matrix.replace(/\D/g, ""),
        val = this.value.replace(/\D/g, "");
        def.length >= val.length && (val = def);
    matrix = matrix.replace(/[_\d]/g, function(a) {
        return val.charAt(i++) || "_"
    });
    this.value = matrix;
    i = matrix.lastIndexOf(val.substr(-1));
    i < matrix.length && matrix != this.defaultValue ? i++ : i = matrix.indexOf("_");
    setCursorPosition(i, this)
}

    var input = document.querySelector("input");
    input.addEventListener("input", mask, false)
});
  </script>
</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

<title>Untitled</title>

</head>

<body>

window.addEventListener("DOMContentLoaded", function() {

function setCursorPosition(pos, elem) {

elem.focus();

if (elem.setSelectionRange) elem.setSelectionRange(pos, pos);

else if (elem.createTextRange) {

var range = elem.createTextRange();

range.collapse(true);

range.moveEnd("character", pos);

range.moveStart("character", pos);

range.select()

}

function mask(event) {

var matrix = this.defaultValue,

i = 0,

def = matrix.replace(/\D/g, ""),

val = this.value.replace(/\D/g, "");

def.length >= val.length && (val = def);

matrix = matrix.replace(/[_\d]/g, function(a) {

return val.charAt(i++) || "_"

});

this.value = matrix;

i = matrix.lastIndexOf(val.substr(-1));

i < matrix.length && matrix != this.defaultValue ? i++ : i = matrix.indexOf("_");

setCursorPosition(i, this)

}

var input = document.querySelector("input");

input.addEventListener("input", mask, false)

});

</script>

</body>

</html>

Оставить комментарий inputmask, javascript, maskedinput, maskinput, мобильный

« 1 … 26 27 28 29 30 … 54 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
		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