Создаём страничку, ч.11 :
Поскольку с принципом взаимодействия узлов (элементов) на страничке мы уже знакомы, в общих чертах, сразу напишем функцию с небольшими комментариями :
<script language=javascript>
function getComment()
00 {
01 var divEs=document.getElementById("comments");
02 var divE=document.createElement("div");
03 divE.className="comment";
04 var now = new Date();
05 var mpo = now.getMonth();
06 var realMonth = mpo + 1;
07 var timer=now.getDate()+ "." + realMonth + "." + now.getFullYear() + "(" +
now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds() + ")";
08 var textE=document.createTextNode(timer);
09 var newEt=document.createElement("div");
10 newEt.className="time";
11 newEt.appendChild(textE);
12 var newEn=document.createElement("div");
13 newEn.className="contN";
14 var nameE=document.getElementById("myname").lastChild;
15 newEn.appendChild(nameE);
16 var newEc=document.createElement("div");
17 newEc.className="contC";
18 var commE=document.getElementById("mycomm").lastChild;
19 newEc.appendChild(commE);
20 divE.appendChild(newEt);
21 divE.appendChild(newEn);
22 divE.appendChild(newEc);
23 divEs.appendChild(divE);
24 }
</script>
рис.11
И так - у нас есть контейнер (01)-- создаём новый контейнер для каждого отзыва (02) и присваиваем ему имя (03).
-- оздаём контейнер для времени отзыва (09) и присваиваем ему имя (10)
-- создаём "удобоваримый" формат таймера (04-07)
-- создаём текстовый узел (08) и помещаем туда таймер
-- добавляем этот текстовый узел в контейнер для времени (11)
-- обращаемся к форме id="myname" (14) и добавляем (15) "имя" в созданный контейнер (12-13)
-- похожую операцию проделываем для "отзыва" (16 - 19)
И последнее - добавляем вновь созданные контейнеры (20-22) в контейнер (02), как "дочерние"(иерархия !), а его, в свою очередь, в контейнер расположенный на страничке (23). Не забудте поместить в файл .css стиль для вновь созданных контейнеров. В результате может получится что-то вроде этого.
***
Немного "дёгтя" : в полне возможно, что стиль у вновь созданных контейнеров не "появится", а сами отзывы будут исчезать с экрана монитора после перезагрузки странички, т.е. никаких изменений в сценарий браузером вносится не будет.
***
Не расстраивайтесь - просто у вашего браузера, по видимому, нет необходимых полномочий и он потихоньку виртуалит, что-бы вас не обидеть (шутка). Не стоит забывать, что в каждой шутке - есть доля шутки. Не у каждого браузера есть "разрешение" на коррекцию сценария странички.
И последнее : можно было разукрасить функции операторами if, else или for, но я этого намерено не сделал. Большинство браузеров с трудом переваривают простые js-функции, без логики. Но - всё в ваших руках, дерзайте.
дальше...
...назад