Форум

bartle96 · #1 (**permalink**) 25.07.2013, 14:17

Всем привет!
Имеется такой код:

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) применить
Заранее спасибо...

skrudjmakdak · #2 (**permalink**) 25.07.2013, 14:22

Сообщение от bartle96

Ну например мне ajax пристал переменную с css

что вы подразумевайте под переменной цсс?? можно пример?

bartle96 · #3 (**permalink**) 25.07.2013, 15:05

var_css = '.modal_content { width: 500px; position: absolute; z-index: 10; left: 50%; top: 200px; margin: -150px 0 0 -260px; ';
Как мне эти стили применить к странице?

skrudjmakdak · #4 (**permalink**) 25.07.2013, 15:09

оно??

<!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>

skrudjmakdak · #5 (**permalink**) 25.07.2013, 15:10

кстати, помоему, если мне не изменяет память.. то в ие работать не будет такое

bartle96 · #6 (**permalink**) 25.07.2013, 16:24

Спасибо вам, но у меня не хочет работать(

<!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>

bartle96 · #7 (**permalink**) 25.07.2013, 16:24

style.css:

h1 {
color: #007fff;

}

zilker · #8 (**permalink**) 25.07.2013, 16:38

<!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'

bartle96 · #9 (**permalink**) 25.07.2013, 17:59

Спасибо всем я разобрался...
Помойму можно только подключать только файлы с расширением .css

zilker · #10 (**permalink**) 25.07.2013, 19:07

.js файлы тоже подключаются таким способом.

Форум

Справочник

Discord чат

Курсы javascript