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 27.08.2010 14:37

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

Полезен, например, если нужно, чтобы поле текстового ввода было размером во все окно браузера.

// set content height depending on window height
function Content_AutoHeight(c, mbottom) {
	c.height($(window).height() - c.offset().top - mbottom);
}

// add content auto height handler
function Add_ContentAutoHeight_handler(c, mbottom) {
	$(document).ready(function() {
		Content_AutoHeight(c, mbottom);
		$(window).bind("resize", function() {
			Content_AutoHeight(c, mbottom);
		});
	});
}


Применение:
<textarea id="txtContent" name="txtContent">Text</textarea>
<script type="text/javascript">Add_ContentAutoHeight_handler($('#txtContent'), 110);</script>

Cr@ZyBoY 27.08.2010 15:00

Пардон, и ради этого вы ненавязчиво предлагаете подключать отдельную библиотеку, типа jQuery?

Roman Koff 27.08.2010 15:23

Да нет, конечно. Просто у меня в проекте используется. Можно и без JQuery...
Я только начал JS изучать. ИМХО полезный пример, а то в инете первое, что находится по теме --- автоматическое расширение текстового поля при вводе...

Чиста спортивный интерес, а как бы это выглядело без JQ?

Skipp 27.08.2010 15:37

Roman Koff,
Если только начали учить js, то советую вам сначала не лезть во всякие вреймворки и прочую "дребедень".

и ещё вопрос зачем тут стоит функция? Add_ContentAutoHeight_handler а $(document).ready( ?

Roman Koff 27.08.2010 16:19

Про Add_ContentAutoHeight_handler непонял вопрос. Я ее написал для удобства размещения в коде, а как надо было?

По поводу дребедени --- жизь застваила. Нужен браузерный редактор контента с "ограниченными" возможностями (т.е. доведенный до ума вручную), а велосипед изобретать не хочетсо... Поэтому взял за основу markitup и пытаюсь из него выжать сок...

Gozar 27.08.2010 18:30

Roman Koff,
Каждый должен написать свой wysiwyg, чтобы понять какое это "зло" :)

Gozar 28.08.2010 08:59

Любой редактор с "ограниченными" возможностями, со временем превращается в монстра.

subzey 28.08.2010 11:11

Лю-юди! Ау!
html, body, #my-element {width: 100%; height: 100%; margin:0}

inGray 28.08.2010 11:23

С некоторыми ограничениями

subzey 28.08.2010 15:04

inGray,
само собой. Но, похоже по контексту, что нужный элемент будет находиться непосредственно в body


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