После вставки кода - пустые квадратики вместо текста.

[moromer]

Здравствуйте.
Уже несколько дней пробую вставить любой код (например Ya.share) в шаблоны страниц. Сразу после вставки кода в шаблон весь текст на сайте заменяется на белые пустые квадратики. Причем, после удаления "чужого" кода квадратики остаются и сайт в исходное состояние не меняется. Лечится это только заменой исправленного файла исходным из дистрибутива.
(Столкнулся с этим, когда ставил Lightbox 2.0 к картинкам в статьях, а потом еще хотел прикрутить социальные закладки, опять не получилось)

Это что, новая форма прибить желание пользователя ковыряться в Cms'ке и модифицировать?
CMS, что проверяет длину файла и если не совпадает - кирдык пользователь, да? Так вообще не захочется больше ничего делать на виарте.

Viart Shop v.4.08 RE 07_11_win1251
шаблон stan, multi_layout

[oldmanager]

Может кодировка ломается?

[Skylink]

Скорее всего сохраняете в неправильной кодировке.

[moromer]

Скорее всего сохраняете в неправильной кодировке.

Работаю в EditPlus v2.30
Вот уж и не знаю, что вам сказать, не уверен, что в этой кодировке дело. Попробую блокнотом.

[Aleksey]

Напишите, какой код и куда вставляете.

[moromer]

Когда ставил lightbox 2.0
Все стандартно: залил в папку js яваскрипты,
залил в папку styles файл lightbox.css,
вставил в файл vi_multi_layout.html в тег head этот код

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script> 

в нем же прописал стили

<link rel="stylesheet" href="styles/lightbox.css" type="text/css" media="screen" /> 

В содержимом статьи в теге <a> (ссылки на фотографию) прописал атрибут стиля

<a href="http://viarts.ru/forum/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Все сохранил.
Сначала выпадали пустые квадратики, потом как-то поборол. Но не знаю как. Делал все по одному алгоритму.
Начал работать Lightbox, но сразу слетел шаблон (в IE вообще перестал грузить сайт, в опере грузит и запускает отладку сразу, в ГуглХром просто пропускает ошибки). И ошибку начал выдавать со ссылкой на двадцатую строку страницы шаблона (что-то связанное c "Null", уже не помню). Ковыряться дальше не стал, заменил шаблон на исходный и лег спать.

Сейчас поставил Ya.share
Квадратики исчезли. Обновил свой редактор EditPlus. Но шаблон по-прежнему гуляет....
shablon.JPGСлетевший шаблон

Делал вот так:
Этот код

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> 

поместил в страничку vi_multi_layout.html в тег Header

Этот код

<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug"></div> 

поместил в страницу шаблона block_articles_details.html
здесь

<div class="TopLeft"></div>
                <div class="TopRight"></div>
                <div class="TopTitleIco">
                    div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug">
                        <a href="{articles_print_href}?article_id={article_id}"><img src="http://viarts.ru/forum/images/ico-print.gif"  alt="{PRINTER_FRIENDLY_MSG}" border="0" /></a>
                        <a onclick="window.open('{tell_friend_href}','tell_friend','toolbar=no,scrollbars=yes,resizable=no,width=425,height=400');return false;" href="{tell_friend_href}"><img src="http://viarts.ru/forum/images/ico-friend.gif" alt="{TELL_FRIEND_TITLE}" border="0" /></a>
                    </div>
                </div>
                <div class="TopTitle">
                    <div class="TopTitleBgr"><h1>{block_title}</h1></div>
                    <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug">
                    <div>
                </div> 

Теперь отображается Ya.share после названия статьи.
И это привело к вот этому.(см. миниатюру) Т.е. либо отображаются Ya.share либо будут отображаться "письмо другу и печать". Либо вообще вставить этот Div чуть ниже и тогда получается YA.share под названием статьи
А вот положить этот блок в то место, где стоят значки "отправить другу и печать" без искривления шаблона да еще с сохранением этих значков не удается.

[moromer]

Начал обращать внимание на кодировки файлов Lightbox. оказывается в архиве они все идут в кодировке Unix Ansi, а наш Viart работает в Unix UTF-8+ (вроде бы).
Попробовал изменить кодировку файлов из пакета Lightbox.
В редакторе:
Скопировал все в буфер
Документ->Кодировка файла->изменить кодировку файла
Вставить все из буфера.

Результат: квадратики пропали, но Lightbox почему-то не работает. Буду разбираться.
Отладчик говорит, что в теле vi_multi_layout есть функция, которая и дает сбой:

$(document).ready(function() {
statya-123456:25 Uncaught TypeError: Object #<HTMLDocument> has no method 'ready'
$('.contentMulti>div>div>div:empty').wrapInner('<d iv class="padd1" />');});

Сбой выражается в том, что после события onmouse over в горизонтальном меню, его пункт пропадает. Как это все побеждать? Ума не приложу.

[oldmanager]

...Этот код

<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug"></div> 

поместил в страницу шаблона block_articles_details.html
здесь

<div class="TopLeft"></div>
                <div class="TopRight"></div>
                <div class="TopTitleIco">
                    div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug">
                        <a href="{articles_print_href}?article_id={article_id}"><img src="http://viarts.ru/forum/images/ico-print.gif"  alt="{PRINTER_FRIENDLY_MSG}" border="0" /></a>
                        <a onclick="window.open('{tell_friend_href}','tell_friend','toolbar=no,scrollbars=yes,resizable=no,width=425,height=400');return false;" href="{tell_friend_href}"><img src="http://viarts.ru/forum/images/ico-friend.gif" alt="{TELL_FRIEND_TITLE}" border="0" /></a>
                    </div>
                </div>
                <div class="TopTitle">
                    <div class="TopTitleBgr"><h1>{block_title}</h1></div>
                    <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,moikrug">
                    <div>
                </div> 

Теперь отображается Ya.share после названия статьи.
И это привело к вот этому.(см. миниатюру) Т.е. либо отображаются Ya.share либо будут отображаться "письмо другу и печать". Либо вообще вставить этот Div чуть ниже и тогда получается YA.share под названием статьи
А вот положить этот блок в то место, где стоят значки "отправить другу и печать" без искривления шаблона да еще с сохранением этих значков не удается.

А вы специально код Яндекса два раза вставили? Ваш div в примере выше без открывающей скобки <. Может это причина?

P.S. Или попробуйте вложить код Яндекса в div со сылками на печать и письмо (после ссылки на письмо). Там достаточно вставить

            <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
            <div style="display: inline-block" class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,odnoklassniki"></div>

[moromer]

А вы специально код Яндекса два раза вставили? Ваш div в примере выше без открывающей скобки <. Может это причина?

Да, код яндекса ставил два раза специально, чтобы посмотреть как работает и где ломает шаблон, а где - нет. + оценить красоту исполнения.
Закрывающая скобка в теге div в коде присутствует, причина не в этом.
В суть причины поломки шаблона при вставлении кода

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
            <div style="display: inline-block" class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,odnoklassniki"></div> 

сразу за тегом </a> внутри Div'а со сылками на печать и письмо я так и не докопался.
Но подозреваю, что код Div'а, в который вложен Ya.share загружает контейнер <span></span>. А уже этот контейнер чего-то творит.

Поэтому как промежуточное решение просто загнал этот блок в самый низ статьи. Конечно, это не эстетично, но зато там шаблон не ломается.

Кстати, Lightbox, тоже так и не встал корректно без поломки шаблона. Если кто-то сталкивался с такими проблемами, прошу отписаться.