| |
 8.8 Кб |
|
| | Здравствуйте, уважаемые форумчане. Я молодой и неопытный кодер. Сегодня возникла проблема, которую я не могла разгрести весь день. Задача заключается в следующем: нужно привести к рабочему состоянию кусок скрипта: есть таблица- список сотрудников. Записи в таблице формируются из базы данных. При наведении на фамилию сотрудника- должно всплывать окно с его фотографией(в базе данных хранится путь к графическому файлу, который впоследствии передается скрипту(переменная path), формирующему всплывающее окно).
То, что есть:
<script language='javascript'>
var mypopup = window.createPopup()
var popupBody = mypopup.document.body
popupBody.style.border = "0px"
popupBody.style.padding = "0px"
popupBody.style.color = "blue"
popupBody.style.background = "fff"
function pop(path){
pic= new Image()
popupBody.innerHTML = "<img name=pic src="+path+">" // НЕ РАБОТАЕТ!!! т.е. все после атрибута src читается как путь к файлу дословно, а не подставляется в виде переменной, надо передавать адрес, тк в php скрипте меняются картинки
mypopup.show(event.x,event.y,100,120,document.body)
}
Вопрос №2 необходимо чтобы в mypopup.show атрибуты ширины и высоты соответствовали изображению, указанному в src(т.е. для каждого индивидуально).
Пожалуйста, момогите. Я еще не до конца понимаю все взаимосвязи в объектной модели и взаимодействии между ее элементами :(
Оригинал скрипта ниже. | |
| |
|
|
| |
|
|
| |
для: Летучая мышка
(13.01.2009 в 20:43)
| | | Вот ответ на первый вопрос: "<img name=pic src=\""+path+"\">"
на второй, к сожалению, не знаю(( | |
| |
|
|
| |
|
|
| |
для: amigo63
(13.01.2009 в 20:56)
| | | Премного благодарю. Дома так работает, осталось протестировать на работе(код будет вживлен в страницу, генерируемую при помощи bitrix).
Очень жду помощи по второму вопросу. | |
| |
|
|
| |
|
|
| |
для: Летучая мышка
(13.01.2009 в 21:32)
| | | вот, попробовала сделать что то в этом роде:
<script language='javascript'>
var mypopup = window.createPopup()
var popupBody = mypopup.document.body
popupBody.style.border = "0px"
popupBody.style.padding = "0px"
popupBody.style.background = "#400040"
function pop(xcontent){
pic= new Image()
popupBody.innerHTML ="<img name='pic' src='"+xcontent+"'>"
var wi=pic.width
var he=pic.height
alert(wi+"<br>"+he)
mypopup.show(event.x,event.y,wi,he,document.body)
}
в результате алерт выводит 0<br>0
по прежнему жду помощи! | |
| |
|
|
| |
|
|
| |
для: Летучая мышка
(13.01.2009 в 21:38)
| | | А обязательно в окошке? Не проще в див, абсолютно запозиционированный и стилизованный красиво? | |
| |
|
|
| |
|
|
| |
для: Летучая мышка
(13.01.2009 в 21:38)
| | |
var wi=pic.offsetWidth
var he=pic.offsetHeight
alert(wi+"\n"+he)
|
| |
| |
|
|
| |
18.3 Кб |
|
| |
для: PAT
(13.01.2009 в 23:55)
| | | К сожалению этот вариант тоже не работает. Перенос выводится правильно.
Но в окне вместо значений опять нули :(
вообще я делаю этот вывод просто для самопроверки. Цель - отрегулировать размеры окна. | |
| |
|
|
| |
|
|
| |
для: Летучая мышка
(14.01.2009 в 09:26)
| | | как догадка- могу предположить что изображение записывается в новое окно, а вызываем мы его и записываем его параметры в элементы для настоящего документа. может в этом соль? | |
| |
|
|
| |
|
|
| |
для: Летучая мышка
(14.01.2009 в 09:36)
| | | Вопрос снимаю. Решение такое, кому интересно:
<script language='javascript'>
var mypopup = window.createPopup()
var popupBody = mypopup.document.body
popupBody.style.border = "0px"
popupBody.style.padding = "0px"
popupBody.style.color = "blue"
popupBody.style.background = "fff"
pic= new Image()
pic.src="/pic/nophoto.jpg"
function pop(xcontent){
pic.src=xcontent
var wi=pic.width
var he=pic.height
popupBody.innerHTML ="<img name=pic src=\""+xcontent+"\">"
mypopup.show(event.x,event.y,wi,he,document.body)
}
|
Всех благодарю за проявленную инициативу! | |
| |
|
|
