Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Поочередный вывод названия файлов, Поочередный вывод значений массива 
V
    Опции темы
liliana2
Дата 10.5.2010, 23:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет
Здравствуйте, с горем пополам сумела таки сваять следующее:
http://liliana2.glina.net.ru/work_folder/index.html
Вот... но кроме прочего мне надо чтобы по мере заполнения прогрессбара цветом, слева от него (прогрессбара) шли поочередно названия файлов (как при какой-нибудь установке) я знаю что это можно сделать массивом по принципу, он выводит первый элемент массива, потом удаляет его, при следукющем анализе первого элемента нет, и он выводит соответственно второй и т.д. но вот у меня проблемка с реализацией... помогите пожалуйста, как это можно вот сюда впихнуть
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<script type="text/javascript" src="jquery.js"></script>
    
  <style>
.box { 
background-color:white; 
width:300px; 
border:1px solid black;
height: 22px;
margin-bottom: 12px;
}
.progress {
background-color:orange; 
width:0; 
height: 22px;
}
.progress1 {
background-color:orange; 
width:0; 
height: 22px;
}
.progress2 {
background-color:orange; 
width:0; 
height: 22px;
}

.progress4 {
background-color:red; 
width:0; 
height: 50px;
}
.style1 span {
    display: block;
    float: left;
    margin: 10px;
}
.countdown_amount, .countdown_section  {
    display: none;
}
</style>
</head>


<body>
    <button id="go">&raquo; Run</button>

<div class="box">
    <div class="progress"></div>
</div>
<div class="box">
    <div class="progress1"></div>
</div>
<div class="box">
    <div class="progress2"></div>
</div>

    <div class="progress4"></div>

<div id="timer_inp">15</div>


<script type="text/javascript">
$("#go").click(function(){


function timer(){
 var obj=document.getElementById('timer_inp');
 obj.innerHTML--;



  $(".progress").animate({ 
    width: "100%",
  }, 14000, function() {

  $(".progress1").animate({ 
    width: "100%",
  }, 14000, function (){
  $(".progress2").animate({
    width: "100%",
  }, 14000 );
  });
  });
  



  
 if(obj.innerHTML==0){
 
 alert('Hello');
 
 setTimeout(function(){},3000);}
 else{setTimeout(timer,3000);}
}
setTimeout(timer,3000);

  });

</script>


</body>
</html>
PM MAIL ICQ   Вверх
liliana2
Дата 11.5.2010, 03:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет
Сделала массив, но подскажите пожалуйста Как мне в этом массиве:
Код

<script>
 myArray = new Array("index.html", "test.doc", "test.php", "conf.txt");
  function showElement(ndx)
  {
    document.write(myArray[ndx]);
  }
  function showAll()
  {
    for( i = 0; i <= myArray.length-1; i++)
    {
      showElement(i);
    }
  }

</script>

Выводить элементы в нем содержащиеся по очереди через определенный промежуток времени

Это сообщение отредактировал(а) liliana2 - 11.5.2010, 03:32
PM MAIL ICQ   Вверх
EmilRegis
Дата 11.5.2010, 06:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4
а что вы сваять то сумели? по ссылке одно лишь слово clown
PM MAIL   Вверх
liliana2
Дата 11.5.2010, 06:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет
так, блин, там  код можно посмотреть, он немного отличается от того что тут указан
Как я смогу вам показать то что мне надо, если не получается
Это слово - это первый элемент массива
То есть основная проблема заключается в том что интервал через который должны выводиться разные элементы массива почему то не работает...

Это сообщение отредактировал(а) liliana2 - 11.5.2010, 06:18
PM MAIL ICQ   Вверх
EmilRegis
Дата 11.5.2010, 06:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4
liliana2, попробуйте так
Код

................
<div id="timer_inp">15</div>
<div id="a" > </div>
<script>
myArray = new Array("index.html", "test.doc", "test.php", "conf.txt");
var i = 0;
function timer(){
 if(i<myArray.length) $("#a").html(myArray[i++]);
 var obj=document.getElementById('timer_inp');
 obj.innerHTML--;
..............
}
</script>


Добавлено через 50 секунд
не знаю правильно ли я понял, но так каждый следующий элемент массива будет выводиться через каждые 3 секунды
PM MAIL   Вверх
liliana2
Дата 11.5.2010, 06:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет
Так... возникла проблемка, таймер привязан к массиву, как можно сделать так, чтобы на один счет таймера например три названия файла пробегало
---
А вот можно попутный вопрос, а можно ли сделать так чтобы на каждый элемент массива отводилось неравномерное время.


Это сообщение отредактировал(а) liliana2 - 11.5.2010, 07:11
PM MAIL ICQ   Вверх
EmilRegis
Дата 11.5.2010, 07:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4
ну наверное попробовать в функции timer вызывать ещё 1 таймер
PM MAIL   Вверх
liliana2
Дата 11.5.2010, 07:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет
так...


Это сообщение отредактировал(а) liliana2 - 11.5.2010, 07:53
PM MAIL ICQ   Вверх
EmilRegis
Дата 11.5.2010, 07:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4
как,как?)))
PM MAIL   Вверх
liliana2
Дата 11.5.2010, 08:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет
вообще запуталась, получается что одна функция завязана одновременно и на таймере и на массиве... а разделить на два условия что-то не получается.


Это сообщение отредактировал(а) liliana2 - 12.5.2010, 00:39
PM MAIL ICQ   Вверх
liliana2
Дата 12.5.2010, 00:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет
Помогите пожалуйста!!!!
PM MAIL ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0486 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.