Great Rash

Такая тема уже была http://forum.htmlbook.ru/index.php?showtopic=16686

У jQuery есть кажись плагин. Гугль вам в помощь.

Ну синтаксис экспрешнов и яваскрипта один и тот же. Да и делают они одно и то же. Только яваскрипт по идее работает быстрее. И вообще народ рекомендует по возможности избавляться от экспрешнов. Вот я и подумал вынести все экспрешны в один скрипт и использовать его. Проблема будет только одна: при использовании яваскрипта надо сначало найти элемент в дереве ДОМ, а потом уже делась с ним, что хош, а при использовании экспрешна элемент искать не надо.

this.parentNode.offsetHeight-10-10+'px' а почему не написать this.parentNode.offsetHeight-20+'px' ??? А вообще, по большому счету у тебя тоже скрипты юзаются, правда только для ИЕ. Я бы посоветовал тогда уж в кандишнл камментс запихнуть скрипт, а не экспрешн. Самолично вешал ИЕ6,7 экспрешнами, поэтому я их боюсь. А в остальном... что тут скажешь... твой вариант уже взят на вооружение

psywalker, ты хоть иногда спишь вообще?

Вставь мой код в отдельный скрипт и посмотри. Он работает правильно, т.е. алертит true, true, true, false. Т.е. находит строку box в трех случаях. Значит проблема в твоем скрипте.

var _tagClass = 'box'; var re = eval('/' + _tagClass + '\\' + 'b/'); alert(re.test('box boxes')); alert(re.test('boxes box')); alert(re.test('box')); alert(re.test('boxes'));

var re = /box\b/; if (re.test(_elements[i].className)) { alert('это нужный класс'); } как-то так, чуть напортачил, но поправил

2midzus: А разве ИЕ6 поддерживает background-position для PNG24? Почему не подходит GIF? 2All: Очередной холивар развели. Правда в том, что рынку ИЕ6 все еще нужен, раз этот самый рынок (руками идиотов-юзеров и корпораций-идиотов) за него цепляется. Кстати, я занимаюсь версткой проекта для европейского банка и они без вопросов обновили свои шестой ИЕ до семерки (или даже восьмерки), когда узнали, что мы отказываемся поддерживать шестерку. Разруха в головах.

kozakmamai у вас теги закрываются в строке как попало... нет половины открывающих тегов... как вы представляете себе решение этой задачи?

Научитесь уже пользоваться поисковиками... http://flash-mx.ru/sources#ID100 искал ровно минуту.

Так не катит? var re = /<em>(.+)<\/em>/; // в $1 будет "substring<em>substring</em>substring</em> xxx substring xxx </em>substring</em> xxx </em>substring"

Согласен. Юзеру абсолютно пофиг как там внутри все устроено, его интересует результат. Однако все же мне лично как перфекционисту хочется отойти от таблиц вообще (мы, естественно, не рассматриваем табличные данные).

Как-то форум неправильно отрезал ссылку видимо. Вот ссылка прямо на пример. Правда к скругленным углам это не имеет отношения, но тебе psywalker должно понравиться решение. Довольно элегантно. http://matthewjamestaylor.com/blog/equal-h...ns-5-column.htm

Собссно не так уж и легко. Просто надо понимать, что таблицы это таблицы, а слои это слои. А то некоторые начинают измываться и пытаться соорудить таблицу из дивов.

У вас был мегаизвратный способ изучения JS! Хотя наверно это вам в плюс (по ходу вы очень терпеливый человек). Все-таки вернее будет начать учить язык с азов, а не с фреймворка. Основная задача фреймворка - избавить программиста от нудной процедуры написания часто используемых методов и процедур. А если пользователь знает особенности фреймворка, но не знает особенности языка, любая нетривиальная задача ставит его в тупик. Отсюда и тонны просьб подсказать где найти тот или иной плагин для jQuery и ему подобных. Отсюда и незнание элементарных вещей, я уж не говорю про особенности языка.

На той страничке в комментах есть ссылка на еще одно интересное решение: http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks Обе ссылки уже у меня в избранном Сейчас работаю над исправлением отсутствия border-radius в ИЕ с помощью скрипта или .htc (в общем тоже скрипт) и VML. Есть две проблемы которые пока не могу решить: как сделать резину и как заставить элемент <v:fill /> тайлить картинку только по ширине/высоте. Если есть камрады, готовые помочь решить эту проблему, то велкам в личку. Опера по прежнему идет лесом...

42 - реально поржал... Код посмотрел мельком, вроде косяков нет, а углубляться не хочется. В способностях автора сомнений нет

Кажись Линукс на Яве написан... хотя ошибиться могу. Не надо путать язык и фреймворк написанный на этом языке и язык. В общем юзайте что нравится, я не собираюсь навязывать вам свое мнение. Просто останусь при своем.

