Библиотека кода — Страница 20 — Заметки веб-разработчика

Добавление класса js по содержимому

$('.article__button.button.button--basket span:contains("Товар в корзине")').each(function(){
  $(this).parent('div').addClass("item_in_basket");
});

$('.article__button.button.button--basket span:contains("Товар в корзине")').each(function(){

$(this).parent('div').addClass("item_in_basket");

});

Пример:

<div class="article__button button button--basket">
<span>Товар в корзине</span></div>

1 2	<div class="article__button button button--basket"> <span>Товар в корзине</span></div>

Вывод информации в UMI xsl

<xsl:value-of select="/result/page/properties/group/property[@name='content']/value" disable-output-escaping="yes"/>

1	<xsl:value-of select="/result/page/properties/group/property[@name='content']/value" disable-output-escaping="yes"/>

disable-output-escaping=»yes» — отвечаем за обработку HTML

Кнопка наверх jQuery

Не забываем подключить jQuery js (перед </head>)

<script type="text/javascript">
$(function() {
	$(window).scroll(function() {
		if($(this).scrollTop() != 0) {
			$('#toTop').fadeIn();	
		} else {
			$('#toTop').fadeOut();
		}
	});
 
	$('#toTop').click(function() {
		$('body,html').animate({scrollTop:0},800);
	});	
});
</script>

$(function() {

$(window).scroll(function() {

if($(this).scrollTop() != 0) {

$('#toTop').fadeIn();

} else {

$('#toTop').fadeOut();

}

});

$('#toTop').click(function() {

$('body,html').animate({scrollTop:0},800);

});

</script>

css

<style> 
#toTop {
        width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}
</style>

<style>

#toTop {

width:100px;

border:1px solid #ccc;

background:#f7f7f7;

text-align:center;

padding:5px;

position:fixed; /* this is the magic */

bottom:10px; /* together with this to put the div at the bottom*/

right:10px;

cursor:pointer;

display:none;

color:#333;

font-family:verdana;

font-size:11px;

}

</style>

html Перед </body>

<div id="toTop">^ Back to Top</div>

1	<div id="toTop">^ Back to Top</div>

Еще больше примеров тут.

Попасть в админку Bitrix

В корень кидаем файл с содержимым

require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php");
global $USER;
$USER->Authorize(1);
LocalRedirect("/bitrix/admin/");

require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php");

global $USER;

$USER->Authorize(1);

LocalRedirect("/bitrix/admin/");

Затем заходим в админку

Кодировка по умолчанию htaccess

DefaultLanguage ru
AddDefaultCharset windows-1251
php_value default_charset "cp1251"

DefaultLanguage ru

AddDefaultCharset windows-1251

php_value default_charset "cp1251"

Маска телефона JS

Подключаем библиотеку jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

1	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

С официального сайта скачиваем maskedinput.js В итоге получаем маску телефона на input

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
   $("input[name=telefon]").mask("+7 (999) 999-9999");
});
</script>

jQuery(function($){

$("input[name=telefon]").mask("+7 (999) 999-9999");

});

</script>

Если необходимо, можно использовать аргумент (для отключения чистки при частично заполненном номере)

<span class="pun">{</span><span class="pln">autoclear</span><span class="pun">:</span> <span class="kwd">false</span><span class="pun">}</span>

1	<span class="pun">{</span><span class="pln">autoclear</span><span class="pun">:</span> <span class="kwd">false</span><span class="pun">}</span>

Например:

$(control).mask('999-999-9999', {autoclear: false});

1	$(control).mask('999-999-9999', {autoclear: false});

UMI условие if else

%system ifClause('%title%', 'Title страницы: %title%', 'У этой страницы пустой title')%

1	%system ifClause('%title%', 'Title страницы: %title%', 'У этой страницы пустой title')%

%custom geoLink('%data getProperty(%id%,'ssylka_na_tovar')%', %msk_ssylka_na_tovar%)%

1	%custom geoLink('%data getProperty(%id%,'ssylka_na_tovar')%', %msk_ssylka_na_tovar%)%

Условие xslt

<xsl:choose>
    <xsl:when test="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='old_price']/value != 0">
        <span class="article__price article__price--old">
            <xsl:value-of
                    select="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='old_price']/value"/>
        </span>
        <span class="article__price discount__price">
            <xsl:value-of
                    select="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='price']/value"/>
        </span>
    </xsl:when>
    <xsl:otherwise>
        <span class="article__price">
            <xsl:value-of
                    select="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='price']/value"/>
        </span>
    </xsl:otherwise>
</xsl:choose>

<xsl:choose>

<xsl:when test="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='old_price']/value != 0">

<xsl:value-of

select="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='old_price']/value"/>

</span>

<xsl:value-of

select="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='price']/value"/>

</span>

</xsl:when>

<xsl:otherwise>

<xsl:value-of

select="document(concat('upage://',@id))/udata/page/properties/group[@name='cenovye_svojstva']/property[@name='price']/value"/>

</span>

</xsl:otherwise>

</xsl:choose>

htaccess редирект с www на без www

RewriteCond %{HTTP_HOST} ^www\.(.*)$
RewriteRule ^(.*)$ http://%1/$1 [L,R=301]

1 2	RewriteCond %{HTTP_HOST} ^www\.(.)$ RewriteRule ^(.)$ http://%1/$1 [L,R=301]

Bash шпаргалки

Делаем бэкап mysql

mysqldump -u USER -pPASSWORD DATABASE > /path/to/file/dump.sql

1	mysqldump -u USER -pPASSWORD DATABASE > /path/to/file/dump.sql

Создаем архив

tar -cf archive.tar folder/

1	tar -cf archive.tar folder/

Извлекаем архив

tar -xf archive.tar

