Не работают стили (css) в Internet Explorer

[tol64]

Здравствуйте!

Пробую на блоге (на движке blogspot) сделать подсветку кода с помощью библиотеки SyntaxHighlighter. В браузерах Chrome, Opera и Mozilla Firefox всё отображается правильно. А в IE стили не включаются.

Пример можно посмотреть вот здесь: http://itsonetest.blogspot.com/2012/10/blog-post.html

Код пробовал размещать в head и в теле сообщения. Во всех перечисленных браузерах всё ок, где не расположи, кроме IE. Подскажите, как сделать так, чтобы и в IE отображалось корректно. При чём это касается не только этой библиотеки, но и, например, DataTable (таблица с возможность сортировки).

<!-- Подсветка синтаксиса языков программирования -->
<link href='https://sites.google.com/site/libcodes/home/shCoreDefault.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/libcodes/home/shCore.js' type='text/javascript'/>
<script src='https://sites.google.com/site/libcodes/home/shBrushMql5.js' type='text/javascript'/>
<script type='text/javascript'>SyntaxHighlighter.all();</script>

Если файлы расположены на компьютере, то проблем с отображением нет. Но если на сервере (в данном случае на сайтах Google), то только в IE отображение не корректное.

Прошу помочь разобраться.

[Great Rash]

Оно нигде не должно работать (собственно в моем Хроме оно и не работает). Потому что:

Uncaught SyntaxError: Unexpected token < sites.google.com/site/libcodes/home/shCore.js?pli=1:1

Uncaught SyntaxError: Unexpected token < sites.google.com/site/libcodes/home/shBrushMql5.js?pli=1:1

Uncaught ReferenceError: SyntaxHighlighter is not defined blog-post.html:27

[tol64]

Оно нигде не должно работать (собственно в моем Хроме оно и не работает). Потому что:

Uncaught SyntaxError: Unexpected token < sites.google.com/site/libcodes/home/shCore.js?pli=1:1

Uncaught SyntaxError: Unexpected token < sites.google.com/site/libcodes/home/shBrushMql5.js?pli=1:1

Uncaught ReferenceError: SyntaxHighlighter is not defined blog-post.html:27

У меня только в IE некорректное отображение. А как понять эти сообщения об ошибке? То есть, как перевести понятно, а что сделать нет. )) Примерно получается, что IE блокирует загрузку файлов. Так?

Хотя вот вижу мне ещё пишут, так же, как и Вы, что в Chrome тоже некорректно. А у меня почему-то в Chrome нормально всё.

Если проблема в загрузке файлов, не подскажете какое-нибудь хранилище для размещения и использования файлов для сайтов?

[Great Rash]

Unexpected token < - говорит о том, что в скрипте, расположенном по адресу sites.google.com/site/libcodes/home/shCore.js?pli=1 , возникает ошибка на первой строке (не в том месте стоит символ <). Код вероятно не ваш, значит исправить вы его не можете. Возможно вы неправильно что-то подключаете.

Вторая ошибка говорит о том же. Только уже для скрипта, расположенного по адресу sites.google.com/site/libcodes/home/shBrushMql5.js?pli=1

Если где-то выже в JS произошла критическая ошибка, то дальнейшее выполнения скриптов останавливается, именно по этому SyntaxHighlighter неопределен.

Как мне кажется тут, например, у вас лишние слеши:

<script src="https://apis.google.com/_/apps-static/_/js/gapi/plusone/rt=j/ver=DJcjH2yIU8M.ru./sv=1/am=!-5iK5mLqTdGIwAcTTA/d=1/rs=AItRSTPfrwJLQ4zT3NmCY550H8eRcjP8xQ/cb=gapi.loaded_0" async=""></script>

[tol64]

Unexpected token < - говорит о том, что в скрипте, расположенном по адресу sites.google.com/site/libcodes/home/shCore.js?pli=1 , возникает ошибка на первой строке (не в том месте стоит символ <). Код вероятно не ваш, значит исправить вы его не можете. Возможно вы неправильно что-то подключаете.

Вторая ошибка говорит о том же. Только уже для скрипта, расположенного по адресу sites.google.com/site/libcodes/home/shBrushMql5.js?pli=1

Если где-то выже в JS произошла критическая ошибка, то дальнейшее выполнения скриптов останавливается, именно по этому SyntaxHighlighter неопределен.

Как мне кажется тут, например, у вас лишние слеши:

