Персональная страница на Я.ру

Теперь у меня есть персональная страница на Я.ру — Bug!

Это новый сервис Яндекса, который сейчас проходит ограниченное тестирование и регистрация в нём пока доступна только по приглашениям.

TeaShark - новый броузер для мобилок

Буквально на днях вышел новый Java броузер для мобильных телефонов. Судя по этой статье, и внешне, и по принципу работы TeaShark практически полный аналог Opera Mini. Я не стал ставить его себе на Nokia E60, так как он ещё не вылез из альфы, но тем не менее собираюсь внимательно следить за его развитием. Возможно из него вырастит достойный конкурент норвежской малютке.

Отличная идея для курилки в офисе

На фото под заголовком новости изображена комната для курения в одной из высокотехнологичных фирм Индии (город Мамбай). Если бы на вашем месте работы было такое – захотелось ли вам курить?
Источник: Mobilers.ru

Эволюция: От кошки к...?

Я начинаю подозревать, что старик Дарвин был прав. Сегодня наблюдал, как моя кошка вывернула весь корм из миски в миску с водой (не уронив ни одного куска на пол!) и дотолкала носом её пустую до нашей спальни, где я её и застукал. Мы вместе с женой ржали так, что разбудили мелкого. После чего я перемыл всю её посуду, налил свежей воды и положил свежего корма. Что же будет дальше? Начнёт сама ходить в магазин за хаффчегом и выбирать то, что ей нравится?

Как вертикально выровнять checkbox-ы и текст в label-ах

Задача такова: необходимо выстроить checkbox-ы горизонтально в ряд, обеспечить включение и выключение checkbox-а щелчком на соответствующем label и вертикально выровнять checkbox-ы и label-ы относительно друг-друга. Конечно можно ничего не варавнивать и оставить checkbox-ы и label-ы болтаться в воздухе. Но, согласитесь, что если мы делаем серьёзный сайт, то вопрос о его эстетической стороне оказывается далеко не на последнем месте. Вот о checkbox-овой эстетике мы сегодня и поговорим. Итак, начали.
Во-первых поместим наши checkbox-ы в список:

<div id="CheckboxesLine">
<ul>
<li><label>Select plz:</label></li>
<li><input type="checkbox" id="CB1" /><label for="CB1">Checkbox 1</label></li>
<li><input type="checkbox" id="CB2" /><label for="CB2">Checkbox 2</label></li>
<li><input type="checkbox" id="CB3" /><label for="CB3">Checkbox 3</label></li>
<li><input type="checkbox" id="CB4" /><label for="CB4">Checkbox 4</label></li>
<li><input type="checkbox" id="CB5" /><label for="CB5">Checkbox 5</label></li>
<li><input type="checkbox" id="CB6" /><label for="CB6">Checkbox 6</label></li>
</ul>
</div>

Далее пропишем вот такие стили:

#CheckboxesLine ul {
white-space:nowrap;
padding: 0;
margin: 0;
font-family: Verdana;
font-size: 0.7em;
}
#CheckboxesLine ul li {
display: inline;
white-space:nowrap;
}
#CheckboxesLine ul li label {
vertical-align:middle;
padding-right: 20px;
}
#CheckboxesLine ul li input {
margin-bottom: auto;
vertical-align:middle;
}
#CheckboxesLine ul li:first-child label{
padding-right: 0;
}

Вот и всё. Теперь и в IE, и в FF, и в Opera наши checkbox-ы будут выглядеть одинаково.

HTML & JavaScript: Как сделать свои radiobutton при помощи AJAX

Вас устраивают стандартные радиокнопки? Если также, как и меня-нет, то вот простое решение-заменим их на картинки. Это позволит нам с лёгкостью подгонять радиокнопки под любой дизайн сайта. Ну что, поехали:

<script language="javascript">
// Эту функцию я использую всегда во всех скриптах.
// Она решает вопрос поиска объекта по id во всех броузерах.
function getElement(aID){
return (document.getElementById) ? document.getElementById(aID) : document.all[aID];
}
function SwitchRadio(liObj,Id){
// Получаем id нужного списка радиокнопок <ul>
var ulName=liObj.parentNode.id;
// Получаем массив со всеми элементами <li>, входящими в наш список
var orderedNodes = getElement(ulName).getElementsByTagName("li");
// Переключаем все кнопки в положение "выключено"
for (i=0; i<orderedNodes.length; i++){
orderedNodes[i].style.background="url(images/radio_off.gif) 0 2px no-repeat";
}
// Теперь включаем нашу кнопку...
liObj.style.background="url(images/radio_on.gif) 0 2px no-repeat";
// ...и передаём через ajaxagent её данные PHP-скрипту,
// который запишет их в сессию.
agent.call("aa_func.php", "AA_SaveFieldValue", "callback_SaveFieldValue", ulName, Id);
</script>
}

В коде страницы пишем что-то типа этого:

<ul id="Q1" class="questionsUL">
<li onClick="javascript:SwitchRadio(this,'1')">Вариант 1</li>
<li onClick="javascript:SwitchRadio(this,'2')">Вариант 2</li>
<li onClick="javascript:SwitchRadio(this,'3')">Вариант 3</li>
</ul>

А в стилях:

.questionsUL {
padding: 0;
margin: 0 0 0 20px;
}
.questionsUL li {
list-style: none;
margin: 0;
padding: 0;
background: url(images/radio_off.gif) 0 2px no-repeat;
padding: 0 0 5px 20px;
margin: 0;
cursor: pointer;
}

radio_on.gif и radio_off.gif - это наша кнопка. Соответственно включённая и выключенная. Стили прописаны для картинки с кнопкой размерами 10x10 пикселей.

То ли примета, то ли афоризм

Вчера был на юбилее у друга моего отца. В связи с этим радостным, вобщем-то, событием, родился грустный афоризм или даже народная примета: Тебе уже за 30, если друзья твоего отца приглашают тебя на свои юбилеи :(

Путешествие в Финдяндию. 14.07.2007-29.07.2007

Фото-отчёт о нашем путешествии в Финляндию можно посмотреть здесь

Купили мелкому бандану :)

До чего доводит креативное мышление

Вчера поздно пошёл спать. Жена с мелким уже дрыхли в обнимку.
Забрался в постель, жена проснулась, присела на кровати и давай шарить по покрывалу.
И вот такой диалог у нас получился:

я: ты чего делаешь?
она: яйцо поставь
я: чееееее?
она: яйцо говорю поставь
я: какое нах яйцо?
она: ну не твоё конечно! куриное!
я: Ээээээ....
она: ну яйцо, треснутое, а оттуда цыплёнок
я: ты о чём вообще?
она: блиииин! яйцо. треснутое. оттуда цыплёнок выходит!

Вобщем до меня не сразу дошло, что ей приснился логотип для сайта.
А она не сразу въехала, что уже не спит и мы в реале разговариваем.
Креативная у меня жена. Менделеев, блин! :)