1	tar -xf archive.tar

Скачиваем файл с сервера (ssh)

scp root@11.22.33.44:/home/user/file.tar.gz /home/folder

1	scp root@11.22.33.44:/home/user/file.tar.gz /home/folder

Закачиваем файл на сервер (ssh)

scp /opt/file.tar.gz root@11.22.33.44:/home/user

1	scp /opt/file.tar.gz root@11.22.33.44:/home/user

Узнать размер папок

du -sh

Ключи:
-s -- сумма
-h -- в МБ/ГБ

du -sh

Ключи:

-s -- сумма

-h -- в МБ/ГБ

Вывести размер папок в текущей директории с их размером и сортировка

du -sh * | sort -hr

1	du -sh * \| sort -hr

Найти упоминание строки кроме директории

grep -rl "title" * --exclude-dir=dir_no_show

1	grep -rl "title" * --exclude-dir=dir_no_show

Посчитать кол-во файлов в котором нашли искомое

grep -rl "title" * --exclude-dir=dir_no_show | wc -l

1	grep -rl "title" * --exclude-dir=dir_no_show \| wc -l

Поиск рекурсивно по… Read More »

Отправка формы обратной связи средствами AJAX

Для отправки формы обратной связи без перезагрузки страницы, сделаем следующее: Создадим 2 файла: index.php, mail.php. index.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js"></script>
<style>
	.top_form_ok,.top_form_error {
		display: none;
	}
</style>
</head>
<body>
<?
echo time();
?>
<hr>
<div class="top_form">
	<form method="POST">
		Введите имя: <input name="name"><br/>
		Введите телефон: <input name="tel"><br/>
		Ваше сообщение: <textarea name="text"></textarea><br/>
		<input type="submit">
	</form>
</div>
<div class="top_form_ok">Успешно отправлено</div>
<div class="top_form_error">Что-то пошло не так</div>

<script>
	$(".top_form").submit(function() { // С каким объектом взаимодействует аякс

		var name = $('.top_form input[name="name"]').val(); 
		var tel = $('.top_form input[name="tel"]').val();
		var text = $('.top_form textarea[name="text"]').val();
																// создаем переменные из полей формы

		var str = {

			'name' : name,
			'tel': tel,
			'text': text
		}														// собираем их в масив	


		$.ajax({
			type: "POST",											// тип отправки данных
			url: "mail.php",  // путь до пхп файла отправки письма
			data: str,												// какие данные отправляем
			success: function(msg) {                              // получаем ответ сервера

				if(msg) {                //если ответ равен  ... то
					$('.top_form_error').css('display','block');
				} else {
					$('.top_form_ok').css('display','block');
					$('.top_form').css('display','none');
				}
			}
		});

		return false;
	});

</script>

</body>
</html>

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.top_form_ok,.top_form_error {

display: none;

}

</style>

</head>

<body>

echo time();

<hr>

Введите имя: <input name="name"><br/>

Введите телефон: <input name="tel"><br/>

Ваше сообщение: <textarea name="text"></textarea><br/>

</form>

</div>

<div class="top_form_ok">Успешно отправлено</div>

<div class="top_form_error">Что-то пошло не так</div>

$(".top_form").submit(function() { // С каким объектом взаимодействует аякс

var name = $('.top_form input[name="name"]').val();

var tel = $('.top_form input[name="tel"]').val();

var text = $('.top_form textarea[name="text"]').val();

// создаем переменные из полей формы

var str = {

'name' : name,

'tel': tel,

'text': text

} // собираем их в масив

$.ajax({

type: "POST", // тип отправки данных

url: "mail.php", // путь до пхп файла отправки письма

data: str, // какие данные отправляем

success: function(msg) { // получаем ответ сервера

if(msg) { //если ответ равен ... то

$('.top_form_error').css('display','block');

} else {

$('.top_form_ok').css('display','block');

$('.top_form').css('display','none');

}

});

return false;

});

</script>

</body>

</html>

mail.php

<?php
function mailSend () {
	$name 		 = $_POST['name'];
	$tel 		 = $_POST['tel'];
	$text 		 = $_POST['text'];

	$site 		 = $_SERVER['HTTP_HOST'];

	$to 		 = "prog@site.ru";// от кого
	$from 		 = "admin@site.ru";// кому

	$subject	 = "Новое письмо с сайта {$site}";

	$message 	 = "<h1>Вам сообщение с сайта {$site}</h1>";
	$message 	.= "Имя: {$name}<br/>";
	$message 	.= "Телефон: {$tel}<br/>";
	$message 	.= "<hr>";
	$message 	.= $text;

	$header  	 = 'MIME-Version: 1.0' . "\r\n";
	$header 	.= "From: {$from}\r\n";
	$header 	.= "Content-type: text/html; charset=utf-8\r\n"; 
	$header 	.= "X-Mailer: PHP mail script";

	mail($to, $subject, $message, $header);
}

mailSend();
?>

<?php

function mailSend () {

$name = $_POST['name'];

$tel = $_POST['tel'];

$text = $_POST['text'];

$site = $_SERVER['HTTP_HOST'];

$to = "prog@site.ru";// от кого

$from = "admin@site.ru";// кому

$subject = "Новое письмо с сайта {$site}";

$message = "<h1>Вам сообщение с сайта {$site}</h1>";

$message .= "Имя: {$name}<br/>";

$message .= "Телефон: {$tel}<br/>";

$message .= "<hr>";

$message .= $text;

$header = 'MIME-Version: 1.0' . "\r\n";

$header .= "From: {$from}\r\n";

$header .= "Content-type: text/html; charset=utf-8\r\n";

$header .= "X-Mailer: PHP mail script";

mail($to, $subject, $message, $header);

}

mailSend();