Файлы статей

Плагин на JQuery для получения и замены выделенного на странице такста

Плагин на JQuery для получения и замены выделенного на странице такста.

Работать с ним очень просто:

Используется функция $.selection(window), она возвращает объект с двумя методами get и set.

$.selection().get().html // вернет выделенный html
$.selection().get().text // вернет выделенный text
$.selection().set('Привет'); // заменит выделенный текст на Привет
$.selection().set(text,function(text,info,replaceFunc){
	replaceFunc('Привет') // заменяем выделенную часть на Привет 
	return false; // тогда по умолчанию set не зменяет text 
}); // заменит выделенный текст на Привет 
$.selection().set(text,function(text,info,replaceFunc){ 
	replaceFunc(info.html.replace('Hello','Привет')) // заменяем в выделенной части Hello на Привет 
	return false; // тогда по умолчанию set не зменяет text 
}); // заменит выделенный текст на Привет

По сути, это не плагин jQuery. И практически не использует ее инфраструктуру. Так что без труда можно подключить к любой библиотеке.

Модуль Интернет магазин на Danneo CMS v.0.5.4

Модуль Интернет магазин на Danneo CMS v.0.5.4. 

В модуле есть корзина, прайслист, заказ, и выписка квитанции

Демо можно потрогать тут

Подробнее

Модуль Интернет магазин на Danneo CMS v.0.5.3

Модуль Интернет магазин на Danneo CMS v.0.5.3 

В модуле есть корзина, прайслист, заказ, и выписка квитанции

Демо можно потрогать тут

Подробнее

Универсальный Генератор RSS

Универсальный генератор RSS. Поддерживает формат RSS1.0, RSS2.0, ATOM.

Плагин Галерея xdGallery на jQuery

Плагин галерея на jQuery. Примеры использования

Для того чтобы плагин работал к проекту нужно подключить следующие файлы

<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/jquery.xdGallery.js"></script>
<link rel="stylesheet" href="js/xdGallery/jquery.xdGallery.css" type="text/css" /

Сами items'ы подаются в произвольном виде, главное они должны быть в неком боксе

<div id="myGallery">
	<img alt="xdGallery на jQuery" src="tmp/images/jquery/xdGallery/photo1.jpeg"/> 
	<img alt="xdGallery на jQuery" src="tmp/images/jquery/xdGallery/photo2.jpeg"/>
	<img alt="xdGallery на jQuery" src="tmp/images/jquery/xdGallery/photo3.jpeg"/>
</div>

ну и непосредственно вызов плагина нужно делать в событии onDomReady

$(function(){
 $('#myGallery').xdGallery({navigation:5});
});
xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery

и вертикальный вариант

$(function(){
 $('#myGalleryVertical').xdGallery({horizontal:false});
});

xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery xdGallery на jQuery

доступные опции

Название Описание Значение по умолчанию
shag px за один шаг прокрутки 200
speed время за которое карусель прокрутится на один шаг(shag) 200
itemClass пометка каждого item'а классом itemXDGalery
easingWheel характер прокрутки при вращении колесиком swing
easingNext характер прокрутки при прокрутке через next,prev linear
easingDrag характер прокрутки при перетаскивании, эффект инерции linear
invertWheel инвертировать прокрутку при вращении колесика мышки (1 или -1) 1
invertNext инвертировать прокрутку при нажатии кнопок next и prev (1 или -1) -1
horizontal горизонтальная ориентация галереи, по умолчанию true, если false то вертикальная ориентация true
onHoverNext прокручивать карусель при наведении на кнопку next или prev false
navigation навигация, если false, то выключена. Если >0, то равно на сколько табов будет делиться карусель, если указать = 0, то будет автоматически подбирать под количество items false

 

Класс переводчик текста на PHP через Google Translate

Класс парсит возвращенную Google Translate страницу результата и возвращает переведенный текст извлеченный из страницы.

 

Пример использования

<?php
error_reporting(E_ALL ^ E_NOTICE);
include('translate.class.php');
$x = new translator_text();
$text = 'Al Hotel Demo si vive in armonia con se stessi';
echo'<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">';
echo $x->translate(strip_tags(trim($text)), 'it', 'ru');
?> 

 

COIN SLIDER симпотичный слайдер на jQuery

Как использовать

Подключаем все необходимые файлы:

<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

Далее добавляем в страницу нужные изображения. В таком формате

<div id='coin-slider'>
	<a href="img01_url" target="_blank">
		<img src='img01.jpg' >
		<span>
			Описание изображения №1
		</span>
	</a>
	......
	......
	<a href="imgN_url">
		<img src='imgN.jpg' >
		<span>
			Описание изображения №n
		</span>
	</a>
</div>

Инициализируем плагин

<script type="text/javascript">
jQuery(function() {
	$('#coin-slider').coinslider();
});
</script>

Подробнее в статье Симпотичный COIN слайдер на jQuery с уникальными эффектами перехода

Страница 2 из 4