Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.03.2015, 18:31
Новичок на форуме
Отправить личное сообщение для faig92 Посмотреть профиль Найти все сообщения от faig92
 
Регистрация: 28.03.2015
Сообщений: 1

возврат на прежний css
Есть кнопка при нажатии на него происходит двойная функция:
1)открывается jaquar окошка
2)меняет путь к .css (link href=)
Проблема со вторым!!! Вторая задача переключает стиль как положено, Но хотелось чтобы при нажатии вне окошка возвращал прежний вид css.
Первый очередь я предоставлю видео:
<iframe width="420" height="315" src="https://www.youtube.com/embed/q9g8oMoHSxA" frameborder="0" allowfullscreen></iframe>




Этот скрипт который переключает стиль (.css)
Код:
<script type="text/javascript" src="js/jquery.style-switcher.js"></script>
 <script type="text/javascript">
  $(document).ready(function() {
	$('#header').styleSwitcher();
});
</script>
<div id="header">
<a  title="switch styling" id="whoisandywhite2" class="$myrow[id]" href="#inline$myrow[id]">Отправить сообщение</a>
</div>

Скрипт в файле js/jquery.style-switcher.js:
Код:
/*
 * jQuery styleSwitcher Plugin
 * Examples and documentation at: 
 * http://www.immortalwolf.com/demo/jquery-style-switcher/
 * Copyright (c) 2011 immortal wolf
 * Version: 1.4 (27-JAN-2011)
 * Dual licensed under the MIT and GPL licenses.
 * http://en.wikipedia.org/wiki/Gpl
 * http://en.wikipedia.org/wiki/MIT_License
 * Requires: jQuery v1.2.6 or later
 * 
 * @version 1.4 changelog:
 * 		- added cookie support
 * 		- allow usage of either JavaScript or PHP for
 * 			cookie management via jQuery config options 
 */
 
(function($) {
	$.fn.styleSwitcher = function(options){		
		var defaults = {	
			slidein: true, preview: true, container: this.selector, directory: "structure/css/", useCookie: true, cookieExpires: 30, manageCookieLoad:true	
		};
		var opts = $.extend(defaults, options);
		// if using cookies and using JavaScript to load css
		if (opts.useCookie && opts.manageCookieLoad) {
			// check if css is set in cookie
			var isCookie = readCookie("style_selected")
			if(isCookie){
				var newStyle = opts.directory + isCookie + ".css";
				$("link[id=whoisandywhite]").attr("href",newStyle);
				baseStyle = newStyle;
			}
			else{
				
			}
		}		
		// if using slidein
		if(opts.slidein){
			$(opts.container).slideDown("slow");
		}


		
		

		
		
		
		
		
		$(opts.container + " a").click(
			function () {
				var newStyle = opts.directory + this.id + ".css";
				$("link[id=whoisandywhite]").attr("href",newStyle);
				baseStyle = newStyle;
				if(opts.useCookie){
					createCookie("style_selected",this.id,opts.cookieExpires)
				}
			}
		);
		
	};

	function readCookie(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return null;
	}	

})(jQuery);
И имеется два css стиля (в папке structure/css/):
whoisandywhite.css - основной
whoisandywhite2.css - появляется при клике

Я предоставил только код смены дизайна
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подключение css bartle96 Элементы интерфейса 13 27.07.2013 19:03
JQuery CSS анализатор javascript jQuery 2 15.08.2010 21:27
Подскажите по CSS меню Александр_1988 Элементы интерфейса 1 17.05.2010 11:58