psywalker

В принципе ничего страшного, а так лишний код.

А где доктайп?

Интересно увидеть, как ты это делаешь, но да ладно, не суть. В общем тебе нужен Общий див, ему красный фон и отступы нужные, далее в него список с твоими квадратами, как бы li - это и будет контент, твои прямоугольники в общем.

Это уже устарелая инфа, сейчас уже есть много другой хорошей литературы для этого дела.

За этим самым http://stepbystep.htmlbook.ru/

Оберни картинку в два дива, одному один фон, другому другой, и на последнем уже пиши, что хош внизу. Да, и паддинги поставь первому, а второму смотри тоже ставь, но по ситуации.

Т.е. выходит что эта такие спецовые функции, в которых можно писать всё что угодно, как-бы они онанимные, ну вот например: li.item(i).onclick = function (){ var num='dfssaffa'; var input = document.getElementsByTagName('input').item(0)} И т.д. То есть можно в них что угодно писать и присваивать их чему угодно в качестве Онклика? И тогда при клике на этот элемент они будут исполняться, т.е. что у них в скобках? В нашем случае например мы в скобках вызвали просто функцию. А в этом случае мы просто сослались сразу на функцию test2, какбы в онклик засунули? Аа,наверное потому-что это Ссылочный тип данных, как и массивы, объекты и т.д?

Покажи скрин того, что хочешь получить

ТС, кстати если ты новичок, то про Дрим ты пока вообще забудь, бери блокнот и вперёд, пока не выучишь все теги и свойства хотябы!

Конечно-же лучше всего воспользоваться "DD_belatedPNG" и не париться. Поддерживаю полностью.

1) А что такое анонимная функция? 2) И что такое функция обработчик? Ааа, т.е. вот именно таким путём присваивается результат, например переменным? Но погоди, ведь итерация разная и переменные соответственно тоже ведь меняются? Что такое замыкание и как оно делается?

В общем короче интересная и странная тема одновременно. Смотри пример: <input type="submit" value="Нажать" /> <a href="#" id="a">Нажать меня срочно!!!</a> function h(){alert(2)} var a = document.getElementById('a') var input = document.getElementsByTagName('input').item(0) input.onclick = h a.onclick = function (){h()} Что так: input.onclick = h Что так: a.onclick = function (){h()} Работает одинаково. Но всё это странно, так как точно я помню, в них были различия, что-то тут не просто так всё. Надеюсь, что s0rr0w и правда разъяснит ситуацию.

Да, изменится

А у тя ширина фикс? И о каких осликАХ идёт речь? О 5-м и 4-м чтоли тоже?хахах

А я вот сам запутался, нужен великий и ужасный, чтобы всё объяснил правильно

Мне, подойдёт

В главном контейнере нужно создать ещё один див, в который и погрузишь контент.Потом сделаешь ещё один, который и растянешь на всю высоту. И ему уже прозрачность.

Дружище, посмотри внимательнее, я так и пишу for(var i=0; i<li.length;i++){ li.item(i).onclick = function (){test2()} - НЕ пашет!!! //li.onclick = test2; li.num = i+1; } Вот полный пример: <script> var content = document.getElementById('content'); var div = content.getElementsByTagName('div'); var ul = document.getElementsByTagName('ul').item(0); var li = ul.getElementsByTagName('li'); for(var i=0; i<li.length;i++){ li.item(i).onclick = function (){test2()} //li[i].onclick = test2; li[i].num = i+1; } function test2(){ var al = document.createElement('div'); content.appendChild(al); al.className = 'class'+this.num; al.innerHTML='Text'+this.num; }; </script> Мало того, это вроде разные вещи, смотри: 1) li.item(i).onclick = function (){test2()} - Вот этим самым мы вешаем обработчики онклик на li, которые при нажатии вызывают функцию 2) li.onclick = test2; - А вот этим мы походу вешаем обработчик, но только уже с результатом функции, т.е. присваиваем сам результат Тут есть тонкости, которые способен разъяснить один человек на планете, его кажется s0rr0w называют

Нихрена, в том то и дело, что не то же самое. Этот вариант НЕ пашет li.item(i).onclick = function (){test2(this,num)}, а твой пашет. Поэтому этот вопрос очень для меня интересен и хотелось-бы получить развёрнутый ответ! Вот код, погляди <script> var content = document.getElementById('content'); var div = content.getElementsByTagName('div'); var ul = document.getElementsByTagName('ul').item(0); var li = ul.getElementsByTagName('li'); for(var i=0; i<li.length;i++){ li.item(i).onclick = function (){test2()} li[i].num = i+1; } function test2(){ var al = document.createElement('div'); content.appendChild(al); al.className = 'class'+this.num; al.innerHTML='Text'+this.num; }; </script>

Купи

А возвращение и не поможет. Первым действием ты накладываешь маску поверх дочерних и ничего уже пописать не сможешь с ними. Поэтому тебе нужно создавать отдельный слой и его растягивать внутри родителя, а в него уже ЛОго и т.д.

Аа, т.е. смотри li.onclick = test2; - вот этим самым, мы вешаем онклики на каждый li, только для каждого свой? Как-бы закладываем функцию, а не вызов? Объясни это поподробнее плиз, чем отличается и т.д. li.num = i+1; - а тут мы просто создаём для каждой ноды свойство num, которое ссылается на i+1, и в итоге выходит, что у нашего li есть свойство, как бы число, на которое мы можем потом сослаться?

Слушай, приколько, а можешь подробно объяснить, как всё это работает? Желательно с комментами возле кода

Да не дружище, полная хрень всё это. В общем ты не торопись, када машина будет в руках, покажешь, чё имел ввиду. Я не пойму юмора, алертом проверяю, и почему то вот эта хрень всегда последнюю передаёт итую i for(var i=0; i<li.length;i++){ li.item(i).onclick = function (){test2(this,i)} } Именно 4 в моём случае. Но почему? Ведь каждому li ведь достаётся по идее своя? В чём подвох? hf3 А я понял, что ты имеешь ввиду, но твоя тема не прокатывает. В моём случае почему-то всегда число 4 получается. Т.е. я как бы понимаю, что это за число, это последняя i, но это ведь странно, потому-что цикл то идёт и передаёт в каждой итерации разные i разным li. Поэтому я и в тупике!!!

Начни отсюда http://www.postroika.ru/html/17step2.html