Страница 1 из 1

Прогресс бар на яваскрипт

Добавлено: 14 ноя 2013, 22:49
GORDIY
Ну правда ПОМОГИТЕ ето громко сказано так как в яваскрипт я почти ноль... но всеже прошу помочь

собственно такая задача: делаю приложение для сайта вконтакте, есть скрипт который в цикле отсилает пользователям записи на стену.. Тоесть пользователь пишет сообщение и выбирает энное количество друзей, ну допустим 28, дальше скрипт по очереди отсылает сообщения каждому из етих 28ми.

Нужно вывести прогрес бар который визуально будет показывать сколько процентов записей отправленно на данный момент..

итак имеется переменная all которая содержит количество выбранных друзей (в данном примере 28) и переменная i которяя увеличивается при каждой отправке (итерации если не ошибаюсь) на единицу i++ КОГДА all = i ЦИКЛ ЗАВЕРШИТСЯ и вылетит сообщение ...


нашол пример

Код: Выделить всё

<html><head>    <title>Скрипт</title>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script type="text/javascript"> function createTable(){    // создание таблицы    var table = document.createElement("table");    table.setAttribute("id", "the_table");    table.setAttribute("bgcolor", "#FFFFFF");    table.setAttribute("border", "1");    table.setAttribute("cellpadding", "0");    table.setAttribute("cellspacing", "0");     // инициализация счетчика    var count = 0;     // показываем прогресс бар    var bar = document.getElementById("bar");    var progress_panel = document.getElementById("progress")    progress_panel.style.display = "block";     (function () {        var row = createRow(count);        table.appendChild(row);        if (count == 400) {            // Таблица создана, добавляем её в документ            var body = document.getElementsByTagName('body')[0];            body.appendChild(table);            // после добавления таблицы, прогресс бар можно спрятать            progress_panel.style.display = 'none';        } else {            // увеличиваем на 1 счетчик и изменяем прогресс бар            bar.style.width = ++count + "px";            // следующая итерация цикла            setTimeout(arguments.callee, 0);        }    })(); } function createRow(count){    var row = document.createElement("tr");    row.className = "the_row";    row.setAttribute("id", "row_number_"+count);     for (var i=0; i<10; i++){        var cell = document.createElement("td");        cell.setAttribute("width", "10%");        cell.setAttribute("bgcolor", "#EEEEEE");        cell.setAttribute("align", "left");        cell.setAttribute("style", "font-size:10px;color:#333");        cell.className = "the_cell";        cell.setAttribute("id", "the_cell_"+count+"_"+i);        cell.appendChild(document.createTextNode("Строка: "+count+" Ячейка: "+i));        row.appendChild(cell);    }     return row;} window.onload = createTable; </script></head><body><div id="progress" style="display:none">    Выполняется создание таблицы:    <div style="width:400px;border:1px solid #000">        <div id="bar" style="background:#00f;height:10px;width:0px"></div>    </div></div></body></html>
создает таблицу на 400 строк, но в данном случае конечное число известно, а в моем оно зависит от количества выбраных друзей....

думаю что нужно както вот ети (28) сначала перевести в проценты и потом уже вычислять

но так как в яваскрипт я чайник как ето зделать непредставляю, поетому если кому не сложно помогите пожалуйста, набросайте какойто пример плиииз...

вообще не представляю что делать :(

Re: Помогите зделать прогрес бар на яваскрипт

Добавлено: 14 ноя 2013, 23:07
sasha^
учи js. не думаю что кому-то интересно писать за другого готовый код.. ну и тему бы поместил в раздел: просим готовое и бесплатно...
да и ошибки в словах вроде "зделать" указывают на "далекость" человека...
вряд-ли интересно помогать человеку, который всегда ноет, что не знает js и типа помогите мне сделать потому-что не знаю.... ответ - учи и делай!
ну я сказал свое :)

Re: Помогите зделать прогрес бар на яваскрипт

Добавлено: 14 ноя 2013, 23:18
GORDIY
sasha^ писал(а):учи js. не думаю что кому-то интересно писать за другого готовый код.. ну и тему бы поместил в раздел: просим готовое и бесплатно...
да и ошибки в словах вроде "зделать" указывают на "далекость" человека...
вряд-ли интересно помогать человеку, который всегда ноет, что не знает js и типа помогите мне сделать потому-что не знаю.... ответ - учи и делай!
ну я сказал свое
полностью согласен, но не нашол ниодного примера, в нете полно прогрес баров но они все неподходят, там используется куча плагинов и какието громоздкие коды, а мне нужен простенький яваскрипт. Ошибки в словах указывают на незнание вашего языка))
Натолкните хоть на мысль(алгоритм действий) что за чем делать, а уже как я попробую разобраться сам.. :roll

Re: Помогите зделать прогрес бар на яваскрипт

Добавлено: 15 ноя 2013, 15:11
sasha^
Ошибки в словах указывают на незнание вашего языка))
ошибки указывают на незнание русского языка :)
полностью согласен, но не нашол ниодного примера, в нете полно прогрес баров но они все неподходят, там используется куча плагинов и какието громоздкие коды, а мне нужен простенький яваскрипт.
а ты думал найти все готовое, да еще и в уроке?... подумай и доделай...
Натолкните хоть на мысль(алгоритм действий) что за чем делать, а уже как я попробую разобраться сам.. :roll
ну здесь же совершенно все ясно... проценты и пр. ты и сам отсчитаешь, значит нужен прогресс бар, который показывает % и все.. :)

Re: Прогресс бар на яваскрипт

Добавлено: 15 ноя 2013, 16:04
Александр
sasha^ писал(а):да и ошибки в словах вроде "зделать"
Украинцы... Очень часто пишут именно так с ошибкой.
GORDIY писал(а):Натолкните хоть на мысль(алгоритм действий)

Код: Выделить всё

document.getElementById('progressbar').innerHTML = (Math.ceil(100*count/total)) + '%';
total - всего действий
count - уже сделано действий, увеличивать после каждого сделанного действия и обновлять блок #progressbar.

Re: Прогресс бар на яваскрипт

Добавлено: 17 ноя 2013, 17:15
GORDIY
Александр писал(а):document.getElementById('progressbar').innerHTML = (Math.ceil(100*count/total)) + '%';
Благодарю все получилось :)
Александр писал(а):Украинцы... Очень часто пишут именно так с ошибкой.
Да, так оно и есть, :twisted: интересное наблюдение Однако :mrgreen:

Re: Прогресс бар на яваскрипт

Добавлено: 18 ноя 2013, 14:15
GORDIY
А подскажите еще пожалуйста возможно ли както в приведенном в теме примере зделать кнопку паузы чтоб при нажатии цыкл останавливался но при нажатии другой кнопки мог продолжить с того самого места где остановился?