Основная идея, которую она несёт:

Пароли, как трусы.

• Вы не должны допускать, чтобы их видели незнакомцы.
• Нужно регулярно менять их.
• Не следует давать использовать их другим людям.

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

Идея взята тут.

Аж как-то неловко на Иероглиф постить… http://hiero.ru/2209962

Как-то даже не пришло в голову, что с этим может возникнуть проблема. Оказалось, что выключенный INPUT вообще не реагирует ни на какие события, а также не передаёт событие выше – своему родителю (попробовал ловить событие у родительского DIV).

Внешний вид необходимой формы

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

Тут приведу HTML-код и сопутствующий css:

<style type='text/css'>
	body {background-color: #008080; color: white;}
	.input_container {
		background-color: #6AACBD;
		border: 1px solid #005353;
		float: left;
		width: 170px;
		padding: 3px 5px;
		margin: 0px 2px;

		position: relative;
	}

	.invisible_div {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: transparent;
	}

	.selected .invisible_div {
		display: none;
	}
</style>

<div class='input_container'>
	<label>
		<input type='radio' name='search_var' value='search_id'>
		По номеру
	</label>
	<br>
	<input type='text' name='search_id' value='1002' disabled>

	<div class='invisible_div'></div>
</div>

<div class='input_container'>
	<label>
		<input type='radio' name='search_var' value='search_name'>
		По имени
	</label>
	<br>
	<input type='text' name='search_name' value='Daniel' disabled>

	<div class='invisible_div'></div>
</div>

<div class='input_container' id='div3'>
	<label>
		<input type='radio' name='search_var' value='search_date'>
		По дате
	</label>
	<br>
	<input type='text' name='search_date' value='09.08.2010' disabled>

	<div class='invisible_div'></div>
</div>

Далее код на javascript:

var go_through_list_of_childs = function(element, set_radio){
	for(var i=0; i < element.childNodes.length; i++){
		var child = element.childNodes[i];
		if(typeof(child.type) != 'undefined' && child.type == 'radio'){
			child.checked = set_radio;
		}
		if(typeof(child.type) != 'undefined' && child.type == 'text'){
			child.disabled = !set_radio;

			if('v' != '\v')
				child.focus();
		}

		if(element.childNodes[i].childNodes.length > 0){
			go_through_list_of_childs(element.childNodes[i], set_radio);
		}
	}
}

var click_on_input_group = function(){
	var alldivs = document.getElementsByTagName('div');
	for(var i = 0; i < alldivs.length; i++){
		if(alldivs[i].className.match(/input_container/gi)){
			go_through_list_of_childs(alldivs[i], false);
			var classes = alldivs[i].className.split(' ');
			var new_classes = '';
			for(var j=0; j< classes.length;j++){
				if(classes[j] != 'selected')
					new_classes += ' ' + classes[j];
			}
			alldivs[i].className = new_classes;
		}
	}

	var parent = this.parentNode;
	go_through_list_of_childs(parent, true);
	parent.className += ' selected ';
}

window.onload = function(){
	var alldivs = document.getElementsByTagName('div');

	for(var i = 0; i < alldivs.length; i++){
		if(alldivs[i].className == 'invisible_div'){
			alldivs[i].onclick = click_on_input_group;
		}
	}
}

А ещё далее элегантно заменю javascript на jQuery:

$(document).ready(function(){
	$('.invisible_div').click(function(){
		$('.input_container input:text').attr('disabled', true);

		var parent = $(this).parents('.input_container');
		parent.find('input:radio').attr('checked', true);
		parent.find('input:text').attr('disabled', false).focus();
	});
});

Код весьма прост, поэтому детальные объяснения дам, только если некто попросит в комментариях.

Мне очередной раз довелось посетить Санкт-Петербург в этом июле. Ездил с женою, остановились в хостеле, про который отдельная история. Стало быть, ночевали мы на пересечении переулка Гривцова и набережной Мойки, а это совсем центр. В течении нескольких дней обошли окрестности на предмет возможности завтракать вкусно и недорого. Казалось бы ерунда, не обращай внимания на всякие мелочи, но нас стало жутко раздражать: дорого, невкусно, плюс хамский в некоторых местах приём, настроение в отпуске неприятно падало. Однако, вспоминая прошлую поездку, очередным утром повёл жену на пересечение Садовой и Большой Подьяческой улицы, в столовую «Уют». Первое что поразило — это стабильность, я как-будто попал на один год назад, всё было так же:

• приятное обслуживание, общаясь с кассирами хотелось улыбнуться;
• весьма низкие цены, вдвоём мы кушали примерно на 250 рублей (2010 год). На завтрак мы брали:
  1. Салатик;
  2. Котлету или пару люля-кебаб;
  3. Гарнир с подливкой;
  4. Хлеб;
  5. Компот и кофе.
• очень вкусное меню, причём порции не маленькие, а еда не жирная. Кстати, супы там тоже есть.

Под впечатлением от «Уюта» мы утреннюю трапезу более ни разу не доверили прочему заведению, хотя от нашего ночлега идти было не совсем близко. В последний день с удовольствием написал благодарность в книгу жалоб и предложений.

Ещё одно место где можно посидеть до поздней ночи, если ваши ноги уже не выдерживают прогулок – ресторан индонезийской кухни Sukawati на Казанской улице. Там есть уютное помещение с диванами в подвале. В будние и выходные дни меню ресторана отличаются друг от друга. Не мудрено, что второе из них более расширенное и изысканное.

А вообще, всем желаю не засиживаться за столиками ресторанов и кафе, а обильно усыпать сей чудный город следами своей обуви.

Иду домой, уставшая и сонная, солнце только начинает садиться. И тут в одном из этих маленьких уютных домов, у нас, в старой части – окно нараспашку и оттуда джаз льется))
Такой хороший, как будто с пластинки. Радует

