Перейти к содержимому


Калькулятор Расчета Мощности


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 37

#1 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 12 Февраль 2013 - 15:53

Доброго времени суток подскажите как установить колькулятор на сайте

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 12 Февраль 2013 - 15:59

Позвольте уточнить. О каком калькуляторе идет речь ?
Возможно ваш вопрос уже обсуждался на форуме.
http://forum.storela...счет-стоимости/

#3 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 16 Февраль 2013 - 22:11

Меня интересует код калькулятора для расчета мощьности  сплит-систем
расчета стоимости монтажных работ
У ВАС можно заказать ооный.

#4 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 16 Февраль 2013 - 22:16

Калькулятор расчета стоимости оборудования (сплит-систем)и расчета стоимости монтажа , еще калькулятор расчета мощьности сплит систем

#5 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 18 Февраль 2013 - 16:01

<h1>Рассчет мощности кондиционера</h1>
</div>
<div class="pad-box">

<div id="site-path">
<p>
<a href="http://qwent.ru/">Гл...u/">Главная</a> » <span class="current">Рассчет мощности кондиционера</span>
</p>
</div>

<script>
function toNum( num )
{
str = new String(num);
if (str.indexOf( "," ) > 0)
{
new_str = str.split(',');
res_str = new_str[0] + "." + new_str[1];
return res_str;
}
return num
}
function calcCondPower()
{
c = document.forms['FormCond'].elements;

S = toNum( c['S'].value );
H = toNum( c['H'].value );
G = toNum( c['G'].options[c['G'].options.selectedIndex].value );
T = toNum( c['T'].value );
P = toNum( c['P'].value );

c['Q'].value = Math.ceil( ((G/1000)*S*H+T*0.3+P*0.1)*10)/10;
}
</script>
<div class="calc-form">
<form class="contact_form" id="FormCond" name="FormCond">
<ul>
<li>
<label><b>Рекомендуемая мощность охлаждения, кВт:</b></label>
<input class="text" readonly="" size="8" name="Q" />
<span class="form_hint">Результат</span>
</li>
<li>
<label>Площадь помещения, м<sup>2</sup> </label>
<input class="text" value="20" type="number" min="5" name="S" required />
</li>
<li>
<label>Высота потолка, м </label>
<input class="text" value="2.75" name="H" pattern="\-?\d+(\.\d{0,})?" title="Трехбуквенный код страны" required />
<span class="form_hint">Пример: 2.75</span>
</li>
<li>
<label>Степень освещенности солнцем</label>
<select class="text" name="G"><option value="30" selected="">Слабая</option><option value="35">Средняя</option><option value="40">Сильная</option></select>
</li>
<li>
<label>Количество компьютеров и/или телевизоров</label>
<input class="text" type="number" min="0" size="8" value="1" name="T" required />
<span class="form_hint">Правильный формат: 0 или 1</span>
</li>
<li>
<label>Количество людей, постоянно находящихся в помещении</label>
<input class="text" type="number" min="0" size="8" value="1" name="P" required />

<span class="form_hint">Правильный формат: 0 или 1 и тд.</span>
</li>
<li>
<button class="submit" type="button" onclick="javascript:calcCondPower();" name="BB">Рассчитать</button>
</li>
</ul>
</form>


<div class="htmlDataBlock">


тогда может посоветуете как редактировать этот код чтоб его можно было использовать на климат-кубань .рф

#6 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 18 Февраль 2013 - 18:14

Просмотр сообщенияoleg2083 (18 Февраль 2013 - 16:47) писал:

ну так ответ будет????????????????????
1.заходите в Сайт-Страницы-создаете страницу
2.В страницу вставляете данный код
3.На главную кидаете банер или ссылку на эту страницу

Прикрепленные изображения

  • 123.jpg
  • 18-02-2013 19-10-09.jpg
  • 18-02-2013 19-10-55.jpg
  • 18-02-2013 19-12-36.jpg
  • 18-02-2013 19-12-18.jpg
  • 18-02-2013 19-11-07.jpg