Я состряпал тестовую страницу, надо будет запомнить решение... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma; } html, body { height: 100%; } body { overflow: hidden; background: url('http://www.wallpaperez.net/wallpaper/children/Childrens-Day-in-sky-693.jpg') left top no-repeat; } .loader { height: 100%; background: white; } .loading { position: relative; top: 50%; left: 50%; width: 200px; height: 20px; margin-top: -10px; margin-left: -100px; text-align: center; } </style> <script type="text/javascript"> window.onload = function() { document.getElementById('l').style.display = 'none'; document.body.style.overflow = 'auto'; } </script> </head> <body> <div id="l" class="loader"> <div class="loading"> Loading... </div> </div> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 111 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </body> </html>

Вот не скажите, C++ от Java мало чем отличается в плане ООП. И даже больше - ява чуть ли не эталон объектных языков к которому стремиться надо. Про ассемблер тоже утрировать не надо, вы б еще машинный код вспомнили. Надо знать язык, а не фреймворк.

http://habrahabr.ru/blogs/webdev/46210/

Потому, что люди, разбирающиеся в API фреймворка, зачастую не знают элементарных вещей. Для простейших задач таким людям подавай плагин. Такие люди не умеют думать головой и писать скрипты. Задача фреймворков наплодить таких людей как можно больше (и они с ней справляются). В этой печальной ситуации есть только один плюс - люди которые действительно разбираются в скриптах (да и программировании вообще) могут смело просить увеличения з.п.

2gesandte: Вот что у вас во втором макете: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma; } html, body { height: 100%; } .container { overflow: hidden; min-height: 100%; } * html .container { height: 100%; } .footer { position: relative; z-index: 1; height: 100px; margin-top: -100px; background: #efd; } .header { position: absolute; width: 100%; height: 100px; background: #efd; } .left { float: left; width: 300px; padding-bottom: 32767px; margin-bottom: -32767px; background: #efdeed; } .right { margin-left: 300px; padding-bottom: 32767px; margin-bottom: -32767px; } .left div, .right div { margin: 100px 0; } </style> <script type="text/javascript"> </script> </head> <body> <div class="container"> <div class="header"></div> <div class="left"> <div> 111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br /> 111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br /> 111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br /> 111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br /> 111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111 </div> </div> <div class="right"> <div> 222<br />222<br />222<br />222<br />222<br />222<br />222<br />222<br />222<br />222<br /> </div> </div> </div> <div class="footer"></div> </body> </html> Вы что реально разницы не видите?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma; } body { margin: 10px; } #main { background: red; margin: 100px; padding: 100px; text-align: center; } #help { position: absolute; width: 300px; background: gray; display: none; } </style> <script type="text/javascript"> /** * elem - элемент на который наводим мышь * hint - элемент-подсказка * offsetX - сдвиг от курсора по оси Х * offsetY - сдвиг от курсора по оси Y */ function Hint(elem, hint, offsetX, offsetY) { var prnt = this; this.elem = typeof elem == 'string' ? document.getElementById(elem) : elem; this.hint = typeof hint == 'string' ? document.getElementById(hint) : hint; this.winWidth = document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientWidth : document.body.clientWidth; this.winHeight = document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientHeight : document.body.clientHeight; this.offsetX = offsetX; this.offsetY = offsetY; this.addListener('mousemove', document, function(e) { prnt.getCoords(e); prnt.placeElem(); }); this.addListener('mouseover', this.elem, function() { prnt.hint.style.display = 'block'; prnt.placeElem(); }); this.addListener('mouseout', this.elem, function() { prnt.hint.style.display = 'none'; }); } Hint.prototype.placeElem = function() { if (this.x > this.winWidth - (this.hint.offsetWidth + this.offsetX)) { this.x = this.winWidth - (this.hint.offsetWidth + this.offsetX); } if (this.y > this.winHeight - (this.hint.offsetHeight + this.offsetY)) { this.y = this.winHeight - (this.hint.offsetHeight + this.offsetY); } this.hint.style.left = this.x + this.offsetX + 'px'; this.hint.style.top = this.y + this.offsetY + 'px'; } Hint.prototype.getCoords = function(e) { e = e || window.event; this.x = this.y = 0; if (e.pageX || e.pageY) { this.x = e.pageX; this.y = e.pageY; } else if (e.clientX || e.clientY) { this.x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft; this.y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop; } } Hint.prototype.addListener = function(ev, elem, foo) { if (document.addEventListener) { elem.addEventListener(ev, foo, false); } else if (document.attachEvent) { elem.attachEvent('on' + ev, foo); } else { elem['on' + ev] = foo; } } </script> </head> <body> <div id="main"> Наведите курсор мыши на форму: </div> <div id="help"> <h6>Коментарий.</h6> Блок фиксированной ширины с текстом. Блок растягивается в высоту в зависимости от объема текста в нем. </div> <script type="text/javascript"> new Hint('main', 'help', 15, 15); </script> </body> </html> Semreg код рабочий, разбирайтесь. Фреймворки - абсолютное зло!