Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Javascript и Css (https://javascript.ru/forum/dom-window/74865-javascript-i-css.html)

Erkanat 13.08.2018 10:57

Javascript и Css
 
Как можно подключить стили 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>

две недели бьюсь над этим:(

ksa 13.08.2018 11:00

Цитата:

Сообщение от Erkanat
Как можно подключить стили css что бы они работали на js

Это бессмысленное выражение...

Цитата:

Сообщение от Erkanat
нашел код где меняется контент без перезагрузки страницы. Но не могу применить к нему css

Как вариант, после изменения контента, найти те элементы и поменять им свойства ЦСС...

oleg13321 13.08.2018 14:22

Как сказали выше
Только жонглировать классами, либо вписывать в style=""

рони 13.08.2018 14:34

Erkanat,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Erkanat 13.08.2018 19:46

Спасибо разабрался

chelnokoff111 17.08.2018 11:49

Спасибо ребят, я тоже столкнулся с такой проблемой, щас попробую.


Часовой пояс GMT +3, время: 19:56.