#7 sibulba

sibulba

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 335 сообщений

Отправлено 19 Февраль 2013 - 13:57

можно ли это как то стилизовать чтобы выглядело цивильно?

#8 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 19 Февраль 2013 - 16:32

Просмотр сообщенияsibulba (19 Февраль 2013 - 13:57) писал:

можно ли это как то стилизовать чтобы выглядело цивильно?
Можно изменить стили данного кода.
Пожалуйста, напишите адрес страницы.

#9 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 19 Февраль 2013 - 19:05

я вставил код на страницу но при первом клике на самом калькуляторе я перехожу на главную страницу , он как ссылка на главную как это отменить

#10 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 19 Февраль 2013 - 19:24

Просмотр сообщенияoleg2083 (19 Февраль 2013 - 19:05) писал:

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

Прикрепленные изображения

  • 19-02-2013 20-23-02.jpg


#11 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 19 Февраль 2013 - 19:42

Просмотр сообщенияoleg2083 (19 Февраль 2013 - 19:05) писал:

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

пришлите html код страницы калькулятора

#12 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 19 Февраль 2013 - 19:52

http://климат-кубань.рф/  
еще хочу чтоб банер на главной стал активным чтоб кликая по картинку слайдера можно было перейти на страницу -каталог, калькулятор , и тд

Просмотр сообщенияsupport 2.0 (19 Февраль 2013 - 19:42) писал:

пришлите html код страницы калькулятора

<h1>Рассчет мощности кондиционера</h1>
</div>
<div class="pad-box">

<div id="site-path">
<p>
<a href="http://qwent.ru/">Гл...u/">Главная</a> » <span class="current">Рассчет мощности кондиционера</span>
</p>
</div>

<script>
function toNum( num )
{
str = new String(num);
if (str.indexOf( "," ) > 0)
{
new_str = str.split(',');
res_str = new_str[0] + "." + new_str[1];
return res_str;
}
return num
}
function calcCondPower()
{
c = document.forms['FormCond'].elements;

S = toNum( c['S'].value );
H = toNum( c['H'].value );
G = toNum( c['G'].options[c['G'].options.selectedIndex].value );
T = toNum( c['T'].value );
P = toNum( c['P'].value );

c['Q'].value = Math.ceil( ((G/1000)*S*H+T*0.3+P*0.1)*10)/10;
}
</script>
<div class="calc-form">
<form class="contact_form" id="FormCond" name="FormCond">
<ul>
<li>
<label><b>Рекомендуемая мощность охлаждения, кВт:</b></label>
<input class="text" readonly="" size="8" name="Q" />
<span class="form_hint">Результат</span>
</li>
<li>
<label>Площадь помещения, м<sup>2</sup> </label>
<input class="text" value="20" type="number" min="5" name="S" required />
</li>
<li>
<label>Высота потолка, м </label>
<input class="text" value="2.75" name="H" pattern="\-?\d+(\.\d{0,})?" title="Трехбуквенный код страны" required />
<span class="form_hint">Пример: 2.75</span>
</li>
<li>
<label>Степень освещенности солнцем</label>
<select class="text" name="G"><option value="30" selected="">Слабая</option><option value="35">Средняя</option><option value="40">Сильная</option></select>
</li>
<li>
<label>Количество компьютеров и/или телевизоров</label>
<input class="text" type="number" min="0" size="8" value="1" name="T" required />
<span class="form_hint">Правильный формат: 0 или 1</span>
</li>
<li>
<label>Количество людей, постоянно находящихся в помещении</label>
<input class="text" type="number" min="0" size="8" value="1" name="P" required />

<span class="form_hint">Правильный формат: 0 или 1 и тд.</span>
</li>
<li>
<button class="submit" type="button" onclick="javascript:calcCondPower();" name="BB">Рассчитать</button>
</li>
</ul>
</form>


<div class="htmlDataBlock">

#13 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 19 Февраль 2013 - 20:02

