Category Archives: Web

Проверить разрешен ли flash у пользователя

function checkFlash() {
	var flashinstalled = false;
	if (navigator.plugins) {
		if (navigator.plugins["Shockwave Flash"]) {
			flashinstalled = true;
		}
		else if (navigator.plugins["Shockwave Flash 2.0"]) {
			flashinstalled = true;
		}
	}
	else if (navigator.mimeTypes) {
		var x = navigator.mimeTypes['application/x-shockwave-flash'];
		if (x && x.enabledPlugin) {
			flashinstalled = true;
		}
	}
	else {
		// на всякий случай возвращаем true в случае некоторых экзотических браузеров
		flashinstalled = true;
	}
	return flashinstalled;
}

function checkFlash() {

var flashinstalled = false;

if (navigator.plugins) {

if (navigator.plugins["Shockwave Flash"]) {

flashinstalled = true;

}

else if (navigator.plugins["Shockwave Flash 2.0"]) {

flashinstalled = true;

}

else if (navigator.mimeTypes) {

var x = navigator.mimeTypes['application/x-shockwave-flash'];

if (x && x.enabledPlugin) {

flashinstalled = true;

}

else {

// на всякий случай возвращаем true в случае некоторых экзотических браузеров

flashinstalled = true;

}

return flashinstalled;

}

Флеш/flash для браузера клиента, если не разрешен то функция вернет false, если разрешен вернет true Пример

	brow = false;
	if (navigator.userAgent.match(/Chrome/i) || navigator.userAgent.match(/Safari/i)){
		brow = true;
	}
    if (document.location.pathname == "/video" && !checkFlash() && brow){
    	$('#swf_lessons').html('<object width="550" height="400">\
					<param name="movie" value="/lessons/my.swf">\
					<embed src="/lessons/my.swf" width="550" height="400">\
					</embed>\
				</object>');
    }

brow = false;

if (navigator.userAgent.match(/Chrome/i) || navigator.userAgent.match(/Safari/i)){

brow = true;

}

if (document.location.pathname == "/video" && !checkFlash() && brow){

$('#swf_lessons').html('<object width="550" height="400">\

<param name="movie" value="/lessons/my.swf">\

</embed>\

</object>');

}

Google eCommerce/Google Analytics

/**
 * Работа с Google Ecommerce
 */
var GoogleAnalytics = {
    /**
     * Детальная страница
     * @param  integer id       идентификатор товара
     * @param  string name     Название товара
     * @param  string category Категория товара
     * @return null          Отправка данных в GA
     */
    viewDetailItem: function(id, name, category){
        ga('ec:addProduct', {
          'id': id,
          'name': name,
          'category': category
        });

        ga('ec:setAction', 'detail');
        ga('send', 'pageview');  // Отправляем данные
    },
    /**
     * Добавление/удаление товара в корзине
     * @param integer id       id товара
     * @param string name     наименование товара
     * @param string category категория товара
     * @param integer price    цена товара
     * @param integer type     тип событие 0-добавление, 1 удаление
     */
    EventItemBasket: function(id, name, category, price, type){
        type_event = type == 0 ? 'add' : 'remove';

        ga('ec:addProduct', {
            'id': id,
            'name': name,
            'category': category,
            'price': price,
            'quantity': 1
        });

        ga('ec:setAction', type_event);
        event = type == 0 ? "Добавил в корзину" : "Удалил товар из корзины";

        ga('send', 'event', 'Корзина', event, 'Клик в карточке товара');     // Send data using an event.
    },
    /**
     * Отправка содержимого корзины
     * @param  array arr         json Массив
     * @param  integer total_price финальная стоимость заказа
     * @param  string id          basket session
     * @return NULL            отправляем все это в гугл
     */
    eventBasketSend: function(arr, total_price, id){
        items = JSON.parse(arr);
        
        items.forEach(function(key, value){
            element_id  = key.elem_id;
            quantity    = key.quantity;
            price       = key.price;
            title       = key.site_title;

            ga('ec:addProduct', {
              'id': element_id,
              'name': title,
              'price': price,
              'quantity': quantity
            });
            
        });

        ga('ec:setAction', 'purchase', {
          'id': id,
          'affiliation': 'site.ru',
          'revenue': total_price
        });

        ga('send', 'pageview');
    }

};

/**

* Работа с Google Ecommerce

var GoogleAnalytics = {

/**

* Детальная страница

* @param integer id идентификатор товара

* @param string name Название товара

* @param string category Категория товара

* @return null Отправка данных в GA

viewDetailItem: function(id, name, category){

ga('ec:addProduct', {

'id': id,

'name': name,

'category': category

});

ga('ec:setAction', 'detail');

ga('send', 'pageview'); // Отправляем данные

/**

* Добавление/удаление товара в корзине

* @param integer id id товара

* @param string name наименование товара

* @param string category категория товара

* @param integer price цена товара

* @param integer type тип событие 0-добавление, 1 удаление

EventItemBasket: function(id, name, category, price, type){

type_event = type == 0 ? 'add' : 'remove';

ga('ec:addProduct', {

'id': id,

'name': name,

'category': category,

'price': price,

'quantity': 1

});

ga('ec:setAction', type_event);

event = type == 0 ? "Добавил в корзину" : "Удалил товар из корзины";

ga('send', 'event', 'Корзина', event, 'Клик в карточке товара'); // Send data using an event.

/**

* Отправка содержимого корзины

* @param array arr json Массив

* @param integer total_price финальная стоимость заказа

* @param string id basket session

* @return NULL отправляем все это в гугл

eventBasketSend: function(arr, total_price, id){

items = JSON.parse(arr);

items.forEach(function(key, value){

element_id = key.elem_id;

quantity = key.quantity;

price = key.price;

title = key.site_title;

ga('ec:addProduct', {

'id': element_id,

'name': title,

'price': price,

'quantity': quantity

});

ga('ec:setAction', 'purchase', {

'id': id,

'affiliation': 'site.ru',

'revenue': total_price

});

ga('send', 'pageview');

}

};

Документация Код гугл аналитики вставить перед </head>

<!-- Google Analytics -->
<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXX-1', 'site.ru');
ga('send', 'pageview');
ga('require', 'ec');
</script>
<!-- End Google Analytics -->

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXX-1', 'site.ru');

ga('send', 'pageview');

ga('require', 'ec');

</script>

Документация кода php

для документации используем пакет php apigen устанавливается он так

apt-get install php-apigen

1	apt-get install php-apigen

для mac

wget http://apigen.org/apigen.phar
chmod +x apigen.phar
mv apigen.phar /usr/local/bin/apigen
apigen --version

wget http://apigen.org/apigen.phar

chmod +x apigen.phar

mv apigen.phar /usr/local/bin/apigen

apigen --version

использование

apigen generate -d ./docs -s .

1	apigen generate -d ./docs -s .

-d директория куда сохраняем документация -s source code где находится исходный код

sendpulse api example

sendpulse api пример получания token ключа и получение email’ов

<?php

$token = $_COOKIE['sendpulse_token'];

/**
 * @param NULL
 * @return mixed
 */

function getToken () {

	$tokenArr = array(
		'grant_type' => 'client_credentials',
		'client_id' => 'id',
		'client_secret' => 'id_secret'
	);

	$tokenGo = array(
	    'http' => array(
	        'method'  => 'POST',
	        'header'  => 'Content-type: application/x-www-form-urlencoded',
	        'content' => http_build_query($tokenArr)
	    )
	);

	$tokenMass = file_get_contents("https://api.sendpulse.com/oauth/access_token", false, stream_context_create($tokenGo));


	$json = json_decode($tokenMass);

	return $json->access_token;
}

function getEmails ($token) {

	$tokenArr = array(
		'grant_type' => 'client_credentials',
		'access_token' => $token,
		'token_type' => 'Bearer'
	);

	$tokenGo = array(
	    'http' => array(
	        'method'  => 'GET',
	        'header'  => 'Content-type: application/x-www-form-urlencoded',
	        'content' => http_build_query($tokenArr)
	    )
	);
	
	$tokenMass = file_get_contents("https://api.sendpulse.com/addressbooks", false, stream_context_create($tokenGo));

	$json = json_decode($tokenMass);

	return $json;


}

if (!$_COOKIE['sendpulse_token']) {

	setcookie('sendpulse_token', getToken(), time()+3600);
	echo "token install!!!";

} else {

	echo "token found!!!<br/>";
	echo $token;

}

echo "<hr/>";

var_dump(getEmails($token));

<?php

$token = $_COOKIE['sendpulse_token'];

/**

* @param NULL

* @return mixed

function getToken () {

$tokenArr = array(

'grant_type' => 'client_credentials',

'client_id' => 'id',

'client_secret' => 'id_secret'

);

$tokenGo = array(

'http' => array(

'method' => 'POST',

'header' => 'Content-type: application/x-www-form-urlencoded',

'content' => http_build_query($tokenArr)

)

);

$tokenMass = file_get_contents("https://api.sendpulse.com/oauth/access_token", false, stream_context_create($tokenGo));

$json = json_decode($tokenMass);

return $json->access_token;

}

function getEmails ($token) {

$tokenArr = array(

'grant_type' => 'client_credentials',

'access_token' => $token,

'token_type' => 'Bearer'

);

$tokenGo = array(

'http' => array(

'method' => 'GET',

'header' => 'Content-type: application/x-www-form-urlencoded',

'content' => http_build_query($tokenArr)

)

);

$tokenMass = file_get_contents("https://api.sendpulse.com/addressbooks", false, stream_context_create($tokenGo));

$json = json_decode($tokenMass);

return $json;

}

if (!$_COOKIE['sendpulse_token']) {

setcookie('sendpulse_token', getToken(), time()+3600);

echo "token install!!!";

} else {

echo "token found!!!<br/>";

echo $token;

}

echo "<hr/>";

var_dump(getEmails($token));

скролл на мобильных устройствах iphone/ios

Скролл на мобильных устройствах iphone/ios Scrolling on mobile devices iphone / ios Добавить к body css свойство

-webkit-overflow-scrolling: touch;

1	-webkit-overflow-scrolling: touch;

Скролл для iphone/ios input

Добавить в body

-webkit-overflow-scrolling: touch;

1	-webkit-overflow-scrolling: touch;

js Скролл модального окна

$('#t_popup').scroll(function(){
    pop_img_cont = $('#popup_static').height();
    fix = $('.popup_fixed');
    elem = Math.abs($(".c-popup").offset().top) + 590;

    top1 = pop_img_cont - 590;

    if (elem >= pop_img_cont){
      console.log('trigger');
      fix.css({position : "relative", top : top1});
    } else {
      fix.css({position : "fixed", top : "unset"});
      console.log('wait');
    }
  });

$('#t_popup').scroll(function(){

pop_img_cont = $('#popup_static').height();

fix = $('.popup_fixed');

elem = Math.abs($(".c-popup").offset().top) + 590;

top1 = pop_img_cont - 590;

if (elem >= pop_img_cont){

console.log('trigger');

fix.css({position : "relative", top : top1});

} else {

fix.css({position : "fixed", top : "unset"});

console.log('wait');

}

});

scroll modal window скроль модального окна

Google Chrome console фишки

Исследование элемента: Выбрать элемент(исследовать), и ввести в консоли

$._data(($0), 'events')

1	$._data(($0), 'events')

и смотреть handler(нажать 2 раза) Редактирование страницы «на живую»

document.body.contentEditable=true

1	document.body.contentEditable=true

Вывод всех свойств элемента

dir($('selector'))

или

$('selector')

dir($('selector'))

или

$('selector')

Источник: https://habrahabr.ru/company/ruvds/blog/316132/ Google Chrome

Отправка формы XMLHttpRequest send form field

XMLHttpRequest send form field JS

document.addEventListener("DOMContentLoaded", function() { // Подключаем скрипт При полной загрузке сайта
	document.getElementById('upload').onclick = function() { // Событие на клик кнопки
		var req = new XMLHttpRequest();
		var formSend = new FormData(); 

		req.open("POST", '/testjs/handler.php');

		obj = 	{	
					'Ключ 1' : 'Значение 1', 	
					'Ключ 2' : 'Значение 2'
				};

		for (key in obj){
			formSend.append(key, obj[key]);
		}

		form = document.forms.test_send;

		for (var i = 0; i <= (form.length - 1); i++){
			value 	= form[i].value;
			name 	= form[i].name;

			if (value){
				formSend.append(name, value);
			}
		}

		req.onreadystatechange = function() 
		{
			if (req.readyState == 4)
			{
				request = req.responseText;
				console.log(request);
				document.getElementById('consoleLog').innerHTML = request;
			}
		}

		req.send(formSend);	

		return false;
	}
});

document.addEventListener("DOMContentLoaded", function() { // Подключаем скрипт При полной загрузке сайта

document.getElementById('upload').onclick = function() { // Событие на клик кнопки

var req = new XMLHttpRequest();

var formSend = new FormData();

req.open("POST", '/testjs/handler.php');

obj = {

'Ключ 1' : 'Значение 1',

'Ключ 2' : 'Значение 2'

};

for (key in obj){

formSend.append(key, obj[key]);

}

form = document.forms.test_send;

for (var i = 0; i <= (form.length - 1); i++){

value = form[i].value;

name = form[i].name;

if (value){

formSend.append(name, value);

}

req.onreadystatechange = function()

{

if (req.readyState == 4)

{

request = req.responseText;

console.log(request);

document.getElementById('consoleLog').innerHTML = request;

}

req.send(formSend);

return false;

}

});

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>test js</title>
	<link rel="stylesheet" type="text/css" href="/testjs/style.css" />
	<script type="text/javascript" src="/testjs/custom.js"></script>
</head>
<body>
<form method="POST" id="test_send" enctype="multipart/form-data">
	<input type="text" name="field1"><br />
	<input type="text" name="field2"><br />
	<input type="submit" value="Отправить" id="upload">
</form>
<hr>
<div id="consoleLog"></div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</form>

<hr>

</body>

</html>

PHP

<?php
var_dump($_REQUEST);

1 2	<?php var_dump($_REQUEST);

mkTimeDate Js

function mkTimeDate(date){
	return new Date(date.replace(/(\d+).(\d+).(\d+)/, '$3/$2/$1')).getTime();
}

function mkTimeDate(date){

return new Date(date.replace(/(\d+).(\d+).(\d+)/, '$3/$2/$1')).getTime();

}

mkTimeDate JavaScript пример ДД.ММ.ГГ $1 — день $2 — месяц $3 — год Пример: ‘01.01.1900’