Форум

nikolaimv · #1 (**permalink**) 23.05.2013, 00:47

var color = ["","red","green","blue","orange"];
var len = color.length-1;
var a = 0;
while(a<=len){
document.write(color[a]+"<br>");
a++;
}

в таблице с левой стороны должно быть название цвета,а с правой сам цвет! Подскажите пожалуйста как это сделать правильно!!!

рони · #2 (**permalink**) 23.05.2013, 01:49

nikolaimv,

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
td{
  width: 70px;
  border-top-left-radius:60px 90px;
  border-bottom-right-radius:60px 90px;
  border: 1px solid #000000;
  text-align: center;
}
</style>
  <title>Untitled</title><meta charset="utf-8" />
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<script>
var color = ["red","green","blue","orange"];
var mytable = $('<table/>');
$.each(color,function( i, myData ) {
    $(mytable).append(
        $('<tr/>').append(
            $('<td/>',{text:myData, css : {'color':myData}}),
            $('<td/>',{css:{ 'background':myData}})
                    )
    );
});
$('body').append(mytable);
</script>
</body>
</html>

nikolaimv · #3 (**permalink**) 23.05.2013, 02:42

не то,мы начали только недавно javascript и проходим циклы..... Но и за это спасибо!

ruslan_mart · #4 (**permalink**) 23.05.2013, 03:06

<table cellspacing="0" cellpadding="0" width="200px" id="colors">
</table>

var colors = ['red', 'green', 'blue', 'orange', 'black'], tds = '';
for(i=0; i<colors.length; i++) tds += '<tr><td>'+colors[i]+'</td><td width="100px" bgcolor="'+colors[i]+'"></td></tr>';
document.getElementById('colors').innerHTML = '<tbody>'+tds+'</tbody>';

ed-210 · #5 (**permalink**) 23.05.2013, 03:08

Да уж, на жыквери какой-то бред реально получился

Вы что все забыли нэйтив JavaScript? Вот так надо:

var colors = ['red','green','blue', 'black', 'white'];
var d = document;
d.write('<table border="1">');
for (var i=0; i < colors.length; i++){
	d.write('<tr><td>'+ colors[i] +'<\/td><td style="background:'+ colors[i] +';">ЦВЕТ<\/td><\/tr>')
}
d.write('<\/table>');

ed-210 · #6 (**permalink**) 23.05.2013, 03:14

Сообщение от Ruslan_xDD

document.getElementById('colors').innerHTML

Обычно, когда народ учит циклы, они не знают еще о document.getElementById()

nikolaimv · #7 (**permalink**) 23.05.2013, 03:24

большое спасибо ребята!!!!!!!

nikolaimv · #8 (**permalink**) 23.05.2013, 03:25

и for тоже не знаем

nikolaimv · #9 (**permalink**) 23.05.2013, 03:27

у нас только второе занятие было!!! и до сих пор ни как не могу вникнуть что куда и за чем....

nikolaimv · #10 (**permalink**) 23.05.2013, 03:29

скачал даже уроки Попова. сижу ковыряюсь..... весь нэт перерыл а за таблицу такую ни слова...

Форум

Справочник

Discord чат

Курсы javascript