Как можно подключить стили css что бы они работали на js, нашел код где меняется контент без перезагрузки страницы. Но не могу применить к нему css, весь контент выходит жутко не красивый.
Js:
function showContent(link) {
var cont = document.getElementById('content');
var loading = document.getElementById('loading');
cont.innerHTML = loading.innerHTML;
var http = createRequestObject();
if( http )
{ http.open('get', link);
http.onreadystatechange = function ()
{ if(http.readyState == 4)
{ cont.innerHTML = http.responseText; } }
http.send(null); }
else
{ document.location = link; } }
// ajax объект
function createRequestObject()
{ try { return new XMLHttpRequest() }
catch(e)
{ try { return new ActiveXObject('Msxml2.XMLHTTP') }
catch(e)
{ try { return new ActiveXObject('Microsoft.XMLHTTP') }
catch(e) { return null; } } } }
css:
.dgp_content
{
margin:15px;
background-color: #000000;
color:red;
font-size:36px;
font-family: century schoolbook;
text-align: right;
display: none;
}
html:
<nav class="dgp_list">
<ul>
<li><a href="#">Правительственные сайты</a>
<ul>
<li><a href="#" onclick="showContent('page1.html');">Кабинет налогоплательщика</a></li>
<li><a href="#" onclick="showContent('page2.html');">Комитет по статистике</a></li>
</ul>
</li>
</ul>
</nav>
две недели бьюсь над этим
