Webr

Уже разобрался. Надо сделать так: <object type="application/x-shockwave-flash" data="myflash.swf" width="500" height="400"> т.е. с атрибутом type.

Пытаюсь сделать так, чтобы приложение выдавало валидный XHTML, но в спецификации XHTML 1.0 нет тега embed, а без него не работает Adobe Flash в FireFox и IE9. Как быть?

MS Visual Studio. Только в финале всё равно надо прогнать через онлайновый.

+1 Ппц, почему мы должны это делать за ТС? Ты ничего не должен. Ты вправе пройти мимо этого сообщения. А так же я вправе прикрыть пост без объяснения причин, где подтекстом будет указание как раз на твою лень. Что кстати впредь я и сделаю, если ещё раз такое увижу. У тебя есть власть в пределах форума. Делай что хочешь. На будущее: если я спрашиваю, значит я читал и ни хрена не понял. В частности, я не понимаю, зачем было создавать word-wrap, если такого же функционала можно добиться при помощи white-space.

+1 Ппц, почему мы должны это делать за ТС? Ты ничего не должен. Ты вправе пройти мимо этого сообщения.

CSS: word-wrap и white-space - в чём разница?

Во-первых тем, что JS можно и отключить, а во-вторых - тем, что это 10-20 строк кода, специфичного для конкретного сайта, а то и страницы. Плюс не всегда для каждого нового сайта с ходу вспомнишь как его написать. Плюс война браузеров, в каждом из которых своя реализация JS, и я подозреваю, что 10-20 строк кода разрастутся в целях поддержки всех браузеров. Короче, тянет на написание фреймворка. И потом - не для конкретного сайта, а в стратегическом плане, проще было бы иметь решение, не требующее вспоминания. Гораздо проще было бы сделать включение в CSS или специальный HTML-тэг. Тэга такого нет, поэтому я думал, что может быть найдётся решение на базе CSS. Но IFRAME то может включать один документ в другой. Так что очень даже умеет. Только документ-контейнер и документ в IFRAME не становятся единым документом. У них даже в DOM разные области памяти и разные деревья. Как пример монолитности при физически разных файлах - это CSS или JavaScript. Если подключить внешний CSS-файл, то потом он для браузера сольётся с документом, и браузеру уже не будет различать CSS из внешнего файла и CSS из тега STYLE в заголовке самого документа. То же и с JS: становится без разницы, то ли это скрипт из внешнего файла, то ли из инлайнового тега SCRIPT.

Выходит, что нет такой возможности, и вот почему: Фреймы относительно Master Page - закостенелый вариант. С помощью Master Page получается целостная страница. С помощью HTML Master Page могла бы получаться страница из двух частей, но тоже целостная в контексте DOM. С помощью фреймов получается тяжёлый дизайн - можно вставить документы в некоторые области, и эти документы будут прогручиваться в своих окошках, тогда как документ, полученный с помощью Master Page, выглядит монолитным, и прокручивается весь целиком. Вдобавок, при фреймах не страница с содержимым указывает, в какое окружение она встраивается, а фрейм-контейнер определяет, какую страницу с содержимым загружать, что может быть проблематично при смене мастер-дизайна. Во фреймах при работе с DOM приходится продираться через границу фрейма, а с помощью Master Pages документ монолитен. А IFRAME делает по отношению к мастер-пейджам всё с точностью до наоборот, т.е. мы выбираем не контейнер, а содержимое. Плюс к тому IFRAME опять работает в "очке", а не прозрачно вставляет своё содержимое, раздвигая существующий дизайн. В обоих этих вариантах - FRAME и IFRAME - устанавливаются отношения между страницами, где включающая страница определяет своё содержимое, а нужно чтобы включаемая страница определяла свой контейнер.

Есть ли способ создать Master pages (шаблоны страниц, повторяющие дизайн для каждой страницы) при помощи чистого HTML, без SSI, ASP.NET, PHP или JavaScript ? Нужно для мини-сервера, который может только отдавать файлы и больше ничего.

Теги — это мелочь. С минимальным JS-костылем "поддерживаются" опять же с IE6 (а то и раньше). А тут - без костылей.

Я имею в виду поддержку тегов, появившихся впервые в HTML5.

