значок закрытия не появляется

Question

Я пытался добавить текстовое всплывающее окно на мою страницу, и этот код помог мне, но мне нужно добавить значок закрытия (это изображение в моем коде) ..

, но это не такт работы: /

вот мой код:

function show_hide_box(an, width, height, borderStyle) {

if (navigator.userAgent.indexOf("MSIE") != -1) {
    var browserIsIE = true;
} else { browserIsIE = false; }


var href = an.href;
var boxdiv = document.getElementById(href);

if (boxdiv != null) {
if (boxdiv.style.display=='none') {
  move_box(an, boxdiv);
  boxdiv.style.display='block';
} else
  boxdiv.style.display='none';
return false;
}

boxdiv = document.createElement('div');
boxdiv.setAttribute('id', href);
boxdiv.style.display = 'block';
boxdiv.style.position = 'absolute';
boxdiv.style.width = width + 'px';
boxdiv.style.height = height + 'px';
boxdiv.style.border = borderStyle;
boxdiv.style.backgroundColor = '#FFF';

var inClosebox = document.createElement("div");
inClosebox.setAttribute('id', 'Close');
inClosebox.style.position = 'absolute';

if (browserIsIE) {
  inClosebox.style.left = '-1px';
  inClosebox.style.top = '0px';
} else {
  inClosebox.style.left = '-15px';
  inClosebox.style.top = '-15px';
}

inClosebox.style.visibility = 'hidden';

var inImage2 = document.createElement("img");
inImage2.onclick = function () { this.document.close(); };
inImage2.setAttribute('src', '../../Images/closebox.png');
inImage2.setAttribute('width', '30');
inImage2.setAttribute('height', '30');
inImage2.setAttribute('border', '0');
inImage2.style.cursor = 'pointer';
inClosebox.appendChild(inImage2);


var contents = document.createElement('iframe');
contents.scrolling = 'yes';
contents.frameBorder = '0';
contents.style.width = width + 'px';
contents.style.height = height + 'px';
contents.src = href;

boxdiv.appendChild(contents);
boxdiv.appendChild(inClosebox);
document.body.appendChild(boxdiv);
move_box(an, boxdiv);

return false;
}

Может ли мне помочь, пожалуйста?

Answer 1

Это должно означать, что путь src неверен.то есть ../../Images/closebox.png

Добавьте это к своему коду и посмотрите, работает ли это

inImage2.setAttribute('alt', 'Close');

Даже если это не сработает, это покажет вам, что с кодом что-то не так.

Очень полезно добавлять атрибут alt в тег img всегда.

Обновление:

Я только что видел это inClosebox.style.visibility = 'hidden'; Вы добавляете img к этому и так, как ты собираешься сделать это видимым, когда родитель скрыт?
Бьет меня.Или у вас есть дополнительный код?Если нет, удалите эту строку и попробуйте.