Web Мастерская
Контакт

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

jQuery: Как заменить класс у элемента

Библиотека JS
Для замены класса будем использовать две функции:
  • removeClass: Удаляет класс или классы, что были указанны.
  • addClass: Добавляет указанный класс элементу.

Допустим элемент div#taskInfo имеет класс displayNone, который нам необходимо заменить на displayInlineBlock: 
<div id="taskInfo" class="displayNone"></div>

Делаем так: 
$('#taskInfo').removeClass('displayNone').addClass('displayInlineBlock');

Предварительно стоит проверить наличие класса, что необходимо заменить: 
if ($('#taskInfo').hasClass('displayNone')) {
	$('#taskInfo').removeClass('displayNone').addClass('displayInlineBlock');
};
...

Как записать массив в файл на PHP

PHP
Для записи в файл, можно использовать функцию file_put_contents, которая и была создана для записи в файл. Пример: 
// $file: Путь и имя файла, в который будет осуществляться запись
// $content: Текст / Код, который необходимо записать
file_put_contents($file, $content);

Если указанного файла не существует, функция file_put_contents его создаст. И если файл создан, функция его перезапишет.

Функция отлично пишет строки, но вот писать массивы не умеет. Чтобы записать массив в файл, при помощи file_put_contents, необходимо предварительно перевести "структуру" массива в строку. Сделать это можно функцией var_export, добавив второй необязательный параметр: true (true - возвращает представление переменной вместо его вывода): 
// $file: Путь и имя файла, в который будет осуществляться запись
// $content: Массив, который необходимо записать в файл
$content = var_export($content, true);
file_put_contents($file, $content);

Теперь массив будет записан в файл, сохранив свою структуру....

Вложенная буферизация ob_start()

PHP
Мой движок использует буферизацию. При написании одного модуля (Блог: Обработать файл перед его получением на PHP) мне потребовалось добавить в уже существующею буферизацию, ещё одну. В интернете искал, как правильно сделать вложенную буферизацию и решение было найдено. Моя буферизация в буферизации выглядит так: 
		// Получение шаблона приложения
		ob_start();
		include (phpfox::getParam('core.dir_app') . $id . PHPFOX_DS . 'page' . PHPFOX_DS . $page . '.php');
		$html = ob_get_clean();
		// End: Получение шаблона приложения
...

Обработать файл перед его получением на PHP

PHP
При написании одного модуля для движка, потребовалось получать шаблоны для вставки кода в уже загруженную страницу. Делал это так: 
		// Получение шаблона приложения
		$html = file_get_contents(phpfox::getParam('core.dir_app') . $id . PHPFOX_DS . 'page' . PHPFOX_DS . $page . '.php', true);

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

Чтобы PHP код выполнялся перед вставкой шаблона в страницу, было принято решение заменить file_get_contents, на: 
		// Получение шаблона приложения
		ob_start();
		include (phpfox::getParam('core.dir_app') . $id . PHPFOX_DS . 'page' . PHPFOX_DS . $page . '.php');
		$html = ob_get_contents();
		ob_end_clean();
		// End: Получение шаблона приложения

Так работает, как хотелось. Код выполняется перед вставкой в страницу.

Так как мой движок изначально использует буферизацию,...

Копирование SVG

SVG
При правках иконок на SVG, может появиться необходимость скопировать полностью или какую то часть иконки. Чтобы не плодить один и тот же код несколько раз, его можно выводить в нужном месте, при помощи тега <use>.

Так как все иконки находятся у меня в отдельном файле, в этом же файле я написал макет, который используется во многих SVG картинках: 
	<defs>
		<g id="model">
			<!-- Код макета -->
		</g>
	</defs>

Теперь там, где мне нужен макет, получаю его в иконку так: 
<use xlink:href="#model"/>

Важно: Если Вы как и я храните иконки в отдельном файле, и в этом файле используете тег <use>, в открывающемся теге <svg> должна присутствовать строка: xmlns:xlink="http://www.w3.org/1999/xlink": 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

Чтобы не повторять мои ошибки: Тема: Ошибки в коде SVG.

Возможно, будет интересно:
...
Реклама