Есть два замечательных java-скрипта. Первый — это cufon, позволяющий сделать на сайте красивые заголовки, практически с любым шрифтом. Писать об этом подробно я не буду, так как в сети множество информации на эту тему. Второй замечательный скрипт — это styleswitcher, позволяющий посетителю на лету менять цветовую схему оформления сайта)
Сами по себе, эти два скрипта чудесно работают. О Styleswitcher я уже писал ранее. Однако, недавно, разрабатывая одну симпатичную тему оформления, в которой я использовал и тот и другой скрипты, я столкнулся со следующей проблемой.
По умолчанию, при смене цветовой схемы оформления элементы, которые должны быть обработаны cufon, не обрабатывались им. То есть, скажем, в теме оформления определено, что шрифт всех заголовков на сайте должен отображаться красивым шрифтом Decor, и они отображаются этим шрифтом, но отображаются им только до тех пор, пока посетитель не изменить цветовую схему по умолчанию, на любую другую цветовую схему, поддерживаемую темой оформления. Сразу после этого, красивые заголовки начинают отображаться обычным, ничем не примечательным шрифтом.
Для того, чтобы это поправить, нужно вместо такой конструкции в header:
|
1 2 3 4 5 |
<script type="text/javascript"> Cufon.replace("h1"); Cufon.replace("h2"); Cufon.replace("h3"); </script> |
использовать такую:
|
1 2 3 4 5 6 7 8 |
<script type="text/javascript"> function cufonify() { Cufon.replace("h1"); Cufon.replace("h2"); Cufon.replace("h3"); } cufonify(); </script> |
вместо:
|
1 2 3 4 5 6 7 8 |
<div class="stylewp"> Выберите цвет оформления <ul class="color"> <li><input id="black" name="theme" type="radio"/><label>Чёрный</label></li> <li><input id="white" name="theme" type="radio"/><label>Белый</label></li> </ul> </div> |
использовать:
|
1 2 3 4 5 6 7 8 |
<div class="stylewp"> Выберите цвет оформления <ul class="color"> <li><input id="black" name="theme" type="radio"/><label>Чёрный</label></li> <li><input id="white" name="theme" type="radio"/><label>Белый</label></li> </ul> </div> |
В файле styleswitcher.js
Функцию:
|
1 2 3 4 5 6 7 8 9 |
function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } |
Заменить на:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
function setActiveStyleSheet(title, callback) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } if(callback) callback(); } |
Данные изменения в коде помогают устранить описанный баг с заменой шрифтов
Меня зовут Алексей, мне 39 лет, и вот уже десять лет как одним из моих многочисленных увлечений стало создание и продвижение сайтов. Подчёркиваю, что это именно хобби, а не основная моя работа. Тем не менее, я никогда не упускал возможности заработать на своих увлечениях. На страницах этого сайта, вы найдёте как множество моих наработок в сфере сайтостроения, так и полезную информацию о продвижении готовых сайтов. Если вы любознательны и любите узнавать новое, мои рекомендации помогут вам освоиться в непростом деле создания сайтов и их продвижения. Ну а если вы слишком далеки от html, css и прочих web-штучек, вы всегда можете воспользоваться моими услугами как вебразработчика, так и сеошника. Желаю Вам с пользой провести время на моём сайте!