Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.11.2019, 21:22
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

калькулятор js jqweri
Доброе время суток есть таблица я должен убрать с таблици инпут и записать везде о
когда я делаю мой калькулятор перестает работать и я не понимаю где ошибка

<script>
            function formreset() {
                document.getElementById("campivot").reset();
            }

            function calcamrlia() {
                var campivot = document.campivot;

                if (!campivot.price2.value) {
                    alert("Please type the value in High Price field !");
                    return false;
                } else if (!campivot.price3.value) {
                    alert("Please type the value in Low Price field !");
                    return false;
                } else if (!campivot.price4.value) {
                    alert("Please type the value in Close price field !");
                    return false;
                }

                campivot.sup1.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 12) * 1000) / 1000;
                campivot.sup2.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 6) * 1000) / 1000;
                campivot.sup3.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 4) * 1000) / 1000;
                campivot.sup4.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 2) * 1000) / 1000;
                campivot.res1.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 12) * 1000) / 1000;
                campivot.res2.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 6) * 1000) / 1000;
                campivot.res3.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 4) * 1000) / 1000;
                campivot.res4.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 2) * 1000) / 1000;
            }
        </script>

<div id="ezmain">
                                        <fieldset class="bordformt" style="border: 2px solid #0066B3;">
                                            <legend class="bordformt" align="center" style="border: 0px solid #0066B3; padding: 
5px 20px; margin-  left: 20px;">
                                                <center>Camarilla Pivot Trading Calculator</center>
                                            </legend>
                                            </br>
                                            
                                            <div id="ezchild">
                                                <fieldset class="bordformt" style="border: 1px solid #0066B3;">
                                                    <legend class="bordformt" align="left" style="border: 1px solid #0066B3; padding: 4px 11px; margin-  left: 20px;">Camarilla Trade Range</legend>
                                                    <form id="campivot" name="campivot" style="background-color: white;">
                                                        <table width='100%'>
                                                            <tr>
                                                                <td width='40%'>Camarilla Level- H4 ↑</td>
                                                                <td width='60%' ><input id="res4" class="widgetext"></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- H3 ↓</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="res3" name="res3" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- H2 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="res2" name="res2" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- H1 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="res1" name="res1" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L1 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup1" name="sup1" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L2 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup2" name="sup2" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L3 ↑</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup3" name="sup3" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L4 ↓</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup4" name="sup4" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr></tr>
                                                            <tr></tr>
                                                        </table>

                                                </fieldset>
                                                <br />

                                                <fieldset class="bordformt" style="border: 1px solid #0066B3;">
                                                    <legend class="bordformt" align="left" style="border: 1px solid #0066B3; padding: 4px 11px; margin-  left: 20px;">Enter The Current Price</legend>
                                                    <table width='100%'>
                                                        <tr>
                                                            <th width="30%">High Price :</th>
                                                            <th width="30%">Low Price :</th>
                                                            <th width="30%">Close Price :</th>
                                                        </tr>
                                                        <tr>
                                                            <td width="30%"><input class="widgetext" id="price2" name="price2" placeholder="5650" type="text" title="High Price" /></td>
                                                            <td width="30%"><input class="widgetext" id="price3" name="price3" placeholder="5560" type="text" title="Low Price" /></td>
                                                            <td width="30%"><input class="widgetext" id="price4" name="price4" placeholder="5610" type="text" title="Close Price" /></td>
                                                        </tr>
                                                        <tr></tr>
                                                        <tr></tr>
                                                    </table>
                                                    </form>
                                                </fieldset>
                                                <br />

                                                <fieldset class="bordformt" style="border: 1px solid #0066B3;">
                                                    <legend class="bordformt" align="left" style="border: 1px solid #0066B3; padding: 4px 11px; margin-  left: 20px;">Calculate the Level</legend>
                                                    </br>
                                                    <center>
                                                        <input onclick='calcamrlia(campivot);' value='Calculate' style='font-size:16px;width:115px;line-height:25px;font-weight:bold;' type='button' value='Camarilla Pivot Calculator' />
                                                        <input onclick='formreset();' value='Reset' style='font-size:16px;width:115px;line-height:25px;font-weight:bold;' type='button' value='Reset Calculator' />
                                                    </center>
                                                </fieldset>
                                                <br/>
                                            </div>  
                                    </div>
