Общие вопросы по CMS движкам -> Форум на Исходниках.RU [Powered by Invision Power Board]

<{CODE_COLLAPSE_OFF}><{CODE_WRAP_OFF}>

window.onload = function slider(elemId, sliderWidth, range1, range2, step) {

var runnerWidth = 15; // ширина и высота бегунка

var runnerHeight = 23; // изменяются в зависимости от используемых изображений

var sliderHeight = 20; // высота slider'а

window['d'] = document;

var offsX,tmp; // вспомагательные переменные

var isIE = d.all || window.opera; // определяем модель DOM

var point = (sliderWidth-runnerWidth-3)/(range2-range1);

// point - количество пикселей на единицу значения

var slider = d.createElement('DIV'); // создаем slider

slider.id = elemId + '_slider';

slider.className = 'slider';

d.getElementById(elemId).appendChild(slider);

var runner = d.createElement('DIV'); // создаем ползунок

runner.id = elemId + '_runner';

runner.className = 'runner';

slider.appendChild(runner); // добавляем его в документ

runner.style.left = 0; // бегунок в нулевое значение

runner.style.width = runnerWidth+'px';

runner.style.height = runnerHeight+'px';

slider.style.width = sliderWidth+'px';

slider.style.height = sliderHeight+'px';

var sliderOffset = slider.offsetLeft; // sliderOffset - абсолютное смещение slider'а

tmp = slider.offsetParent; // от левого края в пикселях (в IE не работает)

while(tmp.tagName != 'BODY') {

sliderOffset += tmp.offsetLeft; // тут его и находим

tmp = tmp.offsetParent;

}

if(isIE) // в зависимости от модели DOM

{ // назначаем слушателей событий

runner.onmousedown = startCoord;

slider.onclick = sliderClick;

runner.onmouseup = endCoord;

slider.onmouseup = endCoord;

}

else {

runner.addEventListener("mousedown", startCoord, true);

slider.addEventListener("click", sliderClick, true);

runner.addEventListener("mouseup", endCoord, true);

slider.addEventListener("mouseup", endCoord, true);

}

//////////////////// функции установки/получения значения //////////////////////////

function setValue(x) // установка по пикселям

{

if(x < 0) runner.style.left = 0;

else if(x > sliderWidth-runnerWidth-3) runner.style.left = (sliderWidth-3-runnerWidth)+'px';

else {

if(step == 0) runner.style.left = x+'px';

else runner.style.left = Math.round(x/(step*point))*step*point+'px';

}

d.getElementById('info').value = getValue(); // это вывод значения для примера

}

function setValue2(x) // установка по значению

{

if(x < range1 || x > range2) alert('Value is not included into a slider range!');

else setValue((x-range1)*point);

d.getElementById('info').value = getValue();

}

function getValue()

{

var id_runner = document.getElementById(elemId + '_runner');

var id_slider = document.getElementById(elemId + '_slider');

var coor_runner = id_runner.getBoundingClientRect();

var coor_slider = id_slider.getBoundingClientRect();

if(elemId == 'sl1') {

var val1 = d.getElementById('val1');

val1.value = Math.round(parseInt(runner.style.left)/point)+range1;

val1.innerHTML = val1.value;

//желаемое количесвто посетителей в день

window['val_sl1'] = val1.value;

var sldim1 = document.getElementById('sldim1');

sldim1.style.width = coor_runner.right - coor_slider.left - runnerWidth + "px";

}

if(elemId == 'sl2') {

var val2 = d.getElementById('val2');

val2.value = Math.round(parseInt(runner.style.left)/point)+range1;

val2.innerHTML = val2.value;

//конверсия вашего сайта

window['val_sl2'] = val2.value;

var sldim2 = document.getElementById('sldim2');

sldim2.style.width = coor_runner.right - coor_slider.left - runnerWidth + "px";

}

//////////////////////////////// слушатели событий ////////////////////////////////////

function sliderClick(e) {

var x;

if(isIE) {

if(event.srcElement != slider) return; //IE onclick bug

x = event.offsetX - Math.round(runnerWidth/2);

}

else x = e.pageX-sliderOffset-runnerWidth/2;

setValue(x);

}

function startCoord(e) {

if(isIE) {

offsX = event.clientX - parseInt(runner.style.left);

slider.onmousemove = mov;

}

else {

slider.addEventListener("mousemove", mov, true);

}

function mov(e) {

var x;

if(isIE) x = event.clientX-offsX;

else x = e.pageX-sliderOffset-runnerWidth/2;

setValue(x);

}

function endCoord() {

if(isIE) slider.onmousemove = null;

else slider.removeEventListener("mousemove", mov, true);

}

this.setValue = setValue2;

this.getValue = getValue;

}

var mysl1 = new slider('sl1', 317, 0, 1000, 0);

var mysl2 = new slider('sl2', 317, 0, 10, 0);

mysl1.getValue1();

mysl2.getValue2();

<{CODE_COLLAPSE_OFF}><{CODE_WRAP_OFF}>

function too() {

var cost = d.getElementById("cost").value;

var conv = d.getElementById("conv").value;

// проверка на правильностиь ввода данных

var regexp = /[^0-9]/;

if(cost.match(regexp) || conv.match(regexp) || cost == false || conv == false) {

alert("Вы ввели не все или не верные данные. Убедитесь что у вас нет пробелов."+

"Повторите пожалуйста попытку");

} if((cost != false && conv != false) && (!cost.match(regexp) && !conv.match(regexp)) ) {

// Цена за посетителя

window['costPer'] = parseInt(cost);

// Средняя прибыль с клиента

window['averageProfit'] = parseInt(conv);

getIncomeExpenses();

}

// Подсчет заработка и затрат

function getIncomeExpenses() {

// заработок в следующем месяце

var income = (val_sl1*val_sl2*averageProfit*20)/100;

// затраты в месяц

var expenses = val_sl1*costPer*20;

var elem1 = d.getElementById("elem1");

var elem2 = d.getElementById("elem2");

elem1.innerHTML = income;

elem2.innerHTML = expenses;

}