SCHNITZER

Вот вам из книги Петра Ташкова "ВЕБ МАСТЕРИНГ на 100%" Некоторые имена не могут быть использованы, т.к. имеют особый смысл. Ограничения: 1. Все идентификаторы должны начинаться с буквы. 2. После первой буквы остальными символами могут быть буквы и цифры. 3. буквами считаются заглавные и строчные буквы англ алфавита A-Z, a-z. 4. Символ подчеркивания (_) выступает в качестве буквы, заменяя пробел, который нельзя использовать. 5. Символ ($) выступает в качестве буквы и обычно используется при автоматической генерации кода. P.S. Ну вот. Тире или минуса тут нет.

С jQuery все проще оказалось: <div id='imageShow' style='display:block;'> <img id='imageShow' src="img8.jpg" alt="Alternate Text" width='400' height='300' style='display:none;'/> </div <script type="text/javascript"> $('#imageShow, div, img, a').load(function(){ $('#imageShow').show(); }); </script>

Сделал плавную загрузку страницы, когда будет загружено все ее содержимое. Содержимое в <div class=hide> </div>. <script type="text/javascript"> function init() { if (arguments.callee.done) return; arguments.callee.done = true; $('.hide').fadeIn(2500); }; window.onload = init; </script> + сделал вариант для IE, и скрипт "показать загруженное через 5 сек", если что случится. Тут это не важно. На главной странице работает на ура. А теперь сам вопрос. Я подгружаю xml страницу. Таким вот способом: <script type="text/javascript"> $(document).ready(function () { $('#loading-page').click(function () { $(this).load('example.xml'); }) }); </script> Хочу от содержимого example.xml добиться того же результата. А в нем window.onload не работает. Как быть? P.S. Интересует именно полная загрузка, с изображениями, а не когда будет готов DOM.

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

ВОТ ЭТО ДАААА ))))) Спасибо большое, буду ковырять!

