У меня есть следующий файл:
<html>
<head>
<title></title>
<script type="text/javascript" src="/Prototype.js"></script>
<script type="text/javascript">
function load_content()
{
new Ajax.PeriodicalUpdater('content', '/UpdatedContent/,
{
method: 'post',
frequency: 5
});
//var fileref = document.createElement("link");
//fileref.setAttribute("rel", "stylesheet");
//fileref.setAttribute("type", "text/css");
//fileref.setAttribute("href", filename);
}
</script>
</head>
<body>
<div id="content"></div>
<script type="text/javascript">
load_content();
</script>
</body>
</html>
Содержимое из UpdatedContent должно загружаться в div «content» каждые 5 секунд. Что странно, так это то, что HTML загружается, но раздел в верхней части загруженной страницы полностью удаляется, когда он вставляется в «контент»
Загруженная страница по сути такая:
<style type="text/css">
... lots of css here ...
</style>
... lots of HTML here ...
Нет,
Разве CSS не может быть введен непосредственно в div? Есть ли какая-то причина, по которой платформа Prototype или DOM браузера убирают CSS?
Как включить CSS без отдельного вызова ??
Как вы можете видеть из данного основного файла, страница будет полностью пустой, без чего-либо загруженного в div "content". Это намеренно. В основном я хочу использовать это в качестве структуры для динамической загрузки обновляющегося контента с интервалом, чтобы странице не приходилось полностью перезагружаться для обновления данных.
И нет, я не могу просто жестко закодировать CSS в вышеуказанном файле, так как CSS тоже будет меняться.
Редактировать: Относительно Ответ yaauie ... теперь я знаю, почему это происходит, так как я передаю стиль и содержание в одной части. Если я разделю CSS в отдельный файл, который можно загрузить, как мне тогда загрузить его через AJAX (предпочтительно с использованием Prototype), а затем, что более важно, установить этот CSS в качестве таблицы стилей для содержимого страницы?