Показать сообщение отдельно
  #1 (permalink)  
Старый 18.05.2017, 11:16
Аватар для Dean777
Интересующийся
Отправить личное сообщение для Dean777 Посмотреть профиль Найти все сообщения от Dean777
 
Регистрация: 17.05.2017
Сообщений: 10

Помогите с таблицей
Вот код
<html>
 <head>
   <title></title>
	<script>
    	var table ='<center><h2 style="margin-left: 18%;"> Машины в нашем гараже</h2><button>Каталог Машин</button></center>';
	    var cars = [
		['Hyundai','Tucson','White',1999,5000],
		['Toyota', 'Toyota Land Cruiser 100','Yellow', 1995,3000],
		['Lexus', 'GS 300','Black', 1991,2000]
		]
		 table += '<table class="table"><tr class="tb_th"><th>Марка</th>		<th>Модель</th><th>Цвет</th><th>Год выпуска</th><th>Цена</th></tr>';
		for (var i = 0; i < cars.length; i++){
		table += '<tr class="tb_th"><td class="tb-td">'+cars[i][0]+'</td>		<td>'+cars[i][1]+'</td><td>'+cars[i][2]+'</td><td>'+cars[i][3]+'</td>';
		if (cars[i][4] > 3000){
		table += '<td class="dorogoi">'+cars[i][4]+' &#9650</td></tr>';
		} else
		table += '<td class="deshovii">'+cars[i][4]+' &#9660</td></tr>'
		}
		table += '</table>';
		document.write(table)
	</script>
		<style>
			body{
			background-color:#0e0e0e;
			} 
			.table {
			width:50%;
			height:20%;
			margin:0 0%;
			border-collapse: collapse;
			border: 2px solid transparent;
			}
			.table tr th {
			text-align:left;
			color: #4d4d4d;
			}
			.table .tb_th {
			background: #1a1a1a;
			}
			.table tr td {
			color: #444444;
			}
			.table tr {
			background: #1d1d1d;
			border-top: 2px solid #232323;
			border-bottom: 2px solid #232323;
			}
			.table tr .tb-td {
			color: #b5b5b5;
			}
			.table tr .dorogoi {
			color: #cd3e4a;
			}
			.table tr .deshovii {
			color: #84b547;
			}
			h2 {
			color: white;
			text-align: left;
			}
		</style>
  </head>
	<body>
	</body>
<html>

Нужно сделать так чтобы при нажатии на кнопку эта же графа появлялась рядом правой стороны.

Последний раз редактировалось ksa, 18.05.2017 в 11:52. Причина: Оформление кода
Ответить с цитированием