Просмотр сообщенияMikola (19 Февраль 2013 - 19:24) писал:

вы хотите,что бы у вас получилось как на картинке

так он уже выглядит  хотелось бы чтоб выглядео по другому  у меня проблемка с захватом экрана позже покажу

#14 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 19 Февраль 2013 - 20:31

Просмотр сообщенияoleg2083 (19 Февраль 2013 - 20:02) писал:

так он уже выглядит  хотелось бы чтоб выглядео по другому  у меня проблемка с захватом экрана позже покажу

При нажатии на калькулятор у Вас переходит на главную страницу по причине того, что у Вас небольшая ошибка в коде.
У Вас есть примерно такая строчку
<a href="http://qwent.ru/">Гл...u/">Главная</a> » <span class="current">Рассчет мощности кондиционера</span>

нужно в конце нее поставить </a>
Таким образом выглядеть будет примерно так
<a href="http://qwent.ru/">Гл...u/">Главная</a> » <span class="current"> Расчет мощности кондиционера</span> </a>


#15 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 19 Февраль 2013 - 22:58

СПАСИБО
КАК ТЕПЕРЬ СДЕЛАТЬ ЧТОБ КАЛЬКУЛЯТОР ВЫГЛЯДЕЛ ТАК Изображение

#16 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Февраль 2013 - 07:15

Вам необходимо в файл стилей main.css добавить

.calc-form {
	background: url("http://qwent.ru/web/upload/assets/images/2/1125/calculator1.jpg") no-repeat scroll left top transparent;
	font: 12px/18px "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
	height: 470px;
	margin-left: 120px;
}
.contact_form ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 460px;
}
.contact_form li:first-child {
	padding-bottom: 40px;
	padding-top: 45px;
}
.contact_form li {
	padding: 12px 12px 12px 20px;
	position: relative;
}
.contact_form label {
	display: inline-block;
	float: left;
	margin-top: 3px;
	padding: 3px;
	width: 320px;
}
.contact_form h2, .contact_form label {
	font-family: Georgia,Times,"Times New Roman",serif;
}

.contact_form input {
	padding-right: 0;
	width: 50px;
}
.contact_form input, .contact_form textarea, .contact_form option {
	border: 1px solid #AAAAAA;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 3px #CCCCCC, 0 10px 15px #EEEEEE inset;
	padding-right: 30px;
	transition: padding 0.25s ease 0s;
}
.contact_form input {
	height: 20px;
	padding: 5px 8px;
	width: 30px;
}
.form_hint:before {
	color: #D45252;
	content: "<";
	left: -6px;
	position: absolute;
	top: 1px;
}
.form_hint {
	background: none repeat scroll 0 0 #D45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	display: none;
	margin-left: 8px;
	padding: 1px 6px;
	position: absolute;
	z-index: 999;
}
.form_hint, .required_notification {
	font-size: 11px;
}
.contact_form button {
	margin-left: 156px;
}
.contact_form button.submit {
	background: none repeat scroll 0 0 #D69E04;
	border-color: #E2B840;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}


#17 sibulba

sibulba

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 335 сообщений

Отправлено 20 Февраль 2013 - 12:31

спасибо. оч круто получилось)
осталось только перерисовать его

#18 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 20 Февраль 2013 - 13:40

Просмотр сообщенияVaccina (20 Февраль 2013 - 07:15) писал:

Вам необходимо в файл стилей main.css добавить

.calc-form {
background: url("http://qwent.ru/web/upload/assets/images/2/1125/calculator1.jpg") no-repeat scroll left top transparent;
font: 12px/18px "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
height: 470px;
margin-left: 120px;
}
.contact_form ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
width: 460px;
}
.contact_form li:first-child {
padding-bottom: 40px;
padding-top: 45px;
}
.contact_form li {
padding: 12px 12px 12px 20px;
position: relative;
}
.contact_form label {
display: inline-block;
float: left;
margin-top: 3px;
padding: 3px;
width: 320px;
}
.contact_form h2, .contact_form label {
font-family: Georgia,Times,"Times New Roman",serif;
}