<script src="https://apis.google.com/_/apps-static/_/js/gapi/plusone/rt=j/ver=DJcjH2yIU8M.ru./sv=1/am=!-5iK5mLqTdGIwAcTTA/d=1/rs=AItRSTPfrwJLQ4zT3NmCY550H8eRcjP8xQ/cb=gapi.loaded_0" async=""></script>

У меня есть доступ к файлам. Используемые библиотеки распространяются бесплатно. Я подготовил простой пример, где можно попробовать использовать файлы с компьютера и с сервера по ссылкам. Это одни и те же файлы. Если файлы используются с компьютера, то отображается в IE всё правильно. А если с сервера, то есть какая-то проблема.

Все нужные файлы в архиве. Посмотрите пожалуйста.

Архив TestSHL

//—

А код, который Вы привели в пример (с лишними слэшами), я не узнаю что-то. Это при просмотре исходного кода в каком браузере так показывает?

[Great Rash]

А код, который Вы привели в пример (с лишними слэшами), я не узнаю что-то. Это при просмотре исходного кода в каком браузере так показывает?

В инспекторе (F12) в Хроме.

[tol64]

А код, который Вы привели в пример (с лишними слэшами), я не узнаю что-то. Это при просмотре исходного кода в каком браузере так показывает?

В инспекторе (F12) в Хроме.

Поиграл с настройками отладчика в Chrome. В правом нижнем углу если кликнуть по значку шестерёнки, откроются настройки. В разделе General, если поставить флажок Disable JavaScript, то скрипты блокируются. У меня, когда эта опция отключена в Chrome отображается всё ок. Если включена, то не отображается, как и в IE.

По умолчанию, после установки, эта опция отключена. То есть, пользователи, которые просто пользуются браузером увидят сайт с подсветкой кода так, как задумывал автор. Может и в IE есть подобная опция...

Edited October 31, 2012 by tol64

[Great Rash]

У меня в Хроме не запрещен JS, но ничего не работает при этом. Вы явно где-то косячите. Соберите отдельную страницу без CMS.

[tol64]

У меня в Хроме не запрещен JS, но ничего не работает при этом. Вы явно где-то косячите. Соберите отдельную страницу без CMS.

Уже собрал и выложил архив со всеми файлами выше (Архив TestSHL) для воспроизведения. Пытаюсь понять, где косяк и что-то никак не выходит. У меня во всех браузерах кроме IE всё корректно. У вас вот ещё и в Chrome. Ещё один пользователь на другом форуме тоже сообщил, что в Chrome не работает.

В IE в режиме отладки высвечивается ошибка:

SCRIPT5009: "SyntaxHighlighter" не определено

index.html, строка 18 символ 1

//—

Но почему-то во всех остальных браузерах всё ведь корректно отображается. Вот я и пытаюсь определить/понять причину этого недоразумения. Локально всё работает. Проблема начинается, когда я даю команду загружать файлы скриптов с сервера. И у меня это только в IE.

[Great Rash]

Мне влом тянуть и распаковывать архив, тем более с рапидшары, которую я ненавижу всем сердцем! У вас же есть домен itsonetest.blogspot.ru, почему бы не запилить там?

[tol64]

Мне влом тянуть и распаковывать архив, тем более с рапидшары, которую я ненавижу всем сердцем! У вас же есть домен itsonetest.blogspot.ru, почему бы не запилить там?

Извиняюсь. Вот все необходимые для воспроизведения файлы:

Скачать >>

index.html

shCoreDefault.css

shCore.js

shBrushMql5.js

Для того, чтобы переключаться в разные режимы (локальный/сервер), нужно просто закомментировать/раскомментировать в редакторе строки в файле index.html.

[Great Rash]

Для доступа к файлам нужно разрешение. Повторю в третий раз: у вас же есть домен itsonetest.blogspot.ru, почему бы не запилить там?

[tol64]

Для доступа к файлам нужно разрешение. Повторю в третий раз: у вас же есть домен itsonetest.blogspot.ru, почему бы не запилить там?

Спасибо. Только что изменил режим доступа к файлу и всё заработало. )) Сбило с толку, что другие браузеры почему-то не проявляли проблему.

По поводу загрузки файлов на itsonetest.blogspot.ru. Там к сожалению нет такой возможности насколько знаю. Приходиться загружать их на сервис Сайты Google и оттуда уже брать ссылки на загрузку для использования в блоге.

Ещё раз спасибо за проявленное терпение. Пять форумов замучил своей невнимательностью. )))

[Great Rash]

решение нашлось случайно... Да, теперь все заработало.