Код магнитолы

Оппозиция в России ?

Россия и Украина

Мысли в слух...

Российская...власть ?

Skype

Создаём сайт

JS - телефон

Любимые сериалы

Гостевая


На главную



Создание странички отзывов при помощи JavaScript и DOM (Document Object Model) .
Динамический HTML (DHTML).


Изменять сценарий странички (её содержание и внешний вид) можно без участия РНР и внешних баз. Для этого достаточно понять, как программа обработчик (web-сервер, РНР-интерпретатор или браузер) работает со сценарием странички.
Мы будем общатся с браузером - именно он преобразует сценарии файлов, над которыми вы работаете.
Не большое отступление. Что - бы не возникло непонимания выделим некоторые понятия :
браузер, web - браузер, web - сервер - всё это программы - обработчики и все они отвечают понятию (см. словарь) - браузер. Но из - за скудности английского языка к нему лепят различные приставки. Хотя, на мой взгляд, здесь больше проблемма в переводчиках: либо они русский плохо знают, либо в работе РС плохо разбираются. Если ваш знакомый будет вас убеждать, что браузер предназначен исключительно для выхода в интернет, не спорте с ним, он сам в этом не до конца разбирается.
В дальнейшем мы будем считать, что преобразует сценарий скачаной странички и работает с web - сервером (браузером сервера) - именно браузер (или , если хотите, web - браузер).
Получив от web-сервера (в виде двоичного кода) информацию о запрошенной страничке, браузер адаптирует её (при помощи специальной программы), раскладывает по блокам - массивам, и толко после этого строит то изображение, которое мы видим на экране монитора. Почему он так поступает - это вопрос к составителям программ, но этим можно воспользоваться. Что мы и попытаемся сделать.
Сортируя информацию о полученой страничке браузер создаёт несколько массивов. Мы не будем говорить о всех - только о тех, которые(-ый) будем использовать. Зная, где находится та или иная составляющая странички, мы попробуем указать на неё и объяснить браузеру - что с ней нужно сделать. Разговаривать с браузером мы будем на языке программирования JavaScript.

Здесь, на мой взгляд, нужно притормозить и поговорить о программировании - в общем. JavaScript - это не совсем язык программирования и по большому счёту - 98% тех, кто считает себя программистами - таковыми не являются (без обиды). Большая часть - это просто пользователи той или иной степени продвинутости. Что-бы с уверенностью считать себя программистом - программу (вне зависимости от её сложности) нужно писать на языке процессора, тогда любой дивайс, где стоит этот процессор, будет понимать вас с полуслова. Наиболее простой вариант - пристёгивать созданнй код к "несущему ядру", имеющему "общие гены" с ОС. На этом принципе работают упаковщики exe-файлов и компиляторы. Правда, скачать такую программу (даже - платную) - очень трудно. Более сложный вариант - познакомится с ассемблером.
Сумел создать процессор - можешь смело создавать под него операционную систему (ОС), а пользователь пусть выбирает.
Что-бы не потерять потенциального клиента корпорациям (типа - Майкрософт) пришлось задуматься о совместимости ОС и пойти на определённые уступки (отнюдь - не в ущерб себе, поверте на слово). Менее "опасные" новинки программирования они начали встраивать в ОС в виде целевых функций. Для остальных новшеств, по "доброте душевной", начали создавать программы - адапторы (exe-упаковщики, j2se sdk). Если вы заботитесь об автономности созданной вами программы - заранее ищите себе упаковщика, который будет перетолмачивать ваши произведения.
Для чего я завёл весь этот разговор ? Для того, чтобы вы поняли - даже правильное использование JavaScript (или другого "не системного языка") не гарантирует срабатывания созданных вами программ на всех без исключения компах, даже на вашем.


Для обращения к браузеру при помощи JS используются специальные тэги(дескрипторы) : <script language="JavaScript"> и </script>, между которыми помещается код - обращение к браузеру. Если вы хотите, что - бы ваш скрипт читали 100% OС, добавте в тэг script атрибут type="text/JavaScript". Использование в названии букв верхнего регистра - явление временное.

И так - приступим :



рис.8


На рис.8 изображена (не полностью) иерархия web - странички (или - просто странички). Работать со страничкой мы будем на уровне document и в направлении document---form. Для удобства восприятия разные уровни выделены разными цветами.
WINDOW (в различных его видах - "встроенных" окнах) является (по определению) объектом воздействия для элементов следующего уровня, в т.ч. - Document, который (по определению) является методом воздействия на объект. Эти взаимоотношения справедливы для каждой пары уровней элементов (по нисходящей), но не ниже определённого уровня, присущего каждому направлению взаимоотношений. На каждом уровне методы могут стать свойствами объектов (элементов), если они у них есть и функциями JS, которые програмисты (и многие авторы) так - же причисляют к методам.
Забегая немного вперёд, скажу, что используя принцип иерархического построения странички можно создать неплохое дополнение к вашему сайту - выпадающее меню или всплывающую подсказку.

дальше...
...назад