Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   изменение в стилях в зависимости от значения (https://javascript.ru/forum/events/66392-izmenenie-v-stilyakh-v-zavisimosti-ot-znacheniya.html)

VGreen 12.12.2016 18:02

изменение в стилях в зависимости от значения
 
Всем доброго времени суток!
народ, выручайте, зашел в тупик. Суть вот в чем, делаю шаблон для ДЛЕ и нужно кое что скрыть в зависимости от значения которое передаёт движок, а именно, в движке есть тег {new-pm} и если его значение ноль то надо чтобы у иконки, используемой в дизайне было значение display:none а если любая другая цифра то display:block

вот html и css код
Код:

<div class="login-name">{login}</div><img src="{foto}" title="{login}" class="login-foto-pm"/><i id="icon-new-pm"></i>

.login-foto-pm {
        width: 40px;
        height: 40px;
        -webkit-border-radius:50%;
        border-radius:50%;
        margin-left:-30px;
        position:relative;
}
#icon-new-pm {
        width: 18px;
        height: 18px;
        position: absolute;
        display:none;
        border: 2px solid rgba(80,80,80,0.7);
        -webkit-border-radius:50%;
        border-radius:50%;
        text-align:center;
        vertical-align:middle;
        right:30px;
        top:0;
        font-size:14px;
        color: rgba(1,153,217,1);
        background: rgba(33,35,40,1);
        z-index:99;
}

вот только на что меня хватило и это не работает
<script type="text/javascript">
if({new-pm} != 0) {
document.getElementById(icon-new-pm).style.display='none';

} else {
document.getElementById(icon-new-pm).style.display='block';
}
</script>



значение display нужно чтобы менялось у id icon-new-pm

заранее всем спасибо

VGreen 12.12.2016 19:00

проблему решил, оказалось до жути все просто
<script type="text/javascript">
if({new-pm} > 0) {
$("#icon-new-pm").addClass("icon-new-pm");
}
</script>

всем спасибо


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