Вот как только спросил, так сразу и озарило: Метод cloneNode копирует содержимое заголовка как есть, со всеми атрибутами, поэтому в документе появляются ДВА элемента thead с одинаковым id="CompTableHeader", но в разных таблицах, и DOM спокойно допускает такую ситуацию. Потом метод document.getElementById("CompTableHeader"); находит первый из них, а именно - заголовок клон-таблицы. Решение: После клонирования сделать ht.firstChild.id = "CloneHeader";

Есть таблица <table id="ComparisonTable"> <thead id="CompTableHeader"> <tr>.....</tr> <tr>.....</tr> <tr>.....</tr> </thead> <tbody> ..... </tbody> </table> Есть JavaScript, с помощью которого я создаю таблицу с дубликатом заголовка и вставляю её перед основной таблицей: function createFixedTableHeader() { var table = document.getElementById("ComparisonTable"); var thead = document.getElementById("CompTableHeader"); if ((table)&&(thead)) { var ht = document.createElement("table"); ht.id = "HeaderTable"; ht.className = table.className; ht.appendChild(thead.cloneNode(true)); //ht.innerHTML = thead.innerHTML; не работает в IE table.parentNode.insertBefore(ht, table); setHeaderTableColWidths(); ht.style.position = "fixed"; ht.style.top = 0; } } Потом, в событии window.onscroll пытаюсь получить thead.clientHeight. Результаты удивляют: thead.clientHeight (т.е. общая высота заголовка основной таблицы) выдаёт число только когда отображается HeaderTable (т.е. клон-таблица), а когда у клона style.display == "none", то clientHeight заголовка основной таблицы выдаёт 0. Я уже было подумал, что метод cloneNode не создаёт копии узлов, а просто копирует указатели, но нет, все свойства у ячеек клон-таблицы сугубо индивидуальные, и их изменение не сказывается на основной таблице. В чём дело?

странно, у меня во всех браузерах, в том числе и в фф 4.0.1 Может создадите отдельную тему?

Visual Studio 2008 Опубликованы файлы, добавляющие в Visual Studio 2008 HTML5-валидацию и HTML5-IntelliSense. Чобы воспользоваться, нужно скачать ZIP-файл с сайта blogs.msdn.com, скопировать из него XSD-схему и импортировать .reg-файлы. XHTML vs HTML Я интенсивно пользовал несколько лет HTML 4, но однажды перешёл на XHTML 1.1, о чём не жалею. Преимущества проявляются во время поддержки сайтов, особенно если приходится поддерживать код, написанный другим человеком. С well-formed XHTML 1.1 получается меньше путаницы, особенно если он автоматически выровнен каким-либо редактором. Well-formed XHTML не даёт сделать в коде помойку из тегов. У браузеров с XHTML 1.1 тоже гораздо меньше проблем. Более того, анализируя well-formed XHTML, браузеры работают в чуть быстрее и потребляют меньше памяти (по личному опыту). Хотя, я смотрю на некоторые сайты и вижу, что их создателей удобство и нагрузка на компьютер пользователя совершенно не волнуют. В некоторых случаях я сожалею об ушедших возможностях HTML4, таких как простое указание <ol start="10">, поскольку в CSS не предусмотрели адекватно выглядящую простую конструкцию на замену. В HTML5 не стали убирать атрибут start и другие полезные возможности. Реалии HTML5 Судя по статистике Google, IE разных версий сейчас - доминирующий браузер. HTML5 поддерживается только начиная с IE9, а IE9 можно установить только начиная с Windows Vista. В то же время у многих пользователей (40.9% на май 2011) по статистике сейчас Windows XP, и, мне думается, переходить с неё они в ближайшие год-два не собираются.

Я не буду парить Вам мозги. Просто скажу, что мне нужно в данный момент: Определить актуальные координаты (left, top) таблицы или её thead в прокручиваемом окне, с учётом прокрутки, в обработчике document.body.onscroll. Так если использовать table.offsetTop, то я получаю одинаковое значение, вне зависимости от положения прокрутки документа. Искать по гуглу очень тяжело, т.к. можно отфильтровать мусор только когда хоть чуть-чуть догадываешься о правильном ответе (читай - знаешь имя нужного свойства).

Треть вопроса решил. Создал дополнительную таблицу с style.position="fixed", залил в неё innerHTML из thead основной таблицы. Могу даже получить текущие ширины ячеек в заголовке основной таблицы, но если присваивать ширины свойствам width и style.width ячеек дополнительной таблицы, эти ячейки не меняют размер. Вопрос решился предварительным присвоением headerTable.width = table.clientWidth; Теперь надо сделать, чтобы заголовочная таблица отображалась при скроллинге окна, если заголовок основной таблицы выехал за его пределы. Внимание! Internet Explorer не признаёт присвоение значения свойству innerHTML. Получается, нужно копировать всё дерево при помощи DOM (cloneNode).

Владу: Сейчас информация должна обновляться всё быстрее, поэтому растёт потребность редактировать её в виде WYSIWYG или по крайней мере в виде вроде Wiki, а для отображения использовать CMS. Поэтому, если сервер сайта позволяет, и Вам есть что сказать, лучше построить сайт на CMS, которую настроить на выдачу валидного кода. В дальнейшем Вы сможете сосредоточиться исключительно на содержимом сайта. В некоторых специальных случаях такой подход неприменим. В частности, у меня есть веб-сайт, работающий на роутере D-Link DIR-320 (со спецпрошивкой) в качестве сервера. Ни о каких веб-технологиях облегчающих рутину, там говорить не приходится. Там нет ни CMS, ни ASP.NET, ни PHP, ни даже SSI. Так что при необходимости поддерживать единый дизайн сайта, приходится повторять его на каждой веб-странице. Вот тут возможны ошибки в коде, но я всё равно стараюсь делать его валидным, поскольку это некоторая гарантия, что человек, попавший на сайт, не будет матюгаться, а сможет получать необходимую ему информацию. Я выбираю валидный код, и считаю, что если средства, облегчающие рутину (SSI, PHP, CMS), выдают невалидный код, значит двойка админу.

Хочется сделать фиксацию заголовка таблицы при прокрутке. Интернет пестрит примерами, где содержимое таблицы прокручивается в DIVе. Мне же надо, чтобы таблица в документе была на свою полную высоту, и если заголовок выезжает наверх, за границу окна, он бы дублировался наверх окна. Ещё: во всех примерах размеры ячейки "прибивают" намертво, т.е. явно указывают размер. Мне же нужно, чтобы ячейки были "резиновыми", т.е. растягивались по содержимому. Реально ли сделать фиксированный заголовок на этих условиях? Можно ли с помощью JavaScript узнать текущую ширину колонок (после автоматической растяжки их браузером) и выезжает ли заголовок за пределы окна?

У американцев node это вообще бесполое. А по-русски - "узел". Собственно, да. var el = document.createElement("img"); el.src = "plus.gif"; el.width = 10; el.style.height = 10; el.style.border = "solid 1px black"; el.alt = "Нажмите, чтобы развернуть"; el.title = "Нажмите, чтобы развернуть"; cell.insertBefore(el, cell.firstChild); Работает. Спасибо, ребята.

Всё, что "append", добавляет в конец, т.е. после firstChild. Только что проверил. Заметки себе: cell.firstChild.innerHTML == undefined а также cell.firstChild.innerText == undefined зато есть cell.firstChild.wholeText cell.firstChild.data cell.firstChild.nodeValue cell.firstChild.textContent которые все выдают текст, хранящийся в td.

Это всё эротические фантазии

Ага! Я набирал свойство не в том регистре. Странно, что несмотря на try-catch-alert браузер не выдавал ошибок. Как достучаться до объекта текстового нода? (Специально создавать обрамление в виде span с id не хочу)

insertBefore сделает так: <img /><td>Текст ячейки</td> а не так: <td><img />Текст ячейки</td> Пробовал через innerHtml, но похоже это свойство read-only. Работает только через innerText, но вставляет с < и >

Есть ячейка <td>Текст ячейки</td> Вставляю IMG: var el = document.createElement("img"); cell.appendChild(el); Эффект получается такой: <td>Текст ячейки<img /></td> а хотелось бы так: <td><img />Текст ячейки</td>