Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Случайный класс (https://javascript.ru/forum/dom-window/20554-sluchajjnyjj-klass.html)

Axios 09.08.2011 14:08

Случайный класс
 
Всем привет. есть блок

<div id="box">
тут будет другая информация
</div>

мне надо, чтоб при обновлении страницы к #box присваивался случайный класс из списка, например

class=box01
class=box02
class=box03
class=box04

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

+ тому кто поможет

Спасибо.


вот такой скрипт я нашел

<!--
function random_imglink(){
var myimages=new Array()

//Тут прописывается путь к картинке
myimages[1]="/images/banner.jpg"
myimages[2]="/images/banner3.png"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->

</script>

devote 09.08.2011 16:12

var list = ['class1', 'class2', 'class3'];
document.getElementById('box').className = list[ Math.floor( Math.random() * list.length ) ];

Axios 09.08.2011 16:35

Спасибо за ответ попробую

Axios 09.08.2011 17:11

чего-то не работает

kobezzza 09.08.2011 17:29

Оберните в
window.load = function () { /* тут ваш код */ };

Axios 10.08.2011 21:57

Чего то у меня так и не работает, можешь пример полного хтмл выложить плиз

ksa 11.08.2011 09:32

Ну косинус же! (с) :D


<style>
div {
   width: 20px;
   height: 20px;
}
.class1 {
   background: red;
}
.class2 {
   background: green;
}
.class3 {
   background: orange;
}
</style>

<div id='box'></div>

<script>
   var list = ['class1', 'class2', 'class3']; 
   document.getElementById('box').className = list[ Math.floor( Math.random() * list.length ) ];
</script>


Часовой пояс GMT +3, время: 19:42.