Go?

Так «вперед» или «дерзай»?

Colorbox: страница сайта по правому клику

Как-то трудно было кратко сформулриовать тему, но смысл этого поста в том, что я активно пользуюсь плагином для jQuery под названием Colorbox, чтобы создавать лайтбоксы (это такие окошки). Принцип его работы в том, что он перехватывает значение атрибута href в ссылке и при помощи AJAX загружает в выскакивающем окошке содержимое того файла, на который ведет ссылка.

Все отлично, но нажать на ссылке правой кнопкой мыши и выбрать пункт «Открыть в новой вкладке», либо открыть ссылку в новой вкладке каким-то другим способом, то в этой самой новой вкладке открывается окошко без шапки, подвала и прочих радостей, которые есть в дизайне сайта. То есть вот так:

Конечно, не все посетители кидаются открывать эти окошки в новых вкладках или окнах, но некоторые все таки вытворяют такие фокусы. И к тому же для тех же самых поисковиков это не круто, потому что они индексируют у вас на сайте непонятно что, и потом в выдаче тоже ссылаются на это самое непонятно что, которое на картинке.

И вот я сел и задумался, а потом еще ехал в маршрутке и думал, а потом ужинал и думал, а потом засыпал и думал, а потом... Короче мне очень захотелось сделать, чтобы все было красиво. Думал я, думал, и вспомнил, что в этом самом Colorbox есть параметр href, который позволяет вместо такого же из ссылки подставлять для окошка совершенно другой.

То есть нам достаточно прописать в параметрах плагина следующее:


$("a[rel='number']").colorbox({
 href:function(){
  return '/ajax/number.php?comicvine='+$(this).attr('to');
 },
 opacity:0.5
});


А ссылка будет иметь следующий вид:

<a href="/publishers/31/18462/164834/" rel="number" to="164834">Nova (2007) #27</a>

То есть в элементе A атрибут href у нас будет использоваться для перехода на нормальную страницу, а атрибут to, будет использоваться для передачи переменной в скрипт для создания окошка. Я понимаю, что в спецификации такого атрибута нет, но любой браузер его просто проигнорирует, а вот jQuery воспринимает вполне нормально такие обращения со спецификацией.

И да, в параметрах Colorbox для ссылки на новое окошко у нас используется функция потому, что если попытаться передать просто ссылку такого вида:

/ajax/number.php?comicvine='+$(this).attr('to')

то ничего не получится. Colorbox не воспримет нормально $(this).attr('to'). И в окошке появится надпись undefined, то есть переменная не перехватывается. А вот с функцией все работает корректно.

То есть все решается довольно просто.

База комиксов

А вто прикольно, когда сделаешь что-нибудь, а оно потом само по себе функционирует без твоего участия. Вот и с базой переводов комиксов на русский язык так. Я там уже и не появляюсь почти. Только иногда на вопросы захожу ответить. А она как-то сама работает. Пользователи ее наполняют. Все красиво.

Safari и Agava

Уж не знаю, так ли это или нет, но если я работаю с сайтом, который хостится у Агавы, то браузер Safari делает какую-то пакость типа большого количества соединений или что-то типа того. От чего фронтэнд меня начинает блочить, как-будто я атакую сервер. Причем это наблюдается и на Mac OS X и на Windows. Может быть я не прав, и дело в соединении, но не может же быть это у двух разных провайдеров? Так, что приходится пользоваться сафаризаменителем в лице Google Chrome.

База переводов комиксов

База переводов комиксов на русский язык. Я ее сделал.

Моральное удовлетворение

Полтора дня писал код для вывода вспомогательной навигации. Принцип он конечно понятный был, но тупил я здоровски. В итоге сегодня к 12 часам все заработало как нужно. Код местами для меня загадочен :-), но, главное, все работает. А если работает, то лучше не трогать.

Продолжаем делать сайты

Академический сайт работает уже с лета. Работать-то он работает, но внутри у него каша. Нужно чистить и приводить все к общему знаменателю :-) Уже неделю думаю над тем, как сделать бесконечную вложенность страниц. На данный момент движок может отображать только вложенность до третьего уровня. Оно конечно больше и не нужно, но мало ли. Вот Drupal вполне может такое. Принцип я уже понял. Просто сделать функцию (метод), которая бы подгружала бы самою себя до тех пор, пока параметры в адресной строке не кончатся. Осталось только сделать, чтобы она считала сколько там чего. А так как адреса на сайте реализованы при помощи ЧПУ, то нужно сделать разбор и разобраться с тем, какой элемент из массива выводить. Ну, тут тоже особенных проблем нет, потому что можно использовать для этих целей switch.

Пост немного странноватый. Но мне самому понятно :-)

NicEdit - легкий WYSIWYG-редактор форм

Для сайта нужен был WYSIWYG-редактор форм. TinyMCE и FCEditor не  подходили, потому что они слишком уж навороченные. Нужно было что-нибудь простенькое. В итоге нашел очень простенький NicEdit. Он легок в установке и настройке.

FaceYourManga

Сегодня на FaceYourManga попытался изобразить себя. Ниже приведено, что из этого получилось.

Новое оформление

От нечего делать, решил поменять оформление блога. Хотелось бы конечно самому что-то придумать, но до жути не хочется, да и идей никаких нет на этот счет. Тем более, что тут нужно учитывать особенности блога и подгонять нарисованный дизайн к нему. А я этого очень не люблю. Мне хватило и опытов с Joomla.

Солнечный город

Сегодня был добит «Солнечный город». Слава Богу! Можно взглянуть на сам сайт или посмотреть на него в нашем портфолио (как я не люблю это слово!).

Сайт про котиков: www.cats57.ru

Ура! Я доделал сайт про котиков! Ну, почти доделал :-) Осталось только админскую панель прилепить и все. Я счастлив безмерно.

Сегодня вечером столкнулся с проблемой: сайт очень хорошо отображается при разрешении 1280×1024, а при разрешении 1024×768 меню уползает со стикера влево. Но благодаря смекалке, а также удалению всех лишних элементов <p>, <div> и классов удалось с этим разобраться. Такие дела.

Лицезреть это творение можно по адресу http://www.cats57.ru/