|
Почему не срабатывает CSS-класс?
#39182933
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
Ссылка на профиль пользователя:
|
Участник
Откуда: Бердск, НСО
Сообщения: 519
|
|
Есть вот такая страница:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
203.
204.
205.
206.
207.
<!DOCTYPE html><!-- HTML5 -->
<html lang="ru-RU" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>Доплата банковской картой без комиссии</title>
<meta charset="utf-8" />
<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->
<meta name="generator" content="Incomedia WebSite X5 Professional 11.0.8.31 - www.websitex5.com" />
<meta name="viewport" content="width=947" />
<link rel="icon" href="favicon.png" type="image/png" />
<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="style/ie.css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="Новости" href="x5feed.php" />
<link rel="alternate" type="application/rss+xml" title="" href="blog/x5feed.php" />
<link rel="stylesheet" type="text/css" href="pcss/800.css" media="screen" />
<script type="text/javascript" src="res/jquery.js?31"></script>
<script type="text/javascript" src="res/x5engine.js?31"></script>
<script type="text/javascript" src="files/checkid(1).js"></script>
<script type="text/javascript">
x5engine.boot.push(function () { x5engine.bgStretch('style/bg.jpg', true, 0); });
</script>
<style type="text/css">
.incorrect-input {
background-color: lightpink;
border: red 1px solid;
color: red;
}
.inactive-button {
cursor:default;
}
.active-button {
cursor: pointer;
}
</style>
<script type="text/javascript">
var jqs = jQuery.noConflict();
(function(jqs) {
jqs(document).ready(function () {
alert(jqs('[name=PAYMENT_NO]').attr('class'));
jqs('[name=PAYMENT_NO]')
.addClass('incorrect-input')
.bind('keypress', function(eo) { return checkId(eo); })
.bind('keyup', function() { checkIdFormat(); })
.bind('change', function() { checkIdFormat(); });
alert(jqs('[name=PAYMENT_NO]').attr('class'));
jqs('[type=submit]').addClass('inactive-button').attr('disabled', 'dissabled');
});
})(jQuery);
</script>
<meta name='yandex-verification' content='15d125435ecda98c' />
</head>
<body>
<div id="imHeaderBg"></div>
<div id="imFooterBg"></div>
<div id="imPage">
<div id="imHeader">
<h1 class="imHidden">Доплата банковской картой без комиссии</h1>
</div>
<a class="imHidden" href="#imGoToCont" title="Заголовок главного меню">Перейти к контенту</a>
<a id="imGoToMenu"></a><p class="imHidden">Главное меню:</p>
<div id="imMnMn" class="auto">
<ul class="auto">
<li id="imMnMnNode0" class="imMnMnFirst">
<a href="index.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Оплата </span></span>
</span>
</a>
</li><li id="imMnMnNode3" class="imMnMnMiddle">
<a href="kak-oplatit-trikolor-tv.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Как оплатить</span></span>
</span>
</a>
</li><li id="imMnMnNode105" class="imMnMnMiddle">
<a href="kanaly.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Каналы</span></span>
</span>
</a>
</li><li id="imMnMnNode6" class="imMnMnMiddle">
<a href="aktsii.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Акции</span></span>
</span>
</a>
</li><li id="imMnMnNode50" class="imMnMnMiddle">
<a href="support.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Служба поддержки </span></span>
</span>
</a>
</li><li id="imMnMnNode5" class="imMnMnMiddle">
<a href="novosti.php">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Новости</span></span>
</span>
</a>
</li><li id="imMnMnNode8" class="imMnMnLast">
<a href="o_kompanii.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">О компании</span></span>
</span>
</a>
</li>
</ul>
</div>
<div id="imContentGraphics"></div>
<div id="imContent">
<a id="imGoToCont"></a>
<h2 id="imPgTitle">Доплата </h2>
<div style="width: 912px; float: left;">
<div id="imCell_166" class="imGrid[0, 0]"><div id="imCellStyleGraphics_166"></div><div id="imCellStyle_166"><div id="imTextObject_166">
<div class="text-tab-content" id="imTextObject_166_tab0" style="text-align: left;">
<div class="text-inner">
<div style="text-align: center;"><span class="fs16 cf1 ff1">Доплата за тариф "Единый Мульти"</span></div>
</div>
</div>
</div>
</div></div>
</div>
<div style="width: 912px; float: left;">
<div id="imCell_167" class="imGrid[1, 1]"><div id="imCellStyleGraphics_167"></div><div id="imCellStyle_167"><img id="imObjectImage_167" src="images/line_small_i55m0978.png" title="" alt="" height="20" width="900" /></div></div>
</div>
<div style="width: 912px; float: left;">
<div style="float: left; width: 130px;">
<div style="height: 40px;"> </div>
</div>
<div style="float: left; width: 130px;">
<div style="height: 40px;"> </div>
</div>
<div style="float: left; width: 392px;">
<div id="imCell_204" class="imGrid[2, 2]"><div id="imCellStyleGraphics_204"></div><div id="imCellStyle_204"><div id="imHTMLObject_204" class="imHTMLObject" style=" overflow: auto; text-align: center;">
<form name="ShopForm" method="POST" action="https://paymaster.ru/Payment/Init">
<font face="Comic Sans MS" size="2">
<input type="hidden" name="MERCHANT_ID" value="50f6484d-4dbe-4893-83ab-10ba61000d83">
Номер договора*:
"12 или 14 цифр"
<input type="text" class="num" name="PAYMENT_NO" size="18" placeholder="12 или 14 цифр" maxlength="14" />
Содержание заказа:
<p>Тарифный план 1руб.</p>
<input name="PAYMENT_AMOUNT" value="1" type="hidden">
<input type="hidden" name="CURRENCY" value="RUB">
<input type="hidden" name="PAYMENT_DESC" value="Оплата пакета каналов Ночной">
<input type="submit" value="Оплатить">
</font></form> </div></div></div>
</div>
<div style="float: left; width: 260px;">
<div style="height: 40px;"> </div>
</div>
</div>
<div style="width: 912px; float: left;">
<div style="height: 15px;"> </div>
</div>
<div id="imFooPad" style="height: 213px; float: left;"> </div><div id="imBtMn"><a href="index.html">Оплата </a> | <a href="kak-oplatit-trikolor-tv.html">Как оплатить</a> | <a href="kanaly.html">Каналы</a> | <a href="aktsii.html">Акции</a> | <a href="support.html">Служба поддержки </a> | <a href="novosti.php">Новости</a> | <a href="o_kompanii.html">О компании</a> | <a href="imsitemap.html">Главная Карта Сайта</a></div>
<div class="imClear"></div>
</div>
<div id="imFooter">
<div style="position: absolute; top: 17px; left: 441px; width: 42px; height: 31px; overflow: hidden;"><!-- Yandex.Metrika counter --><script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter32928629 = new Ya.Metrika({ id:32928629, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="https://mc.yandex.ru/watch/32928629" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter --></div>
</div>
</div>
<span class="imHidden"><a href="#imGoToCont" title="Прочесть эту страницу заново">Назад к содержимому</a> | <a href="#imGoToMenu" title="Прочесть этот сайт заново">Назад к главному меню</a></span>
<noscript class="imNoScript"><div class="alert alert-red">Чтобы использовать этот сайт, необходимо включить JavaScript</div></noscript>
</body>
</html>
Почему-то не отображаются параметры, заданные в стиле incorrect-input. alert показывает, что класс цепляется к input'у но его настройки не отображаются. Если же я устанавливаю каждую настройку отдельно, то всё отрабатывается нормально.
То же самое и submit'ом.
причём, при проверке в Visual Studio и выкладывании части кода связанного как раз с изменением настроек контролов на другой сайт (IIS) всё работает нормально.
Что может мешать применению класса к контролу? |
|
|
