BuzinVova
New Member
- Регистрация
- 05.11.2017
- Сообщения
- 8
Добрый день! Почему исчезла таблица со списком животных? Раньше всё работало нормально и таблица выводилась, но когда переименовал из 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?
Мне всё понятно - дефис не должен быть в имени переменной. либо нижнее подчёркивание, либо верблюжья нотация.
Файл 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?
Мне всё понятно - дефис не должен быть в имени переменной. либо нижнее подчёркивание, либо верблюжья нотация.
Вложения
-
3,7 КБ Просмотры: 38
-
4,2 КБ Просмотры: 26
-
1,5 КБ Просмотры: 26