.contact_form input {
padding-right: 0;
width: 50px;
}
.contact_form input, .contact_form textarea, .contact_form option {
border: 1px solid #AAAAAA;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 3px #CCCCCC, 0 10px 15px #EEEEEE inset;
padding-right: 30px;
transition: padding 0.25s ease 0s;
}
.contact_form input {
height: 20px;
padding: 5px 8px;
width: 30px;
}
.form_hint:before {
color: #D45252;
content: "<";
left: -6px;
position: absolute;
top: 1px;
}
.form_hint {
background: none repeat scroll 0 0 #D45252;
border-radius: 3px 3px 3px 3px;
color: white;
display: none;
margin-left: 8px;
padding: 1px 6px;
position: absolute;
z-index: 999;
}
.form_hint, .required_notification {
font-size: 11px;
}
.contact_form button {
margin-left: 156px;
}
.contact_form button.submit {
background: none repeat scroll 0 0 #D69E04;
border-color: #E2B840;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
color: white;
font-weight: bold;
padding: 6px 20px;
text-align: center;
text-shadow: 0 -1px 0 #396715;
}

Просмотр сообщенияVaccina (20 Февраль 2013 - 07:15) писал:

Вам необходимо в файл стилей main.css добавить

.calc-form {
background: url("http://qwent.ru/web/upload/assets/images/2/1125/calculator1.jpg") no-repeat scroll left top transparent;
font: 12px/18px "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
height: 470px;
margin-left: 120px;
}
.contact_form ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
width: 460px;
}
.contact_form li:first-child {
padding-bottom: 40px;
padding-top: 45px;
}
.contact_form li {
padding: 12px 12px 12px 20px;
position: relative;
}
.contact_form label {
display: inline-block;
float: left;
margin-top: 3px;
padding: 3px;
width: 320px;
}
.contact_form h2, .contact_form label {
font-family: Georgia,Times,"Times New Roman",serif;
}

.contact_form input {
padding-right: 0;
width: 50px;
}
.contact_form input, .contact_form textarea, .contact_form option {
border: 1px solid #AAAAAA;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 3px #CCCCCC, 0 10px 15px #EEEEEE inset;
padding-right: 30px;
transition: padding 0.25s ease 0s;
}
.contact_form input {
height: 20px;
padding: 5px 8px;
width: 30px;
}
.form_hint:before {
color: #D45252;
content: "<";
left: -6px;
position: absolute;
top: 1px;
}
.form_hint {
background: none repeat scroll 0 0 #D45252;
border-radius: 3px 3px 3px 3px;
color: white;
display: none;
margin-left: 8px;
padding: 1px 6px;
position: absolute;
z-index: 999;
}
.form_hint, .required_notification {
font-size: 11px;
}
.contact_form button {
margin-left: 156px;
}
.contact_form button.submit {
background: none repeat scroll 0 0 #D69E04;
border-color: #E2B840;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
color: white;
font-weight: bold;
padding: 6px 20px;
text-align: center;
text-shadow: 0 -1px 0 #396715;
}


ПО конкретнее в каком месте нужно вставить этот код в файле?????????????????

Просмотр сообщенияoleg2083 (20 Февраль 2013 - 13:38) писал:

ПО конкретнее в каком месте нужно вставить этот код в файле?????????????????


Спасибо сдесь уже разобрался

#19 oleg2083

oleg2083

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 116 сообщений

Отправлено 20 Февраль 2013 - 15:50

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

#20 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 20 Февраль 2013 - 16:28

Просмотр сообщенияoleg2083 (20 Февраль 2013 - 15:50) писал:

как сделать слайдер на главной активным чтоб каждая картинка слайдера была ссылкой для перехода на страницу
Вам достаточно обвирнуть изображение в тег <a>.
Пример.
Найти код:
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
Заменить:
<a href="адрес" ><img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /></a>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных