Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Вырезать часть данных и разнести по другим блокам
 
 автор: TetRiska   (28.04.2011 в 17:07)   письмо автору
 
 

Всем привет. Нужна Ваша помощь в разработке скрипта. Структура такова.
box_items может быть разное количество 0-... Допустим я определил (определятся автоматически будет), что нужно в scrollablelist оставить 4 box_items остальное перенести в такой же блок, т.е. создать еще один scrollablelist и туда перенести остаток. Первый пример это начальная позиция до работы скрипта, а второй вариант уже после обработки скрипта.
<div id="scrollableitems">
   <div class="scrollablelist" style="width:650px;">
      <div class="box_items">инфа</div>
      <div class="box_items">инфа</div>
      <div class="box_items">инфа</div>
      <div class="box_items">инфа</div>
      <div class="box_items">инфа</div>                             
     <span class="under"></span>
   </div>
</div>

<div id="scrollableitems">
   <div class="scrollablelist" style="width:650px;">
      <div class="box_items">инфа</div>
      <div class="box_items">инфа</div>
      <div class="box_items">инфа</div>
      <div class="box_items">инфа</div>                         
     <span class="under"></span>
   </div>
   <div class="scrollablelist" style="width:650px;">
      <div class="box_items">инфа</div>                         
     <span class="under"></span>
   </div>
</div>

Работаю с JQUERY библиотекой. Пробовал clone, но все же не получается у меня. Не могу додуматься как отсчитать нужное количество box_items, чтобы остаток перенести в другой новосозданный scrollablelist. Прошу у Вас помощи. Спасибо.

  Ответить  
 
 автор: ONYX   (29.04.2011 в 09:53)   письмо автору
 
   для: TetRiska   (28.04.2011 в 17:07)
 


<script>
$(document).ready(function(){
  for(i = 0; i < 10; i++) {
    if(i % 4 == 0){
      $('.scrollablelist : last').append('<span class="under"></span>');
      $('.scrollableitems').append(<div class="scrollablelist" style="width:650px;"></div>)
    }else{
      $('.scrollablelist : last').append('<div class="box_items">инфа</div>');
    }
  }
});
</script>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования