КНОПКИ В ТЕЛЕФОНЕ ИКОНКАМИ {ПОМОГИТЕ РЕШИТЬ ЗАДАЧУ}

[Boiko]

Подскажите пожалуйста, я остановился на одной хрени а так дизайн телефона айфона уже почти закончил, Только вот не могу решить одну задачку.

Смотрите есть у нас кнопка допусти gpsBtn так же в os.css есть класс .gpsBtn и в os.js есть case под номером 7

JavaScript:

case 7:
  iconBtn(item[0], i, item[1], item[4], item[5], "gpsBtn");
 break;

На серверной части прописано в Main.cs и в Menu.cs

В Main.cs

C#:

menuItem = new Menu.Item("gps", Menu.MenuItem.gpsBtn);
            menuItem.Column = 2;
            menuItem.Text = "";
            menu.Add(menuItem);

Так же в Menu.cs

C#:

gpsBtn,
contactBtn,
servicesBtn,
и т.д.

И смотрите суть вопроса я прописал новую кнопку

JavaScript:

 case 23:
     iconBtn(item[0], i, item[1], item[4], item[5], "[B]forbesBtn[/B]");
      break;

Прописал в Main.cs и в Menu.cs как положено

В Main.cs

C#:

 // forbes
            menuItem = new Menu.Item("forb", Menu.MenuItem.[B]forbesBtn[/B]);
            menuItem.Column = 2;
            menuItem.Text = "";
            menu.Add(menuItem);
            //

В Menu.cs добавил в конце еще одну строчку в конце forbesBtn,

Почему в самой игре показывает класс gpsBtn он не берет класс который прописал я в os.css а берет другой кнопки.

Вот как я прописал класс в прочим как и все остальные но они показывают а вот именно .forbesBtn он не видет.

CSS:

.forbesBtn {
        position: absolute;
        background-color: rgb(255, 255, 255), transparent;
        font-size: 14pt;
        cursor: pointer;
        background-image: url(../images/phone/forbes.png);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 5px;
        width: 52px;
        height: 52px;
        margin-top: -2px;
    }
    
.forbesBtn:hover {
        -webkit-animation: none;
        -webkit-transform: scale(1.1);
        animation: none;
        transform: scale(1.1);
    }
    
.forbesBtn:active {
        -webkit-animation: none;
        -webkit-transform: scale(1.0);
        animation: none;
        transform: scale(1.0);
    }

Она берет классы и подставляет вот код с os.js но почему он не хочет класс вставить именно кнопки .forbesBtn а ставит другой класс а открывается кнопка форбс лист но класс другой.

Может тут добавить что то нужно в этом коде os.js

JavaScript:

var App = null;
var Home = null;
var Back = null;
var Items = {};
var Lists = [];
var IND = 0;


function open(id, canhome, canback, data) {
    reset();
    App = id;
    Home = canhome;
    Back = canback;
    if (Back == false) $('.back').addClass('disabled');
    if (Home == false) $('.home').addClass('disabled');
    $('.debug').append(id);
    var json = JSON.parse(data);
    json.forEach(function(item, i, arr) {
        switch (item[2]) {
            case 0:
                break;
            case 1:
                addHeader(item[0], i, item[1], item[4], item[3]);
                break;
            case 2:
                addCard(item[0], i, item[1], item[4], item[3]);
                break;
            case 3:
                if (id == "cars" && item[0] != "close") addBtn(item[0], i, item[7], item[4], item[5]);
                else addBtn(item[0], i, item[1], item[4], item[5]);
                break;
            case 4:
                addCheck(item[0], i, item[4], item[6]);
                break;
            case 5:
                addInput(item[0], i, item[1]);
                break;
            case 6:
                addList(item[0], i, JSON.stringify(item[7]));
                break;
            case 7:
                iconBtn(item[0], i, item[1], item[4], item[5], "gpsBtn");
                break;
            case 8:
                iconBtn(item[0], i, item[1], item[4], item[5], "contactBtn");
                break;
            case 9:
                iconBtn(item[0], i, item[1], item[4], item[5], "servicesBtn");
                break;
            case 10:
                iconBtn(item[0], i, item[1], item[4], item[5], "homeBtn");
                break;
            case 11:
                iconBtn(item[0], i, item[1], item[4], item[5], "grupBtn");
                break;
            case 12:
                iconBtn(item[0], i, item[1], item[4], item[5], "hotelBtn");
                break;
            case 13:
                iconBtn(item[0], i, item[1], item[4], item[5], "ilanBtn");
                break;
            case 14:
                iconBtn(item[0], i, item[1], item[4], item[5], "closeBtn");
                break;
            case 15:
                iconBtn(item[0], i, item[1], item[4], item[5], "businessBtn");
                break;
            case 16:
                iconBtn(item[0], i, item[1], item[4], item[5], "adminBtn");
                break;
            case 17:
                iconBtn(item[0], i, item[1], item[4], item[5], "lockBtn");
                break;
            case 18:
                iconBtn(item[0], i, item[1], item[4], item[5], "leaveBtn");
                break;
            case 19:
                iconBtn(item[0], i, item[1], item[4], item[5], "onRadio");
                break;
            case 20:
                iconBtn(item[0], i, item[1], item[4], item[5], "offRadio");
                break;
            case 21:
                iconBtn(item[0], i, item[1], item[4], item[5], "bankBtn");
                break;
            case 22:
                iconBtn(item[0], i, item[1], item[4], item[5], "promoBtn");
                break;
            case 23:
                iconBtn(item[0], i, item[1], item[4], item[5], "[B]forbesBtn[/B]");
                break;
        }
        IND++;
    });
}

