web-monster

Доброго времени суток!

Подскажите пожалуйста, как грамотно сверстать такой блок:

Т.е. чтобы колонки были одинаковой высоты при неизвестном количестве текста, а кнопки снизу находились на одном уровне. В голову приходит только вариант с таблицей. Еще должно работать в IE7.

Спасибо!

Доброго времени суток, уважаемые форумчане!

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

Как это возможно реализовать?

Спасибо!

Доброго времени суток, уважаемые форумчане!

Есть страница со множеством фотографий, при клике на них выскакивает всплывающее модальное окно с формой, в которой находится кнопка ВК "Мне нравится". Возник такой вопрос - как генерировать такую кнопку отдельно для каждого изображения?

Добрый день, уважаемые форумчане!

Нужна ваша помощь.

Имеется таблица на всю ширину окна, в ней изображение, причем размер может быть различный. Нужно чтобы при ресайзе окна и соответственно таблицы изображения тоже ужимались. Как это реализовать?

Окно на весь экран - все ок:

http://i024.radikal.ru/1310/3f/cba8b85bf489.jpg

А вот так сейчас при сжатии окна - не ок:

http://s51.radikal.ru/i131/1310/8a/35287f46f99d.jpg

Заранее спасибо!

Добрый день, уважаемые форумчане!

Сделал простецкую заготовку ползунка на JS - не могли бы поругать код?

http://jsbin.com/ococij/1/ - ссыль

Если doctype html5, то можно не закрывать одиночные теги. А если XHTML, то нужно - валидатор будет ругаться.

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

только зарплата уже удвоилась

неужели у вас действительно такая з\п???

как же вы там живете?

В Саранске увы так.

Устанавливаете Mozilla Firefox, добавляете в него расширение Firebug, потом Firebug'ом смотрите как сделано меню по этой ссылке - прописываете соответственно то же самое, попутно разбираясь в том, что делаете.

CSS Media Queries не поможет? Например при достижении определенной ширины присваивать display: none этим полоскам или что-то в этом роде

на скорую руку http://jsfiddle.net/EndWu/

дальше сами разбирайтесь.

О, отлично, спасибо, то что надо!

Добрый день, уважаемые форумчане!

Пробую реализовать небольшой валидатор полей на JS и хотелось бы, чтобы выглядело это вот так:

validator.init({
элемент_по_идентификатору: регулярное_выражение
})

Т.е. в качестве ключа какой-либо элемент DOM по желанию юзера, а в качестве значения регулярка. Как можно это реализовать или где почитать о таком способе?

P.S. Естественно элементов и масок в методе init может быть большое количество

Могу для вебкитов подсказать

.elem {
background: -webkit-linear-gradient(#b6dcf5, #124160);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Можно тут почитать про текстовые градиенты: http://www.xiper.net...dient-text.html

Ок, спс, значит перепишу заново. Но почему onchange плохо?

И если можно подробнее про сомнительные моменты

Имхо - я не уверен, но можно было бы все сделать проще через jQuery. При событии click берем контент соответствующего блока, проверяем, не равно ли 100, а дальше +/- 1 и заносим его обратно. Не?

Это бесспорно так, однако суть в том, чтобы прокачать скиллы, сделав все на Vanilla JS с применением ООП. Плюс при инициализации скрипта мы можем указать минимальное, текущее и максимальное значение - не обязательно 100.

Добрый день, уважаемые форумчане!

Я не особенно дружу с JS и недавно решил прокачать свои скиллы, сделав что-нибудь простенькое. Задумал сделать счетчик для подсчета чего либо на сайте, например количество товара. Вобщем набросал немного кода и вот что получилось:

http://jsfiddle.net/6j8ss/1/ (CSS там слегка корявый, на данном этапе не важно)

Однако у меня возникло несколько вопросов:

1. Не получилось кроссбраузерно реализовать увеличение значения в счетчике стрелками на клавиатуре - работает только в FF. Гуглил, однако не нашел решения. Хотелось бы получить ссылку или совет, как можно реализовать это кроссбраузерно

2. Как можно инициализировать скрипт в head документа? Т.е. нужно, чтобы работало примерно при такой записи:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Counter</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/counter.js"></script>
<script>
// инициализация в документе без навешивания onload
Counter.init({
minvalue: 1,
startvalue: 1,
maxvalue: 100
});
</script>
</head>
...

3. Ну и хотелось бы оценить скрипт на "говнокодность". Насколько все хорошо или плохо?

P.S. Скрипт делал после изучения этой статьи http://forum.htmlboo...showtopic=20782. Автору спасибо, написано очень доходчиво

Пропишите это в CSS

html {
	overflow-y:scroll;
}

Вот и вся борьба

Это похвально, продолжайте в том же духе и возможно вас занесут в анналы истории

По-моему уже занесли

Действительно изящное решение получилось - однозначно топик в закладки

<div id="element" class="noname">Lorem Ipsum</div>
	<script>
		(function() {
			onload = function() {
				document.getElementById('element').onclick = function() {
					toggleClass('element');
				};
			};

			function toggleClass(elem) {
				var elem = document.getElementById(elem);
				if (elem.className == 'noname1') {
					elem.className = 'noname';
				} else {
					elem.className = 'noname1'
				};
			}
		})();
	</script>

Примерно так

Можно здесь посмотреть

<style>
.right {
	text-align: right;
}
</style>
<table border="1">
	<tr>
		<td colspan="2" class="right">Раз</td>
	</tr>
	<tr>
		<td>Два</td>
		<td>Три</td>
	</tr>
</table>