Рубрика Code


Те самые окошки с затемнением

Нашел у Дурацкого Девелопера пример окошек которые вылетают как в lightbox картинки.

Теги: , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white
реклама в блоге реклама в блоге

hover любых элементов

Whatever:hover

Самые современные браузеры поддерживают :hover селектор для любого элемента html. Это клево, потому что это позволяет Вам применить эффект mouseover к строкам таблицы используя только CSS. IE откровенно лажает с :hover, в лучшем случае если стоит 7 версия, но в большенстве случаев стоит 6.

Whatever:hover – маленький скрипт, который автоматически исправляет :hover :active и :focus для IE6, IE7 и причуд IE8. Версия 3 вводит поддержку ajax, это значит, что любой html, который вставлен в документ через javascript, также имеет вызовы :hover :active и  стили :focus в IE. 

Читать полностью »

Теги: , , , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white

Мощный PNGfix

Позволяет использовать полупрозрачность PNG в IE6

Умеет работать с: background-image и img

  • background-position и background-repeat.
  • Не нужен прозрачный gif для <img/>.
  • Не используется AlphaImageLoader (используется VML) = нет проблем с z-index.
  • Нормально работает element.style в JavaScript.
  • Нормально работает :hover.

Текущая версия: 0.0.6a
Автор: Drew Diller
Распространяется под лицензией MIT

Пример: DD_belatedPNG.fix(‘.png_bg’); // argument is a CSS selector

Скачать сжатую версию: DD_belatedPNG_0.0.6a-min.js (4.6 Kb)
Скачать НЕсжатую версию: DD_belatedPNG_0.0.6a.js (9.2 Kb)

Теги: , , , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white
реклама в блоге реклама в блоге

Окна призраки

Полезный пример открытия нового окна при закрытии основного.

<BODY onUnLoad="win()">
<script>
function win(){
var w=760
var h=400
var wc=(screen.availWidth-w)/2
var hc=(screen.availHeight-h)/2
var wi=window.open("about:blank","","top=500,left=500,
toolbar=no,location=no, resizable=no,status=no,
scrollbars=no,resize=no,menubar=no,width="+w+",
height="+h+"");
wi.blur();
wi.moveTo(wc,hc);
}
</script>

Теги: , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white

WWW SQL Designer Free

WWW SQL DesignerWWW SQL Designer позволяет визуально разрабатывать схему БД (E-R диаграмму) прямо в браузере. Отлично работает в Firefox, IE6/7/8, Safari и Opera, Chrome.

Поддерживает ключи, комментарии, индексы. Можно сохранять схему и загружать ее из XML, печатать, экспортировать в SQL и SQLight. Также её можно импортировать из базы.

Всё это дело даже можно поставить себе (http://ondras.zarovi.cz/sql/). Распространяется по GNU GPL.

Демо http://ondras.zarovi.cz/sql/demo/?keyword=default
Описание и загрузка http://ondras.zarovi.cz/sql/
Бонус: форматтер SQL http://www.wangz.net/cgi-bin/pp/gsqlparser/sqlpp/sqlformat.tpl

Теги: , , , , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white
реклама в блоге реклама в блоге

SQL RAND

Просто на память:
SET @max = 200;
UPDATE `files` set `rate` = 1 + FLOOR(RAND() * (@max));

Теги: , , , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white

Домашний Хабр

Live Street - хабр у тебя на локале. 

Довольно неплохой проект, фактически по дизайну – точно, клон хабра. Я не любитель разведения кучи пользователей поэтому посмотрел проект поверхостно. 

В принципе двиг не сложный и ничего сверхординарного в нем нет. Все упирается в Ajax и верстку.

Теги: , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white
реклама в блоге реклама в блоге

Link Preview V2

Хотел бы этим небольшим постом отметить полезный скриптик, который подвязывает всплывающие окошки с миниатюрами сайтов к Вашим ссылкам.

Скриптик написан на JavaScript и использует CSS.

 

Демо можно осмотреть тут

А скачать отсюда

Теги: , , , , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white

Ссылки на Skype и ICQ

Ссылка на номер icq. Сыылка на skype… А кк их правильно оформить для того, чтобы их понимал браузер? И для чего?

Можно напримен для саппорта фирмы или для консультирования на сайтах инет-магазинах
Я задумался как бы это сделать правильно и решил поgooglить.

Ссылки на Skype

Простейшая ссылка на Skype выглядил так:
<a href="skype:имя">анкор</a>

Где имя — нужный ник в Skype. Собственно когда кликните, откроется скайп и произойдет инициализация вызова абонента.

Но есть ещё несколько несколько фишек, которые можно передать по ссылке:

Звонок пользователю Skype-to-Skype или на телефон

<a href="skype:имя?call">анкор</a>
<a href="skype:+12345678?call">анкор</a>

Так же, как и в первом примере, звонок пользователю.

Второй вариант — звонок на обычный телефон.
Звонок нескольким пользователям (конференция)
<a href="skype:имя1;имя2;имя3?call">SkypeUser</a>
По ссылке осуществится вызов сразу трёх пользователей.
Добавить пользователя или номер в список контактов
<a href="skype:SkypeUser?add">SkypeUser</a>
<a href="skype:+12345678?add">+12345678</a>

В первом случае в список контактов добавится пользователь с ником SkypeUser, во втором — номер телефона.
Текстовый чат и мультичат
<a href="skype:SkypeUser?chat">SkypeUser</a>
<a href="skype:SkypeUser1;SkypeUser2;SkypeUser3;?chat">анкор</a>

Соответственно, чат с одним или мультичат.
Голосовая почта
<a href="skype:имя?voicemail">анкор</a>
Оставить войсмейл.
Отправка файлов по Skype
<a href="skype:имя?sendfile">анкор</a>
<a href="skype:имя1;имя2;имя3;?sendfile">анкор</a>

Отправка одному пользователю или мультирассылка. По клику вываливается диалог выбора файла. 
Посмотреть профиль
<a href="skype:имя?userinfo">анкор</a>
Собствено смотрим профиль.
Возможные проблемы
Все что выше будет работать, если Skype установлен, иначе браузер выдаст предупреждение.

Можно встроить проверку на существование связей в системе.

Решение в виде JavaScript (3KB), его мы вписываем между тегами <head>…</head>.
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
При этом вешаем на ссылку обработчик:
<a href="skype:имя?call" onclick="return skypeCheck()">анкор</a>
Кнопки
Различные варианты кнопок, онлайн/оффлайн статуса можно на skype.com.
ICQ
Тут сложнее так как клиентов много (ICQ, Qip, Miranda, Trillian) и вызовы могут не работать. 
<a href="http://www.icq.com/whitepages/cmd.php?uin=UIN&action=message">анкор</a>

Стандартный вызов с сайта. Вместо UIN нужно вставить номер.
В Qip, эта ссылка вызывала закачку php-файла с сервера, Так что это работает только для офф ICQ клиента.
И из этой ситуации можно найти выход:

  • Вызывать например icq2go по ссылке.
  • Вывести статус-значок ICQ на сайте а UIN написать просто текстом позволяя скопипастть его.

Статус-значок ICQ можно вывести на сайте так:
<img src="http://web.icq.com/whitepages/online?icq=UIN&img=5" alt="Статус" />
Где UIN — нужный номер, а &img=27 — вид статус-иконки. Иконки можно посмотреть тут и тут.

Если серый цветок

Чтобы ваш статус отображался на сайте, в Qip на вкладке настройки -> общие, нужно отметить галочкой пункт «Показывать мой онлайн-статус для web и поиска»

 

З.Ы. Протестил кросс-постинг в http://www.liveinternet.ru/users/dsda/

Теги: , , , , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white
реклама в блоге реклама в блоге

Небольшой хак на JS

Просто в мемориз.

javascript:document.body.contentEditable='true'; document.designMode='on'

в адресную строку и можем менять текстовые блоки.

Спонсор поста: Sloger.net

Теги: , ,
Еще можно почитать по теме
http://dsda.ru/wp-content/themes/white

назад в прошлое »