Есть кнопка при нажатии на него происходит двойная функция:
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 - появляется при клике
Я предоставил только код смены дизайна