Ответить с цитированием
  #2 (permalink)  
Старый 21.11.2019, 21:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

misha.korolcov,
<div id="ezmain">
                                        <fieldset class="bordformt" style="border: 2px solid #0066B3;">
                                            <legend class="bordformt" align="center" style="border: 0px solid #0066B3; padding:
5px 20px; margin-  left: 20px;">
                                                <center>Camarilla Pivot Trading Calculator</center>
                                            </legend></fieldset>
                                            </br>
                                            <form id="campivot" name="campivot" style="background-color: white;">
                                            <div id="ezchild">
                                                <fieldset class="bordformt" style="border: 1px solid #0066B3;">
                                                    <legend class="bordformt" align="left" style="border: 1px solid #0066B3; padding: 4px 11px; margin-  left: 20px;">Camarilla Trade Range</legend>

                                                        <table width='100%'>
                                                            <tr>
                                                                <td width='40%'>Camarilla Level- H4 ↑</td>
                                                                <td width='60%' ><input id="res4" class="widgetext"></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- H3 ↓</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="res3" name="res3" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- H2 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="res2" name="res2" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- H1 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="res1" name="res1" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L1 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup1" name="sup1" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L2 ↔</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup2" name="sup2" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L3 ↑</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup3" name="sup3" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td width=‘40%’>Camarilla Level- L4 ↓</td>
                                                                <td width=‘60%’>: <input class="widgetext" id="sup4" name="sup4" size="30" type="text" /></td>
                                                            </tr>
                                                            <tr></tr>
                                                            <tr></tr>
                                                        </table>

                                                </fieldset>
                                                <br />

                                                <fieldset class="bordformt" style="border: 1px solid #0066B3;">
                                                    <legend class="bordformt" align="left" style="border: 1px solid #0066B3; padding: 4px 11px; margin-  left: 20px;">Enter The Current Price</legend>
                                                    <table width='100%'>
                                                        <tr>
                                                            <th width="30%">High Price :</th>
                                                            <th width="30%">Low Price :</th>
                                                            <th width="30%">Close Price :</th>
                                                        </tr>
                                                        <tr>
                                                            <td width="30%"><input class="widgetext" id="price2" name="price2" placeholder="5650" type="text" title="High Price" /></td>
                                                            <td width="30%"><input class="widgetext" id="price3" name="price3" placeholder="5560" type="text" title="Low Price" /></td>
                                                            <td width="30%"><input class="widgetext" id="price4" name="price4" placeholder="5610" type="text" title="Close Price" /></td>
                                                        </tr>
                                                        <tr></tr>
                                                        <tr></tr>
                                                    </table>

                                                </fieldset>
                                                <br />

                                                <fieldset class="bordformt" style="border: 1px solid #0066B3;">
                                                    <legend class="bordformt" align="left" style="border: 1px solid #0066B3; padding: 4px 11px; margin-  left: 20px;">Calculate the Level</legend>
                                                    </br>
                                                    <center>
                                                        <input onclick='calcamrlia(campivot);' value='Calculate' style='font-size:16px;width:115px;line-height:25px;font-weight:bold;' type='button' value='Camarilla Pivot Calculator' />
                                                        <input onclick='formreset();' value='Reset' style='font-size:16px;width:115px;line-height:25px;font-weight:bold;' type='button' value='Reset Calculator' />
                                                    </center>
                                                </fieldset>
                                                <br/>
                                            </div>
                                    </form></div>
<script>
            function formreset() {
                document.getElementById("campivot").reset();
            }

            function calcamrlia() {
                var campivot = document.campivot;

                if (!campivot.price2.value) {
                    alert("Please type the value in High Price field !");
                    return false;
                } else if (!campivot.price3.value) {
                    alert("Please type the value in Low Price field !");
                    return false;
                } else if (!campivot.price4.value) {
                    alert("Please type the value in Close price field !");
                    return false;
                }

                campivot.sup1.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 12) * 1000) / 1000;
                campivot.sup2.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 6) * 1000) / 1000;
                campivot.sup3.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 4) * 1000) / 1000;
                campivot.sup4.value = Math.round((1 * campivot.price4.value - (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 2) * 1000) / 1000;
                campivot.res1.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 12) * 1000) / 1000;
                campivot.res2.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 6) * 1000) / 1000;
                campivot.res3.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 4) * 1000) / 1000;
                campivot.res4.value = Math.round((1 * campivot.price4.value + (1 * campivot.price2.value - 1 * campivot.price3.value) * 1.1 / 2) * 1000) / 1000;
            }
        </script>
Ответить с цитированием
  #3 (permalink)  
Старый 21.11.2019, 22:50
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

спс но ето мой же код а мне нужно забрать инпути ,я думаю переписать весь код на jq
Ответить с цитированием
  #4 (permalink)  
Старый 21.11.2019, 23:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

misha.korolcov,
не понимаю ваших сообщений, я поправил расположение тега <form >

и </form> в коде выше.
Ответить с цитированием
  #5 (permalink)  
Старый 21.11.2019, 23:59
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

извините не увидел спс но проблема била как переписать функцию чтоб если убрать инпути функция записавила в тд а то если убрать то она не работает , но как я писал я счас перепишу на jq . Спс , еще раз
Ответить с цитированием
  #6 (permalink)  
Старый 22.11.2019, 00:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от misha.korolcov
чтоб если убрать инпути функция записавила в тд а то если убрать то она не работает
не понимаю.
Сообщение от misha.korolcov
счас перепишу на jq
зачем, что это изменит?
Ответить с цитированием
  #7 (permalink)  
Старый 22.11.2019, 00:41
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

у меня
<form>
                        <div id="calculator">
                            <div class="container">
                                <div class="row">
                                    <div class="col-10 offset-2">
                                        <h6> Pivot Calculator</h6>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-5 offset-1">
                                        <div class="row">
                                            <div class="col-2 px-0">
                                                <p> HIGH</p>
                                            </div>
                                            <div class="col-10">
                                                <input type="text" id="price2">
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-2 offset-1 ">
                                        <button type="button" id="rezult">CALCULATE</button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-5 offset-1">
                                        <div class="row">
                                            <div class="col-2 px-0">
                                                <p> LOW </p>
                                            </div>
                                            <div class="col-10">
                                                <input type="text" id="price3">
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-2 offset-1 ">
                                        <button type="reset" class="">CLEAR</button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-5 offset-1">
                                        <div class="row">
                                            <div class="col-2 px-0">
                                                <p> CLOSE </p>
                                            </div>
                                            <div class="col-10">
                                                <input type="text" id="price4">
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </div>
                    </form>










             

            <table class="mt-5  table table-striped table-borderless table-main">
                <thead>
                    <tr>
                        <th scope="col"></th>
                        <th scope="col"> Classic</th>
                        <th scope="col">WOODIES</th>
                        <th scope="col">CAMARILLA</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td> Resistance 4 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> Resistance 3 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> Resistance 2 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> Resistance 1 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> PIVOT POINT </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> SUPPORT 1 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> SUPPORT 2 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> SUPPORT 3 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <td> SUPPORT 4 </td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>


                </tbody>
            </table>



<form id="myForm" onsubmit="send_form(); return false;" action="" method="POST">
                <table id="test">
                    <thead>
                        <tr>
                            <th class="test-1">1</th>
                            <th>2</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>3</td>
                            <td>4</td>
                        </tr>
                    </tbody>
                </table>
            </form>


как я писал без input и она не работаеть , что изменет jq не знаю может бистрея напишу я счас тока учусь
$("#rezult").click(function() {
             
            $('.test-1').html("#campivot.price2.val + #campivot.price2.val");
              
              
             
         })
Ответить с цитированием
  #8 (permalink)  
Старый 22.11.2019, 07:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от misha.korolcov
как я писал без input и она не работает ,
может вам нужно не val() а html() использовать если у вас не инпут.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS калькулятор, работа с отрицательными числами. TOPHOP Общие вопросы Javascript 1 24.06.2015 13:13
Помогите к js коду, написать html код Modrih Элементы интерфейса 8 16.06.2015 18:08
Пример тестовых заданий на js junior elshaarawy Учебные материалы 3 26.03.2015 15:17
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28
Помогите найти калькулятор на js GennadiyZm Общие вопросы Javascript 1 29.07.2011 16:26