Jump to content

maxdaddycool

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by maxdaddycool

  1. Вы меня конечно извините, но я не особо понимаю, как работает CSS. Может меня пальцем ткнуть, куда в моем коде засунуть строчки кода CSS? Ведь у меня, как я понимаю, HTML-код. Свой сайт я сделал на Wix и туда есть возможность засунуть только HTML-код. Поэтому вопрос, можно ли как-то объединить, либо сделать все только средствами HTML?
  2. Здравствуйте! Прошу помощи программистов! Я-самоучка, делаю потихоньку сайтик по монтажу натяжных потолков по шаблону. Необходимо сделать простенький калькулятор расчета стоимости. Нашел в интернете код, переделываю его под себя, как могу. Ни в какую не получается изменить вид окон ввода площади и вывода стоимости. Помогите пожалуйста сделать эти два окна более красивыми (на ваш взгляд). С помощью html-тегов изменить шрифт, цвет, фон и размер этих окон у меня никак не получается. Прошу помочь мне преодолеть эту мертвую точку! Вот так выглядит калькулятор у меня на сайте: А вот, собственно, его код: <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <meta charset="utf-8"> <style type="text/css"> div.demo { padding: 10px !important; width: 400px; color:#FFFFFF; font-size: 19px;} .ui-widget{font-size: 1.5em !important;} </style> <script> $(function() { $( "#slider-range-max" ).slider({ range: "max", min: 6, max: 30, value: 6, slide: function( event, ui ) { $( "#amount" ).val( ui.value ); calc(); } }); $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) ); $("#amount").change(function(){ $( "#slider-range-max" ).slider({value:$(this).val() }); }); }); function calc(par){ amount = document.cl_form.amount.value; //var summ; switch (amount) { case '6': summ = 2850; break; case '7': summ = 3150; break; case '8': summ = 3288; break; case '9': summ = 3600; break; case '10': summ = 3850; break; case '11': summ = 4147; break; case '12': summ = 4380; break; case '13': summ = 4524; break; case '14': summ = 4774; break; case '15': summ = 4995; break; case '16': summ = 5232; break; case '17': summ = 5457; break; case '18': summ = 5670; break; case '19': summ = 5871; break; case '20': summ = 6100; break; case '21': summ = 6342; break; case '22': summ = 6622; break; case '23': summ = 6785; break; case '24': summ = 7008; break; case '25': summ = 7225; break; case '26': summ = 7410; break; case '27': summ = 7614; break; case '28': summ = 7896; break; case '29': summ = 8149; break; case '30': summ = 8400; break; default: summ = "нет данных"; } document.cl_form.summ.value=summ; document.getElementById("amounttd").innerHTML=amount; document.getElementById("summ").innerHTML=summ; return false; } </script> </head> <body> <form name="cl_form"> <div class="demo"> <p> <label for="amount">Площадь потолка, м2:</label> <input type="number" min="6" max="30" id="amount" onchange="calc(this.value);" style="border:0; color:#001AFF; font-weight:bold; width:30px;" /> </p> <div id="slider-range-max"></div> <p> <label for="summ">Стоимость, руб:</label> <input value="0" name="summ" readonly="readonly" maxlength="10" size="5" type="text";> </p> <p> <table border="1" cellpadding="3" style="display: none"> <tr> <td> Площадь, м2: <p id="amounttd">0</p> </td> <td> Стоимость, руб: <p id="summ">0</p> </td> <tr> </table> </p> </div> </form> </body> </html> Простите, если для опытных разработчиков вопрос покажется глупым!
  3. Здравствуйте, уважаемые программисты! Решил я, значит, сделать себе сайт на Wix (ибо знаний в программировании ноль) для услуг по монтажу натяжных потолков Возникла необходимость запилить туда самый простенький калькулятор расчета стоимости: вводим площадь - получаем стоимость (типа, как здесь "Расчёт стоимости натяжного потолка с установкой": _http://vipceiling.ru/moscow/ ) На Wixе такого виджета, к сожалению, нет. Поддержка посоветовала добавить свой код самостоятельно. Начал я бороздить просторы интернета, нашел один код и стал пытаться в нем разбираться. Вроде бы получилось привести его к удовлетворительному виду, но вот с выводом стоимости так и не смог разобраться. Короче, оставил я в коде всего две переменных: amount (площадь потолка) и summ (стоимость). Площадь выбирается в заданном диапазоне (от 6 до 30 с шагом 1). Соответственно, для каждого значения площади у меня есть свое значение стоимости. И вот, ну не знаю я, как вывести мне эти самые значения в поле стоимости. У меня значения стоимости выбраны самостоятельно, без каких-либо формул. Вот и что мне указать в переменной summ, чтобы она выводила мне мои значения (числа, без формул расчета). Вот, собственно, код: <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <meta charset="utf-8"> <style type="text/css"> div.demo { padding: 10px !important; width: 900px;} .ui-widget{font-size: 0.6em !important;} </style> <script> $(function() { $( "#slider-range-max" ).slider({ range: "max", min: 6, max: 30, value: 6, slide: function( event, ui ) { $( "#amount" ).val( ui.value ); calc(); } }); $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) ); }); function calc(par){ amount = document.cl_form.amount.value; //var summ; summ = Number(amount) document.cl_form.summ.value=summ; document.getElementById("amounttd").innerHTML=amount; document.getElementById("summ").innerHTML=summ; return false; } </script> </head> <body> <form name="cl_form"> <div class="demo"> <p> <label for="amount">Площадь потолка, м2:</label> <input type="number" min="6" max="30" id="amount" onchange="calc(this.value);" style="border:0; color:#f6931f; font-weight:bold; width:30px;" /> </p> <div id="slider-range-max"></div> <p> <label for="summ">Стоимость, руб:</label> <input value="0" name="summ" readonly="readonly" maxlength="10" size="5" type="text"> </p> <p> <table border="1" cellpadding="3" style="border-collapse: collapse;"> <tr> <td> Площадь, м2: <p id="amounttd">0</p> </td> <td> Стоимость, руб: <p id="summ">0</p> </td> <tr> </table> </p> </div> </form> </body> </html> Сейчас у меня стоимость приравнена к площади, потому что я просто не знаю, что писать в переменной summ. Подскажите пожалуйста, как мне вывести для каждого значения площади свое значение стоимости! Извините за дублирование тему! Видимо глюк какой-то. Первая тема у меня зависла (не работала кнопка "Создать вопрос"). Я перезапустил браузер, создал вторую тему и увидел, что первая опубликована. Просьба модератору оставить одну из тем, любую.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy