maxdaddycool
-
Posts
6 -
Joined
-
Last visited
maxdaddycool's Achievements
Explorer (1/14)
0
Reputation
-
Вы меня конечно извините, но я не особо понимаю, как работает CSS. Может меня пальцем ткнуть, куда в моем коде засунуть строчки кода CSS? Ведь у меня, как я понимаю, HTML-код. Свой сайт я сделал на Wix и туда есть возможность засунуть только HTML-код. Поэтому вопрос, можно ли как-то объединить, либо сделать все только средствами HTML?
-
Здравствуйте! Прошу помощи программистов! Я-самоучка, делаю потихоньку сайтик по монтажу натяжных потолков по шаблону. Необходимо сделать простенький калькулятор расчета стоимости. Нашел в интернете код, переделываю его под себя, как могу. Ни в какую не получается изменить вид окон ввода площади и вывода стоимости. Помогите пожалуйста сделать эти два окна более красивыми (на ваш взгляд). С помощью 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> Простите, если для опытных разработчиков вопрос покажется глупым!
-
Спасибо, премного благодарен!
-
Здравствуйте, уважаемые программисты! Решил я, значит, сделать себе сайт на 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. Подскажите пожалуйста, как мне вывести для каждого значения площади свое значение стоимости! Извините за дублирование тему! Видимо глюк какой-то. Первая тема у меня зависла (не работала кнопка "Создать вопрос"). Я перезапустил браузер, создал вторую тему и увидел, что первая опубликована. Просьба модератору оставить одну из тем, любую.