Форум PHP программистов > Изменение тегов с помощью JS

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Изменение тегов с помощью JS

Страницы: 1, 2

Владимир55

3.12.2013 - 21:14

Цитата (killer8080 @ 3.12.2013 - 17:03)

я имел ввиду

#wrap_p p {
    /* some styles */
}

вместо

.clasname {
    /* some styles */
}

Если Вы имеете в виду вот это

<body>

	<p class="tema">КРАСС ПРОПИСАН ИЗНАЧАЛЬНО</p>
    <p class="tema_dva">КLАСС ПРОПИСАН ДРУГОЙ</p>
    
<div id="wrap_p">
    <p>Класс подставлется заменой 1</p>
    <p>Класс подставлется заменой 2</p>
    <p>Класс подставлется заменой 3</p>
</div>
	<script>	
	pEls = document.getElementById('wrap_p').getElementsByTagName('p');	
	for (i in pEls) {		
		pEls[i]#wrap_p p = 'tema';	
	}
	</script>
</body>

то оно вообще не работает.

Или что?

killer8080

3.12.2013 - 21:18

<style>
#wrap_p p, .tema {
    /* some styles */
}
</style>
<body>

	<p class="tema">КРАСС ПРОПИСАН ИЗНАЧАЛЬНО</p>
    <p class="tema_dva">КLАСС ПРОПИСАН ДРУГОЙ</p>
    
<div id="wrap_p">
    <p>Класс подставлется заменой 1</p>
    <p>Класс подставлется заменой 2</p>
    <p>Класс подставлется заменой 3</p>
</div>

</body>

и никаких скриптов, вообще при оформлении нужно стремится избегать использования скриптов, допустимо только там, где нет решения на css.

Владимир55

5.12.2013 - 18:26

Цитата (killer8080 @ 3.12.2013 - 17:18)

Я с этим совершенно согласен, но возникает такой нюанс: если на странице используется @media, то без скрпта она не работает (см. вариант без скрипта и попробуйте сузить экран браузера), а со скриптом работает нормально (см. вариант со скриптом).

Разумеется, я бы предпочел обойтись без скрпта. Но возможно ли это?

redreem

5.12.2013 - 19:51

блин, ты приводи выжимку из листинга по существу. мне лично в лом тыкать в ссылки, запускать отладчик, смотреть куда что у тебя там попадает. хочешь ответ - предоставляй исходный код в максимально упрощенном виде, чтобы "копипаст в блокнот и опен в браузере".

Владимир55

5.12.2013 - 20:23

Цитата (redreem @ 5.12.2013 - 15:51)

ты приводи выжимку из листинга по существу

Сорри, я хотел как лучше, но тут не угадаешь: одни говорят, "Что ты клочки приводишь, ты дай код целиком", а Вам предпочтительнее эпизод.

В общем, Киллер рекомендовал обойтись без скрипта, обернув в див. Получается вот такой код:

<style>
p {font:15px Arial,sans-serif;}

@media screen and (max-width: 750px) {
#wrap_p p {font-size: 14px;color:#F33 }
}
</style>
</head>

    
<body>	
	<div id="wrap_p">    
		<p>Класс подставлется заменой 1 - Это НЕ работает!</p>    
	</div>

При этом @media не выполняет своей функции.

redreem

5.12.2013 - 20:27

почему не выполняет? ты распиши медия для всех случаев, а не только для макс-ширина 750.

Владимир55

5.12.2013 - 20:41

Он ни для каких случаев не работает. Вы подвигайте границу экрана браузера и перейдите через 750 пикселей - сами увидите.

killer8080

5.12.2013 - 23:44

Владимир55
в скрипте по ссылке у тебя синтаксическая ошибка, лишняя запятая

Цитата

@media screen and (max-width: 750px) {
.tema {font-size: 14px;color:#F33 }
#wrap_p p, {font-size: 14px;color:#F33 }
}

Быстрый ответ:

Здесь расположена полная версия этой страницы.