Перейти к содержимому

Фотография
- - - - -

Клас "Животное": почему исчезла таблица?


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 BuzinVova

BuzinVova

    Прохожий

    Топикстартер
  • Участник
  • 0
    6 сообщ.

Отправлено 26 Ноябрь 2017 в 13:31

Добрый день! Почему исчезла таблица со списком животных? Раньше всё работало нормально и таблица выводилась, но когда переименовал из carSpares в animals, таблица почему-то исчезла. Сможете в комментариях написать, что нужно было сделать на самом деле? Как переименовать объекты и экземпляры и не потерять таблицу?

 

Файл style.css

h1 {
 
text-align: center;
 
font-family: Monotype Corsiva, Arial;
 
color: #BA0606;
 
font-style: italic;
 
}
 
h2{
 
text-align: center;
 
background-color: #FAD899;
 
color: #E967FA;
 
}
 
body {
background-image:url(http://333v.ru/uploads/ca/ca1e27004caab41ef962818707b6de8d.jpg);
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
 
a {
 
text-decoration: none;
 
}
 
a:hover {
 
text-decoration: underline;
 
}
 
a:link {
 
color: #0000d0;
 
}
 
a:visited {
 
color: #900060;
 
}
 
a:active {
 
color: #AC37C6;
 
}
 
.bold24{
 
font-size:24px;
 
font-weight:bold;
 
text-align: center;
 
}
 
.tfirst {
 
border:1px none #9F3207;
 
border-collapse:separate;
 
width:100%;
 
height:100%;
 
}
 
#line{
 
border-bottom-style:ridge;
 
border-bottom-color:red;
 
border-bottom-width:2mm;
 
}
 
p {
 
text-align: justify;
 
font-size:24px;
 
text-indent:60px
 
}
 
ul.square{
 
list-style-type: square;
 
font-size:24px;
 
}
 
.leftimg{
 
float:left;
 
margin: 5px 40px 50px 5px;
 
width:15%;
 
height:15%;
 
}
 
.rightimg{
 
float:right;
 
margin: 5px 5px 40px 30px;
 
width:20%;
 
height:20%;
 
}
 
.kursiv{
 
font-style: italic;
 
}
 
#leftbold{
 
font-size:24px;
 
text-align: left;
 
font-weight:bold;
 
text-indent:0px
 
}
 
ol.size24{
 
font-size:24px;
 
}
 
.sizeimg{
 
width:60%;
 
height:60%;
 
}
 
.sizemap{
 
width:600px;
 
height:400px;
 
}

Файл site-animals-1.html

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 
<title>Пользовательские объекты, часть 1</title>
 
<link rel="stylesheet" type="text/css" href="style.css"/>
 
</head>
 
<body>
 
<h1>Лабораторная работа №13</h1>
 
<p class="bold24">Пользовательские объекты</p>
 
<p class="bold24">Вариант 3</p>
 
<p>Создать пользовательский объект "животное". Создать в скрипте 10 экземпляров данного объекта и вывести эти данные на страницу.</p>
 
<p>Здесь используется один из двух способов для описания собственных методов: описание метода включается в описание класса.</p>
 
<tfoot>
<p align="justify"><font face="Times New Roman"; size="5"><a href="site-animals-2.html" target="_blank" title="Перейти к части 2">Часть 2</a></font></p>
</tfoot>
 
<script type="text/JavaScript">
 
function animals(num,kind,name,sex,color,age)
 
{
 
this.num=num;
 
this.kind=kind;
 
this.name=name;
 
this.sex=sex;
 
this.color=color;
 
this.age=age;
 
this.printCaption=printCaption;
 
this.printTableHead=printTableHead;
 
this.printSpares=printSpares;
 
}
 
function printCaption()
 
{
 
document.write("<p class=bold24>Список животных</p>");
 
}
 
function printTableHead()
 
{
 
document.write("<table style=font-size:18px;background-color:#ffffff align=center border=2 cellspacing=1 cellpadding=8 width=200 height=300 bordercolor=#0762A7><tr style=background-color:#9CF686;font-weight:bold;text-align:center><td>№</td><td>Вид</td><td>Кличка</td><td>Самка или самец</td><td>Цвет</td><td>Возраст</td></tr>");
 
}
 
function printSpares()
 
{
 
document.write("<tr style=text-align:center><td>"+this.num+"</td>"+"<td>"+this.kind+"</td>"+"<td>"+this.name+"</td>"+"<td>"+this.sex+"</td>"+"<td>"+this.color+"</td>"+"<td>"+this.age+"</td></tr>");
 
}
 
var animal-1 = new animals(1, "Собака", "Шарик", "Самец", "Коричневый", "11 месяцев");
 
var animal-2 = new animals(2, "Кошка", "Алиса", "Самка", "Серый", "2 года");
 
var animal-3 = new animals(3, "Попугай какаду", "Яго", "Самец", "Розовый", "5 лет");
 
var animal-4 = new animals(4, "Макака-резус", "Абу", "Самец", "Коричневый", "9 лет");
 
var animal-5 = new animals(5, "Медведь", "Мария", "Самка", "Белый", "15 лет");
 
var animal-6 = new animals(6, "Волк", "Ракша", "Самка", "Чёрный", "7 лет");
 
var animal-7 = new animals(7, "Игуана", "Татьяна", "Самка", "Зелёный", "4 года");
 
var animal-8 = new animals(8, "Мышь", "Джерри", "Самец", "Бежевый", "7 месяцев");
 
var animal-9 = new animals(9, "Лошадь", "Олд Билли", "Самец", "Рыжий", "22 года");
 
var animal-10 = new animals(10, "Корова", "Марта", "Самка", "Бурый", "12 лет");
 
animal-1.printCaption();
 
animal-1.printTableHead();
 
animal-1.printSpares();
 
animal-2.printSpares();
 
animal-3.printSpares();
 
animal-4.printSpares();
 
animal-5.printSpares();
 
animal-6.printSpares();
 
animal-7.printSpares();
 
animal-8.printSpares();
 
animal-9.printSpares();
 
animal-10.printSpares();
 
</script>
 
</body>
 
</html>

Простите пожалуйста, я не умею отделять код от текста. Как Выглядят bb-теги для html и css?


Мне всё понятно - дефис не должен быть в имени переменной. либо нижнее подчёркивание, либо верблюжья нотация.

Прикрепленные файлы


Сообщение отредактировал BaNru: 27 Ноябрь 2017 в 00:33
Вставлен код через CODE

  • 0

Спонсор



Похожие темы Свернуть

  Название темы Форум Автор Статистика Последнее сообщение
Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей