Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> DOM - с помощью него явакскрипт может динамически, работать с html-страницами? 
V
    Опции темы
Gunslinger
Дата 3.9.2010, 16:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 842
Регистрация: 30.12.2006
Где: Астрахань

Репутация: нет
Всего: 3



Заинтересовался веб-разработкой, но до этого был только академический опыт написания html в блокноте, статические страницы. Поискал темы в ветке - получается DOM используют для взаимодействия яваскрипта с html-кодом страницы. Т.е. яваскрип работает на стороне браузера, отслеживая действия пользователя и соответственно изменяет код страницы(если есть обработчики пользовательских событий) через объект document DOM? Можете привести пяток примеров (без кода), чтобы я понял все возможности такого взаимодействия? Пока вспоминается только свой простенький опыт со статикой, что-то сложнее представить трудно. 

Это сообщение отредактировал(а) Gunslinger - 3.9.2010, 16:05
PM MAIL   Вверх
CruorVult
Дата 3.9.2010, 16:17 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 3
Всего: 28



а гуглом пользоваться не пробовали?
PM MAIL Skype   Вверх
Gunslinger
Дата 3.9.2010, 18:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 842
Регистрация: 30.12.2006
Где: Астрахань

Репутация: нет
Всего: 3



Цитата(CruorVult @  3.9.2010,  16:17 Найти цитируемый пост)
а гуглом пользоваться не пробовали? 

пробовал. в вики описание не большое. сейчас нашел на ibm пару статей. вопрос пока остался. 
PM MAIL   Вверх
ksnk
Дата 3.9.2010, 18:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(Gunslinger @  3.9.2010,  16:02 Найти цитируемый пост)
Можете привести пяток примеров (без кода), чтобы я понял все возможности такого взаимодействия? 

Любой туториал по javascript'у даст не один дсяток примеров. Даже с кодом...




--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
magelan
Дата 3.9.2010, 22:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


потерял xPath
**


Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 3
Всего: 16



Gunslinger,

очень сложно бъяснять "базовые" понятия человеку, который вроде бы пишет "по умному".
Ты увернулся от термина DOM, не представлю как тебе это удалось.

объясняю тупо на пальцах. есть объект, который в виде дерева содержит в себе все элементы страницы, имеет много разных методов и свойств для работы с ними.

Навелся пользователь на ячейку таблицы, браузер сгенерил событие, мышастый над объектом, ты из яваскипта можешь узнать над каким объектом и перекрасить его, например.
Тыкнул пользователь кнопочку еще... ты на форме создал еще один инпут для ввода телефона.
Тыкнуль пользователь в картинку, ты затемнил фон, показал картинку крупно.

Короче, все визуальные задачи решаются с непосредственным участием этого самого DOM. При этом все браузеры очень стараются все что касается DOM делать одинакого, с некоторыми нюансами, конечно.
PM MAIL   Вверх
Gunslinger
Дата 4.9.2010, 07:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 842
Регистрация: 30.12.2006
Где: Астрахань

Репутация: нет
Всего: 3



ksnk, спасибо за туторы.

Цитата(magelan @  3.9.2010,  22:59 Найти цитируемый пост)
есть объект, который в виде дерева содержит в себе все элементы страницы,

эту теорию я уже знаю.

Цитата(magelan @  3.9.2010,  22:59 Найти цитируемый пост)
Тыкнул пользователь кнопочку еще... ты на форме создал еще один инпут для ввода телефона.
Тыкнуль пользователь в картинку, ты затемнил фон, показал картинку крупно

Вот из-за такого непонятки - как-то брался изучать php, успел немного ознакомиться, поэтому думал, что вся эта динамика создается им, а не DOM.
а за примеры спасибо.


Это сообщение отредактировал(а) Gunslinger - 4.9.2010, 07:06
PM MAIL   Вверх
bars80080
Дата 4.9.2010, 14:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



Цитата(Gunslinger @  4.9.2010,  07:06 Найти цитируемый пост)
как-то брался изучать php, успел немного ознакомиться, поэтому думал, что вся эта динамика создается им

в таком случае надо обязательно прочитать эту статейку http://phpfaq.ru/na_tanke
все читают, и получают базовое просветление
PM MAIL WWW   Вверх
Gunslinger
Дата 5.9.2010, 14:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 842
Регистрация: 30.12.2006
Где: Астрахань

Репутация: нет
Всего: 3



Цитата(bars80080 @  4.9.2010,  14:45 Найти цитируемый пост)
в таком случае надо обязательно прочитать эту статейку

Спасибо за статью. PHP выполняется на сервере, может генерировать html, может и JS-код внутри них, JS выполняется на клиенте. Так понял, что в вебе MVC реализована html (M), CSS(V), JS и PHP (С)? А DOM - связь между С и М.

Это сообщение отредактировал(а) Gunslinger - 5.9.2010, 14:18
PM MAIL   Вверх
bars80080
Дата 5.9.2010, 17:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315



Цитата(Gunslinger @  5.9.2010,  14:15 Найти цитируемый пост)
А DOM - связь между С и М.

никак нет. DOM - это document object model, объектная модель документа. она относится исключительно к html и js, и не важно что там на сервере php или asp, потому что DOM действует только в браузере

DOM, грубо говоря, это стандарт представления документа. документом у нас является вэб-страница, согласно стандартам w3c, браузер, приняв страницу, строит из неё виртуальную модель у себя в памяти, и затем мы начинаем с помощью специального интерфейса (под названием язык javascript) работать с ней. DOM описывает как структуру самого документа (что во что вложено, в каком порядке), так и свойства, которые имеются у элементов документа, и методы с помощью которых можно оперировать этими элементами

php здесь вообще не причём. DOM может работать и со статическими страницами, и с документами xml


Цитата(Gunslinger @  5.9.2010,  14:15 Найти цитируемый пост)
Так понял, что в вебе MVC реализована html (M), CSS(V), JS и PHP (С)

я посмотрел по постам, вам тут никто не говорил о MVC, поэтому даже не знаю кому пенять за то, что вам в голове устроили бардак.
MVC - это система разделения кода. в данном случае она применяется на серверной стороне, в php. отношения к html и js она не имеет. (хотя чем чёрт не шутит, может и здесь она может быть реализована). MVC - это штука из другой оперы, она определяет механизмы взаимодействия отдельных модулей. конкретней - это искать примеры и определения в сети. но при разговоре о javascript или css, MVC даже близко не упоминается.
PM MAIL WWW   Вверх
Gunslinger
Дата 5.9.2010, 17:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 842
Регистрация: 30.12.2006
Где: Астрахань

Репутация: нет
Всего: 3



Цитата(bars80080 @  5.9.2010,  17:03 Найти цитируемый пост)
никто не говорил о MVC,

В одной из статей по пхп, что по ссылке, было сказано, что описание представления выносят в css файл, чтобы не нагромождать код в html. Сразу mvc в голову пришло. Похоже рефлекс ужеsmile 
В общем смысл с DOMом ясна, всем спасибо за помощь.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0796 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.