Показать сообщение отдельно
  #1 (permalink)  
Старый 21.05.2012, 21:34
Новичок на форуме
Отправить личное сообщение для rfxsx Посмотреть профиль Найти все сообщения от rfxsx
 
Регистрация: 21.05.2012
Сообщений: 5

Динамический JS: createElement и appendChild
смысл в том чтобы на странице генерировались случайным каждый раз образом дивы, то есть допустим первый раз запускаешь в окне появляется 3 дива, в первом еще какое то количество, во втором еще какое-то тоже случайное, в третьем так же, во внутренних дивах появляются каждый раз случайным образом еще какое то количество дивов, так до тех пор пока они не станут меньше какого то размера, допустим 20 пикселей
и в каждом диве генерируеться случайное число


скрипт для генерации трех первых дивов написал а appenchild подключаться не хочет


<script type="text/javascript">


NumberOfDivsToRandomDisplay = 6;

var CookieName = 'DivRamdomValueCookie';
function DisplayRandomDiv() {
var r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay);
var v = r+1;
var w = v++;
if(NumberOfDivsToRandomDisplay > 1) {
var ck = 0;
var cookiebegin = document.cookie.indexOf(CookieName + "=");
if(cookiebegin > -1) {
cookiebegin += 1 + CookieName.length;
cookieend = document.cookie.indexOf(";",cookiebegin);
if(cookieend < cookiebegin) { cookieend = document.cookie.length; }
ck = parseInt(document.cookie.substring(cookiebegin,coo kieend));
}
while(r == ck) { r = Math.ceil(Math.random() * NumberOfDivsToRandomDisplay); }
document.cookie = CookieName + "=" + r;
}
for( var i=1; i<=NumberOfDivsToRandomDisplay; i++) {

document.getElementById("randomdiv"+i).style.displ ay='none';


}

var list = document.getElementById("randomdiv"+r).style.displ ay='block';
document.getElementById("randomdiv"+v).style.displ ay='block';
document.getElementById("randomdiv"+w).style.displ ay='block';
var fiv = document.createElement('div');
fiv.innerHTML = '1';
list.appendChild(fiv).style.display='block';
}
DisplayRandomDiv();




</script>
Ответить с цитированием