Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Простой скрипт для установки высоты контейнера в зависимости от высоты окна (https://javascript.ru/forum/project/11512-prostojj-skript-dlya-ustanovki-vysoty-kontejjnera-v-zavisimosti-ot-vysoty-okna.html)

Roman Koff 28.08.2010 19:06

Цитата:

html, body, #my-element {width: 100%; height: 100%; margin:0}
"...Джентельмены, полагаю это была комэдия..."
subzey, это не серьезно, мы же взрослые люди...

Kolyaj 29.08.2010 10:16

Roman Koff,
вы забыли указать, что вас смущает в данном решении.

Roman Koff 29.08.2010 12:12

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

Попробуйте с помощью этого решения развернуть, к примеру, редактор MarkItUp или CKEditor...

Kolyaj 29.08.2010 12:16

Т.е. на странице будет прокрутка? Тогда мало толку от высоты 100% -- попробуй ещё попади скролом в нужное место.

Roman Koff 05.09.2010 19:34

Вариант в виде плагина к jQuery:

if (jQuery) (function (jQuery) {
	jQuery.extend(jQuery.fn, {

		// autoheight
		autoheight: function (options) {
			jQuery(this).each(function () {
				var settings = jQuery.extend({
					offset: 20
				}, options);
				var obj = jQuery(this);
				function _sah() {
					obj.height(jQuery(window).height() - obj.offset().top - settings.offset);
				};
				//jQuery(window).ready(function () { _sah(); });
				jQuery(window).load(function () { _sah(); });
				jQuery(window).resize(function () { _sah(); });
			});
		}

	});
})(jQuery);


Использование, соотв...

$('#editor').autoheight({ offset: 50 });


Работает, но есть сомнения, все ли я правильно придумал...


Часовой пояс GMT +3, время: 02:26.