Области и размещение FDK

Используемые файлы CSS:

• common.css (для РОП)

• common<CtrlSuffix>.css (для клиентского режима, CtrlSuffix)

Рисунок 86. Пример клиентского экрана c FDK

Листинг 30. Пример статического содержимого HTML

<object id='F1Key' class='fdkButton f1btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK01'>
    <param name='Visible' value='true'>
    ...
</object>
<object id='F2Key' class='fdkButton f2btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK02'>
    <param name='Visible' value='true'>
    ...
</object>
<object id='F3Key' class='fdkButton f3btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK03'>
    <param name='Visible' value='true'>
    ...
</object>
<object id='F4Key' class='fdkButton f4btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK04'>
    <param name='Visible' value='true'>
    ...
</object>
<object id='F5Key' class='fdkButton f5btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK05'>
    <param name='Visible' value='true'>
    ...
</object>
<object id='F6Key' class='fdkButton f6btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK06'>
    <param name='Visible' value='true'>
    ...
</object>
<object id='F7Key' class='fdkButton f7btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK07'>
    <param name='Visible' value='true'>
    ...
</object>
<object id='F8Key' class='fdkButton f8btn' CLASSID='clsid:35897BD3-FBFB-4537-A5BA-719C3C677136'>
    <param name='FuncKey' value='FK_FDK08'>
    <param name='Visible' value='true'>
    ...
</object>

Листинг 31. Пример CSS

/* Блок определения FDK-кнопок */
/* Стандартные кнопки */
.fdkButton {
     border: 1px solid #FFFF00;
     height: 16%;
     max-width: 49%;
     min-width: 10%;
     position: absolute;
     width: 46.875%;
     /* Стандартные размеры
     height: 12.5%;
     width: 46.875%; */
}
.f1btn {
     right: 0%;
     top: 36%;
     /* Стандартные размеры
     right: 0%;
     top: 31.25%; */
}
.f2btn {
     right: 0%;
     top: 52%;
     /* Стандартные размеры
     right: 0%;
     top: 50%; */
}
.f3btn {
     right: 0%;
     top: 68%;
     /* Стандартные размеры
     right: 0%;
     top: 68.75%; */
}
.f4btn {
     right: 0%;
     top: 84%;
     /* Стандартные размеры
     right: 0%;
     top: 87.5%; */
}
.f5btn {
     left: 0%;
     top: 84%;
     /* Стандартные размеры
     left: 0%;
     top: 87.5%; */
}
.f6btn {
     left: 0%;
     top: 68%;
     /* Стандартные размеры
     left: 0%;
     top: 68.75%; */
}
.f7btn {
     left: 0%;
     top: 52%;
     /* Стандартные размеры
     left: 0%;
     top: 50%; */
}
.f8btn {
     left: 0%;
     top: 36%;
     /* Стандартные размеры
     left: 0%;
     top: 31.25%; */
}
/* Узкие кнопки */
/* Используется только на экране просмотра электронного журнала и сведений об устройстве */
.fdkNarrowButton
{
     height: 16%;
     max-width: 25%;
     min-width: 10%;
     position: absolute;
     width: 240px;
}
.f1NarrowBtn {
     right: 0%;
     top: 36%;
}
.f2NarrowBtn {
     right: 0%;
     top: 52%;
}
.f3NarrowBtn {
     right: 0%;
     top: 68%;
}
.f4NarrowBtn {
     right: 0%;
     top: 84%;
}
/* ---- FDK ---- */

Примечание

Узкие FDK используются только на экранах просмотра электронного журнала и Сведения об устройстве. После автоматического запуска встраимого Javascript, классы кнопок изменяются на указанные в примере CSS.