VPF::Прокрутка - Форум программистов

Gold Dragon

Дата 8.7.2004, 09:30 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

Народ, подскажите как лучще организовать саму строку прокрутки такого типа

<< .. 03 04 05 06 .. >>

Это сообщение отредактировал(а) Red Dragon - 8.7.2004, 09:30

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

<Spawn>

Дата 8.7.2004, 14:32 (ссылка)

(нет голосов)

Загрузка ...

Око кары:)

Профиль
Группа: Экс. модератор
Сообщений: 2776
Регистрация: 29.1.2003
Где: Екатеринбург

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

Я полагаю что можно с таблицей сделать. На крайние ячейки вешаешь onclick в котором меняешь промежуточные ячейки

--------------------

"Для некоторых людей программирование является такой же внутренней потребностью, подобно тому, как коровы дают молоко, или писатели стремятся писать" - Николай Безруков.

Sardar

Дата 8.7.2004, 14:37 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Представь что в полоске N чисел, тогда имеем еще + 2 места под число с каждой стороны полоски, сама полоска скрывается либо style.clip'ом, либо родительским слоем div.style.overflow=hidden, так что бы места под число с каждой стороны были скрыты. Вращаем плавно на одну клетку, в конце сдвигаем все числа в клетке и возвращаем полоску в начальное положение. Эффект: плавное вращение чисел. Это имелось в виду?

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Gold Dragon

Дата 8.7.2004, 15:24 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

Sardar
Если честно, не совсем понял твою мысль. Что за клетки?

Правые и левые стрелки будут гонять внутренние числа/ссылки вправо и влево соответственно. Видимых будет примерно 5-6. Всего от 100 и .... в общем сколько угодно. Двигаться должны по кругу в любом направлении.

Мне их как? Поместить в Array() и доставать по порядку в ячейки таблицы (как предложил <Spawn> ), т.е.

Код

<td id="left"> .. <<.. </td>
<td id="s01"> .. [x] ..</td>
<td id="s02"> .. [x+1] ..</td>
<td id="s03"> .. [x+2] ..</td>
<td id="s04"> .. [x+3] ..</td>
<td id="s05"> .. [x+4] ..</td>
<td id="right"> .. >> ..</td>

где х - крайнее число/ссылка

Или что?

Это сообщение отредактировал(а) Red Dragon - 8.7.2004, 15:25

--------------------

<Spawn>

Дата 8.7.2004, 16:27 (ссылка)

(нет голосов)

Загрузка ...

Око кары:)

Профиль
Группа: Экс. модератор
Сообщений: 2776
Регистрация: 29.1.2003
Где: Екатеринбург

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

Вот небольшой пример того, как я хотел сделать(на большее ща время нет

)

Код

<script language="JavaScript">
  function scrollTD(direction)
  { 
    if (direction == 'left')
	{ 
   for (var i = 1; i < 3; i++)
     document.all.testTable.cells[0, i].innerText = parseInt(document.all.testTable.cells[0, i].innerText) - 1;
	}
	else
	{
   for (var i = 1; i < 3; i++)
     document.all.testTable.cells[0, i].innerText = parseInt(document.all.testTable.cells[0, i].innerText) +1;
	}
  }
</script>
</head>
<body>
  <table id="testTable">
    <tr>
   <td onClick="scrollTD('left');">&lt;&lt;</td>
   <td>1</td>
   <td>2</td>
   <td onClick="scrollTD('right');">&gt;&gt;</td>
	</tr>
  </table>

Либо даже так

Код

    if (direction == 'left')
	{ 
   for (var i = 1; i < 3; i++)
     document.all.testTable.cells[0, i].innerText--;
	}
	else
	{
   for (var i = 1; i < 3; i++)
     document.all.testTable.cells[0, i].innerText++;
	}

П.С. сори за форматирование - макромедия виновата, а самому щас править некогда

Это сообщение отредактировал(а) <Spawn> - 8.7.2004, 16:38

--------------------

Gold Dragon

Дата 9.7.2004, 11:13 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

Да, пости то что надо, мелочи сам доделаю.

А как мне вместо цифр или текста выводить ссылку?

--------------------

<Spawn>

Дата 9.7.2004, 12:16 (ссылка)

(нет голосов)

Загрузка ...

Око кары:)

Профиль
Группа: Экс. модератор
Сообщений: 2776
Регистрация: 29.1.2003
Где: Екатеринбург

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

это?

Код

  function scrollTD(direction)
  { 
    if (direction == 'left')
	{ 
   for (var i = 1; i < 3; i++)
      eval('document.all.a' + i + '.innerText--');  	
	}
	else
	{
     for (var i = 1; i < 3; i++)
      eval('document.all.a' + i + '.innerText++'); 
	}
  }
</script>
</head>
<body>
  <table id="testTable">
    <tr>
   <td onClick="scrollTD('left');">&lt;&lt;</td>
   <td><a  id="a1" href="http://123lkjdfg.html">1</a></td>
   <td><a  id="a2" href="http://hsdklfj.html">2</a></td>
   <td onClick="scrollTD('right');">&gt;&gt;</td>
	</tr>
  </table>

Это сообщение отредактировал(а) <Spawn> - 9.7.2004, 12:17

--------------------

Gold Dragon

Дата 9.7.2004, 12:29 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

<Spawn>
Ссылки то разные должны быть...

Проще говоря, нуна чтоб не просто текст, а кусок HTML-кода, не важно что: ссылка или картинка или текст со своим стилем...

--------------------

<Spawn>

Дата 9.7.2004, 12:39 (ссылка)

(нет голосов)

Загрузка ...

Око кары:)

Профиль
Группа: Экс. модератор
Сообщений: 2776
Регистрация: 29.1.2003
Где: Екатеринбург

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

???

Код

   for (var i = 1; i < 3; i++)
   {
     eval('document.all.a' + i + '.innerText--');
     eval("document.all.a" + i + ".href = 'http://" + eval("document.all.a" + i + ".innerText") + ".html' ");
    }

Это сообщение отредактировал(а) <Spawn> - 9.7.2004, 12:39

--------------------

Gold Dragon

Дата 9.7.2004, 12:56 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

<Spawn>
Совсем я сегодня

чёт никак не въеду.

В таблице должны появляться 1,2,3,4... и при этом при нажатии на них уходить дальше по ссылке? Где-то что-то пишу ни так, ничего не работает.

--------------------

<Spawn>

Дата 9.7.2004, 13:11 (ссылка)

(нет голосов)

Загрузка ...

Око кары:)

Профиль
Группа: Экс. модератор
Сообщений: 2776
Регистрация: 29.1.2003
Где: Екатеринбург

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

Red Dragon А ссылки то на основе чего должны сформироваться?

--------------------

Gold Dragon

Дата 9.7.2004, 13:23 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

Есть

a[0] = "http://...."
a[1] = "http://...."
a[3] = "http://...."
a[4] = "http://...."
...
a[x] = "http://...."

вот их то и крутить

<< .. a[0] a[1] a[2] ... a[x] .. >>

вместо a[..] виден текст у которого свой style

--------------------

<Spawn>

Дата 10.7.2004, 09:04 (ссылка)

(нет голосов)

Загрузка ...

Око кары:)

Профиль
Группа: Экс. модератор
Сообщений: 2776
Регистрация: 29.1.2003
Где: Екатеринбург

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

Код

<script language="JavaScript">
  var ar = Array(
     "http://Index.html",
     "http://Homepage.html",
     "http://About.html",
     "http://Test.html"
  );
  function scrollTD(direction)
  { 
    if (direction == 'left')
    { 
       if (document.all.a1.innerText == 0) return;
       for (var i = 1; i < 3; i++)
      {
        eval('document.all.a' + i + '.innerText--');
        eval("document.all.a" + i + ".href = '" + ar[eval("document.all.a" + i + ".innerText")] + "'");
      }
    }
    else
    {
       if (document.all.a2.innerText == (ar.length - 1)) return;	
       for (var i = 1; i < 3; i++)
      {
        eval('document.all.a' + i + '.innerText++');
        eval("document.all.a" + i + ".href = '" + ar[eval("document.all.a" + i + ".innerText")] + "'");
      }
    }
  }
</script>

Это для двух ссылок. Расширить, я думаю, ты сможешь.

Это сообщение отредактировал(а) <Spawn> - 10.7.2004, 09:06

--------------------

Gold Dragon

Дата 10.7.2004, 12:18 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

<Spawn>
Отлично! Спасибо, именно то что хотел..

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »