В продолжение темы подсветки кода. На этот раз реализация от Google под названием Google-code-prettify. Реализована на JavaScript + CSS.
Все заметки с тегом «JavaScript»
-
Подсветка кода. На этот раз от Google
17 мая 2007
-
Литература по Javascript
4 мая 2007
Немного руководств и книжек по Java Script. Думаю, многим пригодится...
-
Неплохой обзор возможностей TinyMCE
26 апреля 2007
TinyMCE (англ. Tiny Moxiecode Content Editor) платформонезависимый Javascript HTML WYSIWYG редактор на основе Web. К основным характеристикам программы относятся поддержка тем/шаблонов, языковая поддержка и возможность подключения модулей (плагинов). Используется В различных Системах Управления Контентом (CMS)
Поддерживается всеми популярными браузерами (Mozilla, Firefox, Opera, Netscape, MSIE, Safari).
-
Виджеты для вашего сайта
25 апреля 2007
Сегодня поразительно удачный день. Всё хотел пописать скрипт комментариев. Теперь не хочу... Наткнулся на JS-Kit.
JS-Kit - система виджетов для сайта, состоящая из Комментариев, опросов и рейтинга.
Для вставки на свой сайт требуется лишь прописать что-то вроде
<script src="http://js-kit.com/comments.js"></script>
Всем заинтересовавшимся советую посетить сайт проекта.
p.s. кажется, скоро всё-таки появятся комментарии...
-
highlight.js 3.0
16 апреля 2007
Вышла новая версия замечательного js-инструмента для подсветки синтаксиса.
-
Печатная версия с помощью Javascript
10 апреля 2007
Неплохая статья Артюх Юрия про реализацию переключение на печатный вид и обратно без перезагрузки страницы путём подмены CSS.
p.s. с переездом пока подожду... куда-то подевалось всё время.
-
Подсветка синтаксиса
28 марта 2007
Когда-то я упоминал замечательный PHP-класс для подсветки синтаксиса: GeSHi. Недавно прошёлся по решениям на JavaScript и нашёл скрипт, в чём-то схожий с GeSHi.
dp.SyntaxHighlighter поддерживает
C#
CSS
C++
VB & VB.NET
Delphi, Pascal
Java
JavaScript
PHP
Python
Ruby
SQL
XML, HTML, XSLT и другой XML-код
умеет расставлять номера строк.
Смотрим демонстационную страничуку. Если понравилось - пользуемся.
-
Вышла новая версия JsHttpRequest 5.0: еще лучшая кроссбраузерность!
14 марта 2007
Обновилась замечательная AJAX-библиотека!
Главные нововведения по сравнению с версией 4.x:
Код frontent-части практически полностью переписан. Теперь он модульный: можно самостоятельно отключать ненужные загрузчики.
Еще большая кроссбраузерность (в частности, решена проблема с падениями в IE 5.0).
Автоматический framework для тестирования библиотеки в различных браузерах (JsTest).
Дополнительные отладочные возможности (например, централизованное хранение всех текстов ошибок).
В backend-части используется встроенная в PHP5 функцию json_encode() (если она недоступно, то работает старый способ, который в 3 раза медленнее).
Появилась полная спецификация протокола обмена данными между backend и frontend (на английском языке).
Код библиотеки оптимизирован по размеру при помощи утилит из Dojo Toolkit (соответственно, размер библиотеки уменьшился).
-
DOMAssistant
2 марта 2007
JavaScript-библиотека DOMAss недавно была переименована в DOMAssistant, стала совместимой с Prototype, jQuery и другими библиотеками.
Библиотека очень удобна:
// Получить прямую ссылку на элемент DOM $('id-of-element'); // Получить детей класса 'mandatory' элемента с id=id-of-element $('id-of-element').getElementsByClassName('mandatory'); // Получить детей с атрибутом type=text $('id-of-element').getElementsByAttribute('type', 'text'); // Добавить элементу класс 'selected' $('id-of-element').addClass('selected'); // Добавить элементу событие onClick() $('id-of-element').addEvent('click', functionToCall);
В общем, пробуем DOMAssistant
-
Лучший способ закругления углов без картинок
23 февраля 2007
Nifty Corners Cube - самый лучший, как я думаю, способ создания блока с закруглёнными углами. Уголки закругляются при помощи скрипта Java Script, вес которого всего 9 килобайт.
Код при этом выглядит так:
<script type="text/javascript"> window.onload=function(){ alert("oload catched: now nifty corners are ready to round!"); } </script> <script type="text/javascript" src="niftycube.js"></script> <script type="text/javascript"> NiftyLoad=function(){ Nifty("div#box","big"); } </script>
<div id="box"> <h1>Nifty Corners Cube™</h1> <p>One call. Two parameters. Three sizes.</p> </div>