Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Генерация блоков (https://javascript.ru/forum/misc/39692-generaciya-blokov.html)

IVAAAAN 08.07.2013 15:28

index.html:
<!DOCTYPE HTML>


<div id="game_area">

</div>


script.js:
function rand(min, max){
   return Math.floor(Math.random() * (max - min + 1)) + min;
}

function generate(){

		var level, size;
		level = 1;
		

	for(var i = level;i<level+level+1;i++){
		var num = rand(1,10);
		
		
		$("#game_area").append('<div class="num'+i+'"><p  class="numValue'+i+'">'+num+'</p></div>');
		
		size = rand(50,100);
		margin = rand(1,104);
		marginLeft = rand(1, 300);
		
		$(".num" +i).css({
			'width':size,
			'height':size,
			'border-radius':size + 1,
			'margin-top':margin,
			'margin-left':marginLeft,
			'border':'1px solid #000',
			'text-align': 'center',
			'cursor': '	pointer'


		});

		$(".numValue").css({
			'padding':rand(50,100)/5

		});
	}

}


css:
#game_area{
	width: 700px;
	height: 500px;
	border:1px solid #ccc;
	margin: 0 auto;
	margin-top: 5px;
}

ruslan_mart 08.07.2013 15:31

А где html, head, body, кодировка? :blink:

IVAAAAN 08.07.2013 15:32

Цитата:

Сообщение от Ruslan_xDD (Сообщение 261009)
А где html, head, body, кодировка? :blink:

все есть, просто сюда решил не скидовать, т.к оно вам думаю не надо, место будет занимать.

skrudjmakdak 08.07.2013 15:41

я раз 100 сгенерил, у меня все норм.. можете тогда скрин прислать??

IVAAAAN 08.07.2013 15:44

Цитата:

Сообщение от skrudjmakdak (Сообщение 261012)
я раз 100 сгенерил, у меня все норм.. можете тогда скрин прислать??

вы генерили только level 1? да, тогда генерятся только два блока, если level 10, то 10 блоков. тут и проблема

skrudjmakdak 08.07.2013 15:49

ааа. нудак конечно.. у вас позиционирование какое? статичное, разумеется будет в низ тянуть. делайте абсолютное, а game_area релативное

skrudjmakdak 08.07.2013 15:50

ну и соответственно не margin-left и margit-top использовать надо будет.. а top и left

IVAAAAN 08.07.2013 15:58

Цитата:

Сообщение от skrudjmakdak (Сообщение 261018)
ну и соответственно не margin-left и margit-top использовать надо будет.. а top и left

это я понял, но тогда есть шанс что они переплетутся. а точнее инфа 100%, они переплетутся

ruslan_mart 08.07.2013 16:01

IVAAAAN, или поставьте для gamearea overflow:hidden, тогда ничего вылазить не будет :D

IVAAAAN 08.07.2013 16:02

Цитата:

Сообщение от Ruslan_xDD (Сообщение 261024)
IVAAAAN, или поставьте для gamearea overflow:hidden, тогда ничего вылазить не будет :D

ага, и нужно мне кол-во блоков тоже тогда отображаться не будет


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