function show() {
    move('#iphone')
        .duration(0)
        .y(0)
        .end(function() {
            move('#iphone')
                .y(0)
                .set('opacity', 1)
                .end();
        });
}

function hide() {
    move('#iphone')
        .y(0)
        .set('opacity', 0)
        .end();
}
// ELEMENTS //
function addHeader(id, index, text, col, color) {
    var pure = "pure-u-";
    var style = "";
    if (col === 1) pure = pure + col;
    else pure = pure + '1-2';
    style = getColor(color);

    var card = '<div id="' + index + '" data-id="' + id + '" class="' + pure + '">\
    <h1 class="' + style + '">' + text + '</h1></div>';
    $('.main').append(card);
}

function addBtn(id, index, title, col, big, btnType) {
    var callback = "call('" + id + "','button');";
    var pure = "pure-u-";
    var style = "button";
    if (col === 1) pure = pure + col;
    else pure = pure + '1-2';
    if (big == true) style = style + " big";

    var btn = '<div id="' + index + '" data-id="' + id + '" class="' + pure + '">\
    <div onClick="' + callback + '" class="' + style + '">' + title + '</div></div>';
    $('.main').append(btn);
}



function iconBtn(id, index, title, col, big, btnType) {
    var callback = "call('" + id + "','button');";
    var pure = "pure-u-6-24";
    var style = btnType;
    if (big == true) style = style + " big";

    var btn = '<div id="' + index + '" data-id="' + id + '" class="' + pure + '">\
    <div onClick="' + callback + '" class="' + style + '">' + title + '</div></div>';
    $('.main').append(btn);
}

function addCard(id, index, text, col, color) {
    var pure = "pure-u-";
    var style = "";
    if (col === 1) pure = pure + col;
    else pure = pure + '1-2';
    style = getColor(color);

    var card = '<div id="' + index + '" data-id="' + id + '" class="' + pure + '">\
    <p class="' + style + '">' + text + '</p></div>';
    $('.main').append(card);
}

function addInput(id, index, title) {
    var inp = '<div id="' + index + '" data-id="' + id + '" class="pure-u-1">\
    <input type="text" placeholder="' + title + '"></div>';
    $('.main').append(inp);
}

function addList(id, index, elements) {
    var data = JSON.parse(elements);
    var callback = "call('" + id + "','listSelect');";
    var callLeft = "listChange('" + index + "','left');";
    var callRight = "listChange('" + index + "','right');";
    Lists[index] = data;

    var list = '<div id="' + index + '" data-id="' + id + '" class="pure-u-1"><div class="list">\
    <i class="left flaticon-left-arrow" onClick="' + callLeft + '"></i>\
    <input id="l0" type="text" value="' + data[0] + '" onClick="' + callback + '" readonly>\
    <i class="right flaticon-arrowhead-pointing-to-the-right" onClick="' + callRight + '"></i>\
    </div></div>';
    $('.main').append(list);
}

function addCheck(id, index, col, checked) {
    var pure = "pure-u-";
    var chk = "";
    if (checked) chk = " checked";
    if (col === 1) pure = pure + col;
    else pure = pure + '1-2';
    var callback = "call('" + id + "','checkbox');";

    var box = '<div id="' + index + '" data-id="' + id + '" class="' + pure + '">\
    <input type="checkbox"' + chk + ' onClick="' + callback + '"></div>';
    $('.main').append(box);
}

Для тех кто помог Вам от души на перед, скоро тут будет телефон готовый скрин телефона вы увидите ниже.

Нажмите для раскрытия...

Спойлер: Скрин

Спойлер: Видео что бы подробно понять что я имею введу

 

[Boiko]

Все остальные выводятся вот так правильно ID верный и class

<div id="2" data-id="gps" class="pure-u-6-24">
<div onclick="call('gps','button');" class="gpsBtn"></div>

Он сам где то берет этот class и ставит его туда куда нужно, а мой класс он не хочет ставить и поэтому меняет на другой class там деле не в картинки, на видео я заменил вручную class и все отлично отображается а это значит что где то еще прописывается к какому id будет привязываться тот или иной class

Вот мой class он постоянно ставит class promoBtn почему так когда он должен подтянуть как все подтягивают свой class
<div id="1" data-id="forb" class="pure-u-6-24"> <div onclick="call('forb','button');" class="promoBtn"></div></div>
Он же id правильный подтягивает почему класс не подтягивает правильный ?

А должно быть как на всех определенный id а тут id правильный а class нет
<div id="1" data-id="forb" class="pure-u-6-24"> <div onclick="call('forb','button');" class="forbesBtn"></div>


Может где то еще прописывается какие классы показывать в определенном id

 

[Boiko]

Вот весь Файл os.js ТЫК

 

[Boiko]

UP

 

[Boiko]

UP

 

[Boiko]

UP