Доброго времени суток!. Ребята нужно смастерить скрипт с html розметкой и стилями css ну впрочем такой что бы можно было запилить его просто на сайт.
Вот пример того что мне нужно http://hdlt.ru/beguschaya-stroka.php Стоимость работы и сроки пишите в Skype: abdula7222

Формулы есть? Как рассчитывается стоимость?

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки

Эдуард
<script type="text/javascript">
$(document).ready(function(){
$('#rasch').click(function(){
cen1=20000; //цена красной доски
cen2=20000; //цена других досок
cen3=29830; // цена Р16
cen4=31000; // цена P13
cen5=42000; // цена Р10
//все формулы
dlin = $('#contentSlider').html();
shir = $('#contentSlider2').html();
if(dlin==200){
if(shir==40){
cen1=16000;
}
}
plosh = dlin*shir/10000;
moduley = ((dlin-8) * (shir-8))/512;
diod = moduley*512;
energo = Math.round(parseFloat(moduley*1.5437) * 10) / 10;
price1=Math.round(parseFloat(cen1*plosh) * 1) / 1;// Округление до целых чисел красная строка«==» 1=целому числу, 10=округление до десятых и т.д.
price2=Math.round(parseFloat(cen2*plosh) * 1) / 1;// Округление до целых чисел другие цвета
price3=Math.round(parseFloat(cen3*plosh) * 1) / 1;// Округление до целых чисел р16
price4=Math.round(parseFloat(cen4*plosh) * 1) / 1;// Округление до целых чисел р13
price5=Math.round(parseFloat(cen5*plosh) * 1) / 1;// Округление до целых чисел р10 RGB
if (price1<10000){
price1=price1+2000; //условие повышения коэфицента
};
if (price2<10000){
price2=price2+2000; //условие повышения коэфицента
};
if (price3<10000){
price3=price3+2000; //условие повышения коэфицента
};
if (price4<10000){
price4=price4+2000; //условие повышения коэфицента
};
if (price5<10000){
price5=price5+2000; //условия повышения коэфицента
};
// конец всех формул
//формирование ссылок
abla1="javascript:window.open('http://hdlt..ru/zakaz.php?r=0&ekr=Красный "+dlin+" x "+shir+" см ("+price1+" р.)', 'okno', 'width=350,height=290,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes');";
abla2="javascript:window.open('http://hdlt..ru/zakaz.php?r=0&ekr=Другого цвета "+dlin+" x "+shir+" см ("+price2+" р.)', 'okno', 'width=350,height=290,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes');";
abla3="javascript:window.open('http://hdlt..ru/zakaz.php?r=0&ekr=Цветной Р16 "+dlin+" x "+shir+" см ("+price3+" р.)', 'okno', 'width=350,height=290,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes');";
abla4="javascript:window.open('http://hdlt..ru/zakaz.php?r=0&ekr=Цветной Р13 "+dlin+" x "+shir+" см ("+price4+" р.)', 'okno', 'width=350,height=290,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes');";
abla5="javascript:window.open('http://hdlt..ru/zakaz.php?r=0&ekr=0&ekr=Цветной Р10 RGB "+dlin+" x "+shir+" см ("+price5+" р.)', 'okno', 'width=350,height=300,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes');";
//конец формирования ссылок
//вывод данных
$('.dlin').html(dlin);
$('.shir').html(shir);
$('.plosh').html(plosh);
$('.moduley').html(moduley);
$('.diod').html(diod);
$('.energo').html(energo);
$('.price1').html(price1);
$('.price2').html(price2);
$('.price3').html(price3);
$('.price4').html(price4);
$('.price5').html(price5);
$('.abla1').attr('onClick',abla1);
$('.abla2').attr('onClick',abla2);
$('.abla3').attr('onClick',abla3);
$('.abla4').attr('onClick',abla4);
$('.abla5').attr('onClick',abla5);
// конец вывода данных
$('.rasch').css('display','block');
$('.ceni').css('display','block');
});
$( "#slider" ).slider({
value : 72,//Значение, которое будет выставлено слайдеру при загрузке
min : 72,//Минимально возможное значение на ползунке
max : 1296,//Максимально возможное значение на ползунке
step : 32,//Шаг, с которым будет двигаться ползунок
create: function( event, ui ) {
val = $( "#slider" ).slider("value");//При создании слайдера, получаем его значение в перемен. val
$( "#contentSlider" ).html( val );//Заполняем этим значением элемент с id contentSlider
},
slide: function( event, ui ) {
$( "#contentSlider" ).html( ui.value );//При изменении значения ползунка заполняем элемент с id contentSlider
}
});
$( "#slider2" ).slider({
value : 24,//Значение, которое будет выставлено слайдеру при загрузке
min : 24,//Минимально возможное значение на ползунке
max : 300,//Максимально возможное значение на ползунке
step : 16,//Шаг, с
которым будет двигаться ползунок
create: function( event, ui ) {
val = $( "#slider2" ).slider("value");//При создании слайдера, получаем его значение в перемен. val
$( "#contentSlider2" ).html( val );//Заполняем этим значением элемент с id contentSlider
},
slide: function( event, ui ) {
$( "#contentSlider2" ).html( ui.value );//При изменении значения ползунка заполняем элемент с id contentSlider
}
});
});
</script>

вот примерно так будет