| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: для новичков > Как обновить содержимое div-ва из дочернего окна? |
| Автор: t77 24.1.2010, 16:12 | ||
| Доброе время суток. Имеется Div(usersGroupsResultsTable), отображающий содержимое ХМЛ документа... При первой загрузки страницы этот Div заполняется данными.
Также над Div-ом имеется линк, при нажатии на который, открывается модальное окно, позволяющее внести новую строку в ХМЛ файл. Вопрос как обновить Div(usersGroupsResultsTable), после добавления в ХМЛ новой строки, при этом не перегружая страницу ? Я понимаю, что решение данной задачи, должно быть AJAX. Но не знаю как мне его использовать именно в моем случае...?? Если при загрузке страницы я заполнил Div данными из ХМЛ. То при нажатии на линк "добавить новую строку", открывается модальное окно, состоящее из 4 шагов. Тоесть на каждом шаге собираются данные и в конце при закрытии модального окна добавляется новая строка в ХМЛ файл. Как мне обновить список данных родительского окна-Div(usersGroupsResultsTable)? |
| Автор: 12345c 24.1.2010, 18:32 | ||
| Как Вы его хотите сделать модальным? showModalDialog есть только в IE. http://xpoint.ru/forums/programming/javascript/crossbrowser/thread/29423.xhtml Если это действительно окно, а не его эмуляция через Div,
Или "+=" вместо "=". |
| Автор: t77 24.1.2010, 20:51 | ||||||
| Ок... После того как добавил новую строку в ХМЛ файл, делаю следующее: 1)удаляю все строки в таблице. 2)читаю хмл файл и создаю новые строки в таблице. вроде все хорошо, но в онклике каждой строки мне необходимо указать ID для каждого списка. Прохожусь дебагером и явно вижу, что ID для каждой строки устанавливается правильно! Но при клике на строку получается, что для всех строк сохранился последний номер ID из файла хмл. Тоесть проблема в том, что в конце концов ID в онклике устанавливается не правильно!!! Есть логическая ошибка, которую не могу найти. Уже мозги закипают. Так выглядит хмл:
А этот код, считывает строки из хмл файла и создает строки в чтмл таблице:
При клике на любую строку видно, что у всех прописан ID последнего тега из файла хмл- тоесть 227. Что за фигня не могу понять ?? Помогите плиз. Что я делаю не так? Добавлено через 4 минуты и 7 секунд да, кстати вот функция модального окна, если что:
|
| Автор: 12345c 24.1.2010, 21:33 | ||||||||
Известная ошибка от неиспользования замыканий. Видно, что с этим пытались "бороться", вложили в функцию,
|
| Автор: t77 25.1.2010, 01:38 |
| 12345c, ваш ответ конечно же исчерпывающий. Чесно говоря еще не попробовал, но кажется это то что нужно. Буду пробовать, спасибо! Скажите пожалуйста, что касается присвоения классов и стилей... Что то я там тоже запорол, не класятся мои строки и стили не работают. Посмотрите пожалуйста. Заранее благодарю. |
| Автор: 12345c 25.1.2010, 12:22 | ||
newRow.className = "trOff"; - присвоен нормально, а с событиями, наверное, та же история. Хорошо бы сразу иметь полный текст примера, чтобы посмотреть, а то так догадываться нужно. Например, будет работать:
|
| Автор: t77 25.1.2010, 15:51 | ||||||||
Из всех вышеприведенных вами вариантов, работает этот:
Спасибо! А, что касается стилей(onmouseout & onmouseover), то при первой загрузки странички лседующий вариант на ХСЛ работает:
Теперь как сделать тоже самое(onmouseout & onmouseover) на JavaScript? Пишу:
Не работает... Как это сделать?? И еще такой вопрос, можно ли в JavaScript сделать сортировку по атрибуту.Например как в вышеприведенном примере ХСЛ:
Можно ли сделать тоже самое на JavaScript ?? Если да, то как ? Заранее благодарю. |
| Автор: t77 25.1.2010, 18:57 | ||||
Данный вариант не работает... Получилось установить значения onmouseout & onmouseover, следующим образом:
Спасибо, работает! Что же касается сортировки. Скажите пожалуйста, можно ли сортировать хмл значения сразу в петле FOR ?? Или же нужно перекинуть их сначала в массив и только потом сортировать?? |
| Автор: 12345c 25.1.2010, 19:44 |
| Прямо XML в JS нельзя, в смысле, нет прямой функции или простой реализации. Есть где-то готовые скрипты - сортировщики таблиц по столбцам (например, jquery.tablesorter). Можно использовать как каркас. |
| Автор: t77 26.1.2010, 01:35 |
| 12345c, большое и человеческое вам спасибо! Вопрос закрыт. В вашей репутации появляется еще один плюс. |