HTML+CSS+JavaScript

Хочу сделать у себя на CMS поддержку изображений.
Может у кого есть лутше вариант предложите обязательно !
- есть главная страница, редактируем текст. Нажымаем сверху добавить изображение.
- window.open('add.php?service=images','ImaGe','width=400,height=400,toolbar=0');
- Открывается окно, в нем изображения уменьшенные. Все изображения находятся в базе данных.

Нужно чтоб: при нажатии на изображение, информация передавалась с открытого 400х400 окна в основное в форму <textarea> типа [dbimg id="id_img" w="100" h="100"] .

1) window.open - не выход, юзайте модальные окна http://jqueryui.com/demos/dialog/
2) Изображения лучше в БД не заносить - нагрузка сильная будет.

1. Почему это не подойдет window.open? Модальный диалог будет работать только в IE.

Не получается у меня пока с модальными окнами сделать нормально.
окно затемняется (кроме IE 8) , но мне в этом окошке нужно разместить по 9 изображений с постраничной навигацией.
Причем при перелестывании все должно оставатся темным до щелчка по изображению. Ajax грузит, но постраничка не работает.

Поэтому я всетаки предпочту наверное winow.open .
Только обьясните как информацию передать.

тебе надо аяксом на сервер передать, или из открытого окошка в родительское?
для второго случая есть свойство opener:

opener.document.getElementById('layout');

и таким образом передавать в родительское окно, с первым случаем немножко всё по другому

из открытого в родительское.
JavaScript:opener.document.getElementById('layout'); return false;
<div id="layout"> <div>
не совсем ясно, как opener использовать ?
есть ссылка, при нажатии должно открытся новое окно
в окне нажимаем на картинку, это при щелчке на картинку onclick=opener.document.getElementById('layout'); ?
так куда оно передаст и что.
Обясните плиз как этот метод использовать.

- Да еще, как после выбора закрыть окошко.

сделай простое окно из которого будешь открывать новое, в новом сделай такой код:

<script> function test() {     opener.document.getElementById('test_div').innerHTML = 'test content of this block'; } <span onclick="test()">click me</span> </script>

в родительском окне не забудь блок:

<div id="test_div"></div>

Да еще, как после выбора закрыть окошко.

window.close();

function test(form) {      opener.document.getElementById('test_div').innerHTML = '[dbimg id="'+form.value+'" w="100" h="100"]';  }  </script>

JavaScript:test('125'); передает [dbimg id="undefined" ... Значение вроде передано

что такое form?

у меня это значение просто, что имя поменять ?

function test(form) {      opener.document.getElementById('test_div').innerHTML = '[dbimg id="'+form+'" w="100" h="100"]';  }

отлично есть, а как передать в <textarea name="content" style=...
пишу вместо test_div - content. Не принимает, как в форму передать ?

для элементов формы вместо innerHTML используй value

Есть, а еще один ньюанс,
как мне переданую информацию + старую информацию, желательно чтоб строчка [dbimg id.. появилась в месте расположения курсора.

как мне переданую информацию + старую информацию

var sVal = opener.document.getElementById('text').value; opener.document.getElementById('text').value = sVal +'[dbimg id="'+form+'" w="100" h="100"]';

желательно чтоб строчка [dbimg id.. появилась в месте расположения курсора.
это в интернетах скрипт поищи, кстати на форуме тут что-то такое проскакивало

Огромнейшее СпасиБо !