VPF::Управление ячейкой таблицы из другого окна

kursor

Дата 3.12.2006, 11:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Вопрос такой: У меня есть окно с формой, там есть ссылка (которая расположена в ячейке таблицы) - выбрать фотографию, при нажатии на эту ссылку открывается новое окно с фотографиями из определенной папки сервера. (это у меня все работает)
Можно ли сделать так, чтобы при нажатии на фотографию в этом вновь открывшимся окне, это вновь открывшееся окно закрывалось, а в окне с формой (с той самой ячейкой таблицы в которой была ссылка с предложением выбрать фотографию), ссылка выбрать фотографию пропала бы, а вместо нее появилась бы выбранная фотография?

vasac

Дата 3.12.2006, 12:40 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

Репутация: 13
Всего: 36

Отчего же нельзя? Нужно только немного подумать головой.

1. Нажатие на элемент страницы (в т.ч. на изображение) отлавливается событием onclick.
2. Закрытие окна осуществляется через window.close()
3. Обращение к родительскому окну через window.opener
4. Замена содержимого элемента (например внутри divа поменять ссылку на фотографию) осуществляется через DOM, либо через innerHTML.

Дальше осилите? )

--------------------

Блог ГО | Таблица символов юникода

kursor

Дата 3.12.2006, 16:55 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Да вобщем-то наверное смогу. Если все-таки есть примеры на использование innerHTML и window.opener, то буду Вам благодарен.

vasac

Дата 3.12.2006, 17:23 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

Репутация: 13
Всего: 36

Примерные наброски

1. Ловим щелчок:

Код


<img src="/path/to/img.jpg" onclick="return clickPhoto('/path/to/img.jpg')" />

При нажатии на фотку вызывается функция clickPhoto с путем к фотке в параметре.

2. Что нужно сделать при нажатии?
- отправить сообщение родительскому окну
- закрыть дочернее.

Код


function clickPhoto( path ) {
    window.opener.selectPhoto( path );
    window.close();
}

сообщение посылаем путем вызова в родительском окне функции selectPhoto() опять таки с путем к фотке.

3. В родительском окне нужно определить эту selectPhoto. Что там нужно сделать? Удалить ссылку, вставить вместо нее фотку.
Пусть ссылка лежит в диве:

Код


<div id="divPhoto"><a href="...">Выбрать фотографию</a></div>

Обработчик:

Код


function selectPhoto( path ) {
    var d = document.getElementById( "divPhoto" ); // нашли див
    while ( d.firstChild ) d.removeChild( d.firstChild ); // Очистили его
    var img = document.createElement( "img" ); // Создали картинку
    img.setAttribute( "src", path ); // Установили путь
    d.appendChild( img ); // Запихнули в div
}

--------------------

Блог ГО | Таблица символов юникода

kursor

Дата 3.12.2006, 17:33 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Спасибо дружище, щас буду разбираться. smile

kursor

Дата 3.12.2006, 18:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

В окне которое содержит фотографии из папки, в функции

Цитата

function clickPhoto( path ) {
window.opener.selectPhoto( path );
window.close();
}

ругается

Цитата

Error: window.opener is Null or not an object.

Может я не правильно окно с фотографиями открываю. Я использую window.open.

Может мне его как-нибудь жестко прописать и обращаться к нему по имени окна (посоветуйте как это можно сделать. В любом случае сейчас буду экспериментировать.)

Добавлено @ 19:05
Вроде заработало, правда вместо картинок рисует картинки с крестиком. Сейчас с путями разберусь и ОК!

Спасибо тебе еще раз добрый человек.

kursor

Дата 3.12.2006, 19:18 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Все ОК!

И еще вопрос, можно ли как нибудь определить ширину и высоту фотографии? Посредством ASP или JavaScript?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »