Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.04.2011, 17:55
Новичок на форуме
Отправить личное сообщение для Naum Посмотреть профиль Найти все сообщения от Naum
 
Регистрация: 02.04.2011
Сообщений: 1

Как ограничить количество элементов (списков <li>) массивов
Добрый день !!!
Подскажите пожалуйста как ограничить количество элементов (в моем случае это списки <li>) массивов в js, на примере кода ниже, при условии что в html странице создан список с порядком 30 элементов а необходимо вывести на экран штук 10, проведя сортировку элементов(это уже есть), а всем остальным которые "не вошли в десятку" придать значение display:none ???

<script language="JavaScript" type="text/javascript">
Array.prototype.shuffle = function( b )
{
 var i = this.length, j, t;
 while( i )
 {
  j = Math.floor( ( i-- ) * Math.random() );
  t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i];
  this[i] = this[j];
  this[j] = t;
 }
 return this;
};
  
      function ty()
      { 
       var li=document.getElementsByTagName('li');
       var text=new Array()
       for (i=0;i<li.length;i++)
           { text[i]=li[i].innerHTML;
           }

       var text1=text.shuffle();

       for (i=0;i<text1.length;i++)
           {
             li[i].innerHTML=text1[i]
           }
      }
     var butt=document.getElementById('kl')
     butt.onclick=ty
</script>
Ответить с цитированием
  #2 (permalink)  
Старый 03.04.2011, 12:49
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

<script language="JavaScript" type="text/javascript">
Array.prototype.shuffle = function( b )
{
 var i = this.length, j, t;
 while( i )
 {
  j = Math.floor( ( i-- ) * Math.random() );
  t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i];
  this[i] = this[j];
  this[j] = t;
 }
 return this;
};
  
      function ty()
      { 
       var li=document.getElementsByTagName('li');
       var text=new Array()
       for (i=0;i<li.length;i++)
           { text[i]=li[i].innerHTML;
           }

       var text1=text.shuffle();

       for (i=0;i<text1.length;i++)
           {
             *!*if(i>=10) li[i].style.display = 'none';*/!*
             li[i].innerHTML=text1[i]
           }
      }
     var butt=document.getElementById('kl')
     butt.onclick=ty
</script>


так хорошо?
Ответить с цитированием
  #3 (permalink)  
Старый 04.04.2011, 11:56
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

Сообщение от Naum
как ограничить количество элементов (в моем случае это списки <li>)
Как вариант...

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
ul {
	font-size: 12pt;
	max-height: 95px;
	overflow: hidden;
	border: 1px solid;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ul>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
	<li>Item 4</li>
	<li>Item 5</li>
	<li>Item 6</li>
	<li>Item 7</li>
</ul>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как проверить наличие элементов в объекте? гвоздик Общие вопросы Javascript 4 30.10.2009 11:33
Как снять фокус со всех элементов? Logo Общие вопросы Javascript 7 02.07.2009 23:53
Как ограничить работу скрипта, чтобы он выполнялся локально? Netot Я не знаю javascript 5 04.06.2009 20:03
Как отметить выбранный пункт <li> в списке <ul> DarkMaster13 Я не знаю javascript 11 19.05.2009 17:38
Как обработать несколько элементов подряд? vladymyrk jQuery 1 07.01.2009 20:33