Инструкция по установке онлайн калькулятора для расчета оптимальной ставки и критической ставки



Работу новой версии этого калькулятора можно посмотреть здесь:
http://king.nanoquant.ru/calc/form4a.html

Старая версия этого калькулятора работает здесь:
http://king.nanoquant.ru/invest4a.html

Внимание! Корректная работа этого калькулятора гарантируется на нормальных серверах, где могут работать нормальные веб-страницы с кодом HTML. Некоторые движки (например, Юкоз) могут внести в работу калькулятора забавные причуды.

Вам нужно будет предупредить пользователей калькулятора на Вашем сайте, что они должны в настройках своего браузера отменить блокировку всплывающих окон с Вашего сайта (если у них установлена такая блокировка). Кроме того, при первом обращении к странице калькулятора, возможно, потребуется перезагрузка страницы, чтобы появился текст в окне вывода.

Для установки онлайн калькулятора на свой сайт Вам нужно скопировать выделенную зеленым, красным и синими цветами часть этого html-кода на ту вебстраницу, на которой Вы хотите установить калькулятор. Этот html-код работает на любом хостинге, в том числе и на таком, который не поддерживает PHP, что не редко встречается на бесплатных хостингах.

Код, выделенный зеленым цветом, вставляется между тегами head. Коды, выделенные красным и синим цветами, вставляется между тегами body.

Зеленый код, это подсказки и первичная обработка введенных данных.

Красный код, это сама форма ввода. Красный код нужно разместить в том месте кода Вашей вебстраницы, где Вы хотите, чтобы находилась форма ввода.

Наконец, синий код нужно разместить в том месте Вашей вебстраницы, где Вы хотите, чтобы был вывод начального текста и результатов расчета. Например, код синего цвета можно разместить на своей вебстранице сразу после кода красного цвета, чтобы данные выводились сразу под формой ввода.

<html>
<head>


<!-- Начало блока подсказок и первичной проверки данных -->

<script type="text/javascript">
function displayHelpBox(text)
{
   var theHelpBox = document.getElementById("helpBox");
   theHelpBox.style.visibility="visible";
   theHelpBox.firstChild.nodeValue = text;
}
function hideHelpBox()
{
   document.getElementById("helpBox").style.visibility="hidden";
}
function validateComplete(formObj)
{
   if(emptyField(formObj.probab))
     alert("Не спать! Введите долю прибыльных сделок, который дает Ваш метод прогнозирования.");
   else if(emptyField(formObj.profit))
     alert("Не спать! Введите процент, который выплачивает брокер на прибыльную ставку.");
   else return true;
     return false;
}
function emptyField(textObj)
{
   if(textObj.value.length == 0) return true;
   for(var i=0; i<textObj.value.length; ++i)
   {
     var ch = textObj.value.charAt(i);
     if(ch != ' ' && ch != '\t') return false;
   }
   return true;
}
</script>

<!-- Конец блока подсказок и первичной проверки данных -->


</head>
<body>


<!-- Начало блока формы ввода данных -->

<div align="center">
<form action="http://king.nanoquant.ru/calc/binar4a.html?s=15&f=arial&m1=10&m2=5&a=justify&i=1&c=000000&bg=ffffff&u=13&p=-20" method="post" target="king4a" name="invest4a" onsubmit="return validateComplete(document.invest4a)">
<table border="1" width="500" align="center" bgcolor="#ffffff">
<tr>
   <td>
   <p style="font-size:15px;font-family:arial;margin:10px 15px;color:#000000;">Какой процент всех сделок является прибыльным: <input type="text" name="probab" size="5" maxlength="5" onfocus="displayHelpBox('Введите число, которое показывает, какой процент Ваших сделок по Вашей статистике является прибыльным')" onblur="hideHelpBox()" value="">%</p>
   </td>
</tr>
<tr>
   <td>
   <p style="font-size:15px;font-family:arial;margin:10px 15px;color:#000000;">Сколько процентов выплачивает брокер на выигрыш: <input type="text" name="profit" size="2" maxlength="2" onfocus="displayHelpBox('Введите число, которое показывает, какой процент от Вашей ставки заплатит Вам брокер, если Ваша ставка выиграет')" onblur="hideHelpBox()" value="">%</p>
   </td>
</tr>
<tr>
   <td>
   <center><input style="font-size:15px;font-family:arial;margin:15px 15px;color:#000000;" type="submit" name="ok" value="Расчёт!">             <input style="font-size:15px;font-family:arial;margin:15px 15px;color:#000000;" type="reset" name="no" value="Очистить" onclick="hideHelpBox()"></center>
   </td>
</tr>
</table>
<input type="hidden" name="flag" value="1">
<div id="helpBox" style="visibility:hidden; background-color:yellow; font-family:arial; font-size:13px; height:30; width:500"> </div>
</form>
</div>

<!-- Конец блока формы ввода данных -->


<!-- Начало блока области начального текста и вывода результатов -->

<div align="center"><iframe src="http://king.nanoquant.ru/calc/binar4a.html?s=15&f=arial&m1=10&m2=5&a=justify&i=1&c=000000&bg=ffffff&u=13&p=-20" name="king4a" width="500" height="2830" border="0">В Вашем браузере отключена поддержка фреймов. Работа калькулятора невозможна.</iframe></div>

<!-- Конец блока области начального текста и вывода результатов -->


</body>
</html>


Блок подсказок и первичной проверки данных

Для кода блока подсказок и первичной обработки данных (в верхнем окне выделен зеленым цветом), ниже пурпурным цветом выделено то, что Вам необходимо перекодировать, если кодировка Вашего сайта отличается от кодировки windows-1251.

Это просто сообщения, которые выводятся, когда пользователь забыл ввести данные. Если Ваша кодировка, например, utf-8 или koi8r или еще какая-нибудь, то вместо этих сообщений будет выводится абракадабра.

Разумеется, эти фразы, выделенные пурпурным цветом, можно изменить на какие-нибудь свои, лишь бы смысл их не менялся.

Ничего другого в коде менять нельзя, иначе он будет работать некорректно.


<script type="text/javascript">
function displayHelpBox(text)
{
   var theHelpBox = document.getElementById("helpBox");
   theHelpBox.style.visibility="visible";
   theHelpBox.firstChild.nodeValue = text;
}
function hideHelpBox()
{
   document.getElementById("helpBox").style.visibility="hidden";
}
function validateComplete(formObj)
{
   if(emptyField(formObj.probab))
     alert("Не спать! Введите долю прибыльных сделок, который дает Ваш метод прогнозирования.");
   else if(emptyField(formObj.profit))
     alert("Не спать! Введите процент, который выплачивает брокер на прибыльную ставку.");
   else return true;
     return false;
}
function emptyField(textObj)
{
   if(textObj.value.length == 0) return true;
   for(var i=0; i<textObj.value.length; ++i)
   {
     var ch = textObj.value.charAt(i);
     if(ch != ' ' && ch != '\t') return false;
   }
   return true;
}
</script>


Блок формы ввода данных

Для кода блока формы ввода данных (в верхнем окне выделен красным цветом) ниже синим цветом выделено то, что Вы можете поменять на свой вариант, и пурпурным цветом выделено то, что при необходимости нужно перекодировать.


<div align="center">
<form action="http://king.nanoquant.ru/calc/binar4a.html?s=15&f=arial&m1=10&m2=5&a=justify&i=1&c=000000&bg=ffffff&u=13&p=-20" method="post" target="king4a" name="invest4a" onsubmit="return validateComplete(document.invest4a)">
<table border="1" width="500" align="center" bgcolor="#ffffff">
<tr>
   <td>
   <p style="font-size:15px;font-family:arial;margin:10px 15px;color:#000000;">Какой процент всех сделок является прибыльным: <input type="text" name="probab" size="5" maxlength="5" onfocus="displayHelpBox('Введите число, которое показывает, какой процент Ваших сделок по Вашей статистике является прибыльным')" onblur="hideHelpBox()" value="">%</p>
   </td>
</tr>
<tr>
   <td>
   <p style="font-size:15px;font-family:arial;margin:10px 15px;color:#000000;">Сколько процентов выплачивает брокер на выигрыш: <input type="text" name="profit" size="2" maxlength="2" onfocus="displayHelpBox('Введите число, которое показывает, какой процент от Вашей ставки заплатит Вам брокер, если Ваша ставка выиграет')" onblur="hideHelpBox()" value="">%</p>
   </td>
</tr>
<tr>
   <td>
   <center><input style="font-size:15px;font-family:arial;margin:15px 15px;color:#000000;" type="submit" name="ok" value="Расчёт!">             <input style="font-size:15px;font-family:arial;margin:15px 15px;color:#000000;" type="reset" name="no" value="Очистить" onclick="hideHelpBox()"></center>
   </td>
</tr>
</table>
<input type="hidden" name="flag" value="1">
<div id="helpBox" style="visibility:hidden; background-color:yellow; font-family:arial; font-size:13px; height:30; width:500"> </div>
</form>
</div>


Рассмотрим подробнее, что вы можете изменить.

  • Стили вывода. Для того, чтобы выводящаяся информация не нарушала дизайн Вашей вебстраницы, Вы можете в теге form передать в выводящуюся информацию свои стили форматирования. Доступны для изменения только 10 параметров. Никакие другие стили изменить невозможно, кроме следующих 10 параметров:
    • s (size) - размер шрифта в пикселах. Если Вы уберете этот параметр, то по умолчанию будет s=15.
    • f (family) - тип шрифта. Если Вы уберете этот параметр, то по умолчанию будет f=arial.
    • m1 (margin) - отступы между параграфами. Если Вы уберете этот параметр, то по умолчанию будет m1=10.
    • m2 (margin) - поля справа и слева. Если Вы уберете этот параметр, то по умолчанию будет m2=5.
    • a (align) - выравнивание текста. Если Вы уберете этот параметр, то по умолчанию будет a=justify.
    • i (indent) - отступ первой строки нового параграфа. Если Вы уберете этот параметр, то по умолчанию будет i=1.
    • c (color) - цвет шрифта. Если Вы уберете этот параметр, то по умолчанию будет c=000000 (черный).
    • bg (background-color) - цвет фона. Если Вы уберете этот параметр, то по умолчанию будет bg=ffffff (белый).
    • u (ul size) - размер шрифта списка в пикселах. Если Вы уберете этот параметр, то по умолчанию будет u=13.
    • p (ul margin) - отступ слева списка в пикселах. Если Вы уберете этот параметр, то по умолчанию будет p=-20. Справа от списка отступ определяется параметром m2, а сверху и снизу задается параметром m1.
  • Таблица ввода. У таблицы ввода в теге table Вы можете изменить толщину границы (border), ширину таблицы (width), расположение таблицы относительно левого и правого краев (align), а также цвет фона таблицы (bgcolor). С помощью этих четырех элементов вы подстраиваете дизайн таблицы под дизайн вашей вебстраницы. Но, в принципе, Вы можете добавить в дизайн таблицы ввода любые свои атрибуты, которые можно применять в таблице и её ячейках.
  • Стиль абзацев. Вы можете в двух тегах p задать свой размер шрифта (font-size), сам шрифт (font-family) и отступы (margin). А также вы можете дополнить стиль абзацев другими элементами или убрать некоторые из используемых тут элементов, на своё усмотрение.
  • Стили кнопок "Расчет!" и "Очистить". В двух тегах input с именами "ok" и "no" Вы можете поменять стили надписей на кнопках. Можно поменять всё то же самое, о чем говоилось выше про стили абзацев в тегах p.
  • Стиль подсказок. Подсказки появляются под таблицей ввода, когда курсор находится в каком-нибудь из окон ввода. Если нужно, то Вы можете в теге div с id="helpBox" менять цвет фона (background-color), тип шрифта (font-family), его размер (font-size), высоту (height) и ширину (width) блока поодсказки.


