17.12.2014, 13:38
|
|
Аспирант
|
|
Регистрация: 13.10.2014
Сообщений: 73
|
|
|
Как наполнить DIV.container DIV-ами из цикла с массивом данных?
var starsMassive = [
// ['Company_name',Age,Investments,Economy,Tech,Non-comm,Prediction,Ppl]
['MacroGenic',8,278,522,134,14,40,128],
['Tengion',7,202,415,16,44,83,58],
['Dendreon',5,103,423,107,505,86,147],
['Neomend',4,74,147,56,493,10,31],
['RheoGene',12,664,3139,0,0,348,3],
];
var i;
for (i=0; i<5; i++) {
$(function(){$('.sky1').html("<div class='stars' id='"+starsMassive[i][0]+"' style='width:100px;height:100px;'></div>");});
}
<body>
<div id='sky_container'>
<div class='sky3 layer'>
</div>
<div class='sky2 layer'>
</div>
<div class='sky1 layer'>
</div>
</div>
</body>
<script type='text/javascript' src='js/script.js'></script>
</html>
|
|
17.12.2014, 13:39
|
|
Аспирант
|
|
Регистрация: 13.10.2014
Сообщений: 73
|
|
|
У меня вставляет только 1 DIV #5 и все. Видимо inner.html заменяет содержимое контейнера. А как сделать чтобы ДОБАВЛЯЛО?
|
|
17.12.2014, 13:53
|
|
Аспирант
|
|
Регистрация: 13.10.2014
Сообщений: 73
|
|
Я понял! надо не .html использовать а .append
$(function(){$('.sky1').append("<div class='stars' id='"+starsMassive[i][0]+"' style='width:100px;height:100px;'>
|
|
17.12.2014, 13:55
|
|
Аспирант
|
|
Регистрация: 13.10.2014
Сообщений: 73
|
|
|
Теперь проблема с другим:
Uncaught TypeError: Cannot read property '0' of undefined
строка 13 JS
как вытащить корректные данные из массива?
|
|
17.12.2014, 13:57
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,075
|
|
|
Сообщение от ViRuSreloaded
|
html
|
append |
|
17.12.2014, 13:59
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,075
|
|
|
ViRuSreloaded,
а вы сам то массив корректным сделайте
|
|
17.12.2014, 13:59
|
|
Аспирант
|
|
Регистрация: 13.10.2014
Сообщений: 73
|
|
А почему starsMassive[i][0] UNDEFINED ?????  |
|
17.12.2014, 14:00
|
|
Аспирант
|
|
Регистрация: 13.10.2014
Сообщений: 73
|
|
|
А как его сделать корректным? где ошибка?
|
|
17.12.2014, 14:00
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,075
|
|
ViRuSreloaded,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<div id='sky_container'>
<div class='sky3 layer'>
</div>
<div class='sky2 layer'>
</div>
<div class='sky1 layer'>
</div>
</div>
<script>
var starsMassive = [
// ['Company_name',Age,Investments,Economy,Tech,Non-comm,Prediction,Ppl]
['MacroGenic',8,278,522,134,14,40,128],
['Tengion',7,202,415,16,44,83,58],
['Dendreon',5,103,423,107,505,86,147],
['Neomend',4,74,147,56,493,10,31],
['RheoGene',12,664,3139,0,0,348,3]
];
var i;
for (i=0; i<5; i++) {
$('.sky1').append("<div class='stars' id='"+starsMassive[i][0]+"' style='width:100px;height:100px;'>"+starsMassive[i][0]+"</div>");
}
</script>
</body>
</html>
|
|
17.12.2014, 14:02
|
|
Аспирант
|
|
Регистрация: 13.10.2014
Сообщений: 73
|
|
Я просто не весь HTML вставил чтобы не засорять. Так то все на месте:
<!doctype html>
<html lang=''>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' href='style.css'>
<script src="js/jquery-1.11.1.js" type="text/javascript"></script>
<link href='http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700' rel='stylesheet' type='text/css'>
</head>
Вот это стоИт. |
|
|
|
