нужна помощь в создание таблицы
var color = ["","red","green","blue","orange"];
var len = color.length-1; var a = 0; while(a<=len){ document.write(color[a]+"<br>"); a++; } в таблице с левой стороны должно быть название цвета,а с правой сам цвет! Подскажите пожалуйста как это сделать правильно!!! |
nikolaimv,
:cray:
<!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>
|
не то,мы начали только недавно javascript и проходим циклы..... Но и за это спасибо!
|
<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>';
|
Да уж, на жыквери какой-то бред реально получился :( Вы что все забыли нэйтив 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>');
|
Цитата:
|
большое спасибо ребята!!!!!!!:dance:
|
и for тоже не знаем
|
у нас только второе занятие было!!! и до сих пор ни как не могу вникнуть что куда и за чем....
|
скачал даже уроки Попова. сижу ковыряюсь..... весь нэт перерыл а за таблицу такую ни слова...
|
| Часовой пояс GMT +3, время: 12:45. |