Похоже, этот плагин криво написан. Скачал другой, с последним jQurey работает нормально. /** * @author Alexander Farkas * v. 1.21 */ (function ($) { if (!document.defaultView || !document.defaultView.getComputedStyle) { // IE6-IE8 var oldCurCSS = jQuery.curCSS; jQuery.curCSS = function (elem, name, force) { if (name === 'background-position') { name = 'backgroundPosition'; } if (name !== 'backgroundPosition' || !elem.currentStyle || elem.currentStyle[name]) { return oldCurCSS.apply(this, arguments); } var style = elem.style; if (!force && style && style[name]) { return style[name]; } return oldCurCSS(elem, 'backgroundPositionX', force) + ' ' + oldCurCSS(elem, 'backgroundPositionY', force); }; } var oldAnim = $.fn.animate; $.fn.animate = function (prop) { if ('background-position' in prop) { prop.backgroundPosition = prop['background-position']; delete prop['background-position']; } if ('backgroundPosition' in prop) { prop.backgroundPosition = '(' + prop.backgroundPosition; } return oldAnim.apply(this, arguments); }; function toArray(strg) { strg = strg.replace(/left|top/g, '0px'); strg = strg.replace(/right|bottom/g, '100%'); strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g, "$1px$2"); var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/); return [parseFloat(res[1], 10), res[2], parseFloat(res[3], 10), res[4]]; } $.fx.step.backgroundPosition = function (fx) { if (!fx.bgPosReady) { var start = $.curCSS(fx.elem, 'backgroundPosition'); if (!start) {//FF2 no inline-style fallback start = '0px 0px'; } start = toArray(start); fx.start = [start[0], start[2]]; var end = toArray(fx.options.curAnim.backgroundPosition); fx.end = [end[0], end[2]]; fx.unit = [end[1], end[3]]; fx.bgPosReady = true; } //return; var nowPosX = []; nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0]; nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1]; fx.elem.style.backgroundPosition = nowPosX[0] + ' ' + nowPosX[1]; }; })(jQuery);

Вопрос решил. Необходимо подключить jquery-1.2.6.min.js., или работать не будет.

Great Rash, в студию!!! )) не понятно, почему в примере http://snook.ca/technical/jquery-bg/ работает, хоть с этим бы разобраться...

Привет! Взял вот отсюда идею анимацию фона при наведении мыши. http://snook.ca/technical/jquery-bg/ Написал подобную историю: http://html-test.1gb.ru/003_AnimateBackgro...tion/index.html Но мой тест не работает в IE7-8 (6 я твердо решил не поддерживать). В чем может быть дело?

Супер, спасибо. Тогда в JS открыл эту тему, тут все ясно.

Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <p id='linkHere'>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. #linkHere:target {color:Red;} - не кроссбраузерный вариант. Как реализовать?

Спасибо! Только что-то с кроссбраузерностью у этого метода проблемы, ie не понимает.

Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?

Необходимо задать высоту строки таблицы 100%-250px. А как это написать?

Вот такая теперь проблема. http://html-test.1gb.ru/001_DD_belated-png-fade/index.html Настроил fadeTo, сделал фикс для PNG в ie6. Но теперь png загружаются в IE6 и IE7 с черным на градации прозрачности. Нашел несколько ссылок на описание лечения, но они не функционируют. Что делать?

Дико извиняюсь! Просто очень много всего сразу, не копал тут. А меня вот мучал вопрос, почему то работает, то нет. СПАСИБО, теперь понятно в чем дело. Тогда вопрос переходит в "что делать с *.PNG?" Я использую такую историю. http://www.twinhelix.com/css/iepngfix/demo/ В чистом виде работает на ура, с fade нет. "сделать эту картинку через DD_belatedPNG.fix, но для ие8 прийдется прописывать эмуляцию ие7го " DD_belatedPNG.fix - done. " для ие8 прийдется прописывать эмуляцию ие7го" - о чем идет речь, можно по подробней?

Странная ветка получается... Никак не пойму, причем тут png?

СПАСИБО ТЕБЕ, ДОРОГОЙ ТЫ МОЙ ЧЕЛОВЕЧЕК!!! Я теперь сделал все абсолютно кроссбраузерно, урааа-а! Только поправлю: <!--[if !IE 6]><!--> Этот текст отображают все кроме ИЕ 6 <!--><![endif]-->, а то без ! в первой <!--> ie7 оставляет <-->

Все - имею ввиду Firefox, Safari, Chrome. Вот сейчас хочу, чтобы скрипт видели Firefox, Safari, Chrome, IE7, IE8. И как? Два раза скрипт писать не хотелось бы...

Статья супер, спасибо! Сложная. <!--[if IE]> HTML <![endif]--> Покажет только для всех версий IE <![if !IE]> HTML <![endif]> Скроет во всех версиях IE <!--[if IE 7]> HTML <![endif]--> Покажет только в данной версии IE <!--[if !(IE 7)]> HTML <![endif]--> Покажет только во всех IE, кроме этой версии <!--[if gte IE 7]> HTML <![endif]--> Покажет только в данной версии IE, и выше <!--[if (IE 5)]> HTML <![endif]--> Покажет только в указанной версии IE (любой версии, как то 5.5 ) <!--[if (gte IE 5.5)&(lt IE 7)]>HTML <![endif]--> Покажет в версии IE старше чем, но моложе чем <!--[if lt IE 7]> HTML <![endif]--> Покажет, если младше, чем указанная версия Дальше пока сложно дается. Как написать "показать всем, и IE старше 7 версии"?

Супер! Спасибо, работает! Следующий вопрос. Интересует добавить текст только для IE6 (адрес, стиль). <![if !IE 6]> Тут код. <![endif]> Это, я так понимаю, не покажет код для IE. Тогда, по логике, код можно спрятать для 7 и 8 версии, а как их записать сразу. Типа <![if !IE 7, !IE 8]>? Или как? Или как показать код тоьлко для IE6?

Ок. А можно отправить пользователя на другую страницу, if IE?

Много воды, модератор )) По существу то что?

Тогда давайте как задумано. Страница начинает грузится, но ничего не показывается. Страница отображается через 6.5 секунд после ее открытия. 6.5 секунд - это 5 секунд ожидания на ничего не деланье (а теперь я знаю как это сделать settimeout), + 1.5 сек анимации появления окна. Но интересно при этом создать условие (вот в чем вопрос),что бы, если в течении этих 6.5 сек страница будет загружена, то показать (тоже с плавным эффектом) страницу раньше. Вот это и не получается. А вообще с fade трабл, пока не могу найти решение..

Я тоже так делал, не работает ничерта. С settimeout я разобрался, тут с этим скриптом проблема.