Блок области начального текста и вывода результатов

Для кода блока области вывода данных ниже синим цветом выделено то, что Вы можете поменять на свой вариант, и пурпурным выделено то, что нужно перекодировать, если это необходимо.


<div align="center"><iframe src="http://king.nanoquant.ru/calc/binar4a.html?s=15&f=arial&m1=10&m2=5&a=justify&i=1&c=000000&bg=ffffff&u=13&p=-20" name="king4a" width="500" height="2830" border="0">В Вашем браузере отключена поддержка фреймов. Поэтому работа калькулятора невозможна. Включите в браузере поддержку фреймов.</iframe></div>

Параметры s, f, m1, m2, a, i, c, bg, u и p, это те же самые параметры, что и в блоке ввода данных. Только в блоке ввода данных эти параметры влияют на дизайн вывода результатов расчета калькулятора, а здесь в блоке области вывода данных эти параметры влияют на дизайн начального текста, который будет выодится, когда посетитель Вашего сайта первый раз зайдет на Вашу страницу с этим онлайн калькулятором.

Поэтому, чтобы дизайн Вашей вебстраницы не поменялся после нажатия на кнопку "Расчет!", нужно, чтобы эти параметры в обоих блоках совпадали!

Но если по какой-то секретной причине очень хочется смены дизайна для вывода результатов, то меняйте только цвет шрифта c и цвет фона bg. Ибо всё остальное меняет требуемый размер для выводимого текста. А размеры области вывода результатов задаются только один раз и служат как для вывода начального текста, так и для вывода результатов расчета онлайн калькулятора.

Вы можете менять ширину (width) и высоту (height) области вывода результатов, а также наличие или отсутствие границы (border) этой области и её толщину.

По умолчанию, ширина области вывода (width="500") здесь настроена под ширину таблицы формы ввода. Если у Вас, например, область вывода результатов должна размещаться сразу под таблицей ввода данных и иметь такую же ширину, как таблица ввода данных, то оба параметра width в этих блоках должны совпадать. Если у Вас другая ситуация, то сами решайте какие значения должны принимать параметры width в этих блоках и должны ли они, вообще, у Вас совпадать.

Высота области вывода (height="2830") настроена в соответствие с данными по умолчанию параметров s=15, f=arial, m1=10, m2=5, a=justify, i=1, u=13 и p=-20. Эта высота настроена так, чтобы и весь вывод и весь начальный текст поместились в область вывода.

Если вы измените значения этих параметров дизайна (s, f, m1, m2, a, i, u и p) на свои другие значения, то может случиться так, что текст вывода и начальный текст или не будут полностью помещаться в область вывода результатов, или, наоброт, на вебстранице останется много пустого незаполненного места. Поэтому вам придется или увеличить размеры области вывода или уменьшить их. Например, изменив параметр height на другое значение.

Если вывод результатов полностью не помещается в область вывода, то, по умолчанию, появляються полосы прокрутки. Но вы можете запретить такую прокрутку с помощью введения дополнительных параметров области вывода результатов. Вы можете также вводить любые другие свои параметры области вывода для задания её свойств, которые вам могут быть нужны.

Наши Услуги:
Вычислительные услуги для трейдеров
Наши Сервисы:
Поиск по сайту
Написать автору сайта пару ласковых слов
Генератор сайтов
Скачать халяву
Скидочные купоны
Визуальный онлайновый конвертор
Мастер Рефералов
Генератор паролей
Генератор цветовых схем
Проверка качества сайта
Чистильщик HTML кода
Microsoft Word вер.10
Бесплатные скрипты