Она и несколько комментариев к ней, предлагали согласно этому шаблону поиграться смыслом для извлечения лулзов. Мой вариант коверканья таков:

Идёшь твёрдой походкой вдоль усыпанных мхом деревьев, что днём прячут огрызки улиц от жарящего солнца. Утренняя тишина режется лишь быстрыми союзами твоей мягкой обуви и обыкновенно твёрдого асфальта. Город спит и не замечает, как рассвет пытается заключить его в свои объятья. После полной событиями ночи, у тебя второе дыхание, ощущение свершившегося большого и ни кусочка сна во взоре. Словно ты – колба со счастьем, которая каждым шагом омывает свои внутренности сокровенным содержимым. Вдруг твои сияющие ни для кого глаза и скучающие уши вылавливают распахнутое окно, нарушающее утробой своею величественную тишину старого Волжского. Уши подключают любопытство и ты уже возле него, расплетаешь музыкальные узоры тихой и нежной ситары. Тело, потерявшее коготки целей внутри летнего утра, становится необыкновенно лёгким, а веки погружают тебя во власть внутреннего зрения. И незамедлительно – пустота, будто иголка соскочила с пластинки. Перевоплощает!

Правда юмором забыл приправить. Если зайду сюда ещё раз, нужно будет починить эту неловкость.

• Высокое качество лука. Во-первых работа всегда ведётся в присутствии контролёров, следящих за качеством фасуемого лука и его калибром, а во-вторых видел я кое-какие другие поля волгоградских сельхозпроизводителей – небо и земля.
• Система скидок. Это позволит вам сэкономить деньги, использовать которые в современном мире можно уймой других способов.
• Доставка куда угодно. Точно не знаю, как обстоят дела на рынке грузоперевозок, но мне кажется налаженные пути поставок – это всегда прекрасно.
• Комплексность – выигрыш любого бизнеса. Взялся за дело, позволь клиенту расслабиться, возьми на себя все мелкие попутные задачи.

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

А вот и сам виновник поста: Продажа лука оптом

Даёшь нерушимую связь интернета и сельского хозяйства!