Подключение css
Всем привет!
Имеется такой код:
var tag_css = document.createElement('link');
tag_css.rel = 'stylesheet';
tag_css.href = 'http://test.ru/styles.css'; // здесь указывается URL стилевого файла
tag_css.type = 'text/css';
var tag_head = document.getElementsByTagName('head');
tag_head[0].appendChild(tag_css);
Там димамичиски подключается css файл Скажите, а как мне загрузить css используя готовый код Ну например мне ajax пристал переменную с css Как мне его (css) применить Заранее спасибо... |
Цитата:
|
var_css = '.modal_content { width: 500px; position: absolute; z-index: 10; left: 50%; top: 200px; margin: -150px 0 0 -260px; ';
Как мне эти стили применить к странице? |
оно??
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<script type="text/javascript">
var tag_css = document.createElement('style');
tag_css.type = 'text/css';
tag_css.innerHTML = '.modal_content { width: 500px; position: absolute; z-index: 10; left: 50%; top: 200px; margin: -150px 0 0 -260px; border: 1px solid black;}'
var tag_head = document.getElementsByTagName('head');
tag_head[0].appendChild(tag_css);
</script>
<body>
<div class="modal_content"></div>
</body>
</html>
|
кстати, помоему, если мне не изменяет память.. то в ие работать не будет такое
|
Спасибо вам, но у меня не хочет работать(
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body>
<script type="text/javascript">
function css_add(window_url) {
var tag_css = document.createElement('style');
tag_css.type = 'text/css';
tag_css.href = window_url+'?css=1';
alert(window_url);
var tag_head = document.getElementsByTagName('head');
tag_head[0].appendChild(tag_css);
}
</script>
<h1 onclick="css_add('style.css');">Привет</h1>
</body>
</html>
|
style.css:
h1 { color: #007fff; } |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript">
function css_add(window_url) {
var tag_css = document.createElement('link');
tag_css.type = 'text/css';
tag_css.rel = 'stylesheet';
tag_css.href = window_url+'?css=1';
alert(window_url);
var tag_head = document.getElementsByTagName('head');
tag_head[0].appendChild(tag_css);
}
</script>
<h1 onclick="css_add('style.css');">Привет</h1>
</body>
</html>
1) createElement не style, а link 2) tag_css.rel = 'stylesheet' |
Спасибо всем я разобрался...
Помойму можно только подключать только файлы с расширением .css |
.js файлы тоже подключаются таким способом.
|
Я понял
А подключить файл скажем... style.php Содержащие стили Не получится? |
вы сразу .exe подключайте, чиво уж там
|
bartle96, если прописать в style.php нужный header, то всё получится.
header('Content-type: text/css; charset=windows-1251');
echo '
body {
background-color: #FF0000
}';
function addCSS(url) {
var a = document.createElement('link');
a.href = url;
a.rel = 'StyleSheet';
a.type = 'text/css';
document.head.appendChild(a);
}
addCSS('style.php');
|
Ксать был такой момент и у меня, так вот в опере, текст css, прописанный через теги style - применяется значительно шустрее, нежели через тег link
Зы: cчитаем, что контент уже заранее кеширован и загружен |
| Часовой пояс GMT +3, время: 07:31. |