Динамически удаляйте iframe из себя

Question

В настоящее время я разрабатываю оверлей и у меня есть проблема с ним.Фактически, мой оверлей реализован с помощью iframe, который я вставляю во все веб-страницы.

Overlay: http://img641.imageshack.us/img641/691/toolbarm.png

Я хотел бы просто скрыть его, когда нажимаю кнопку закрытияна правой стороне.

Вот моя функция, которая внедряет оверлей (iframe):

injectOverlay: function() 
{
        var body = $('body'),
        OverlayURL= chrome.extension.getURL("overlay.html"),
        iframe = $('<iframe id="OverlayFrame" scrolling="no" src="'+OverlayURL+'">');

        body.append(iframe);
}

А вот код, чтобы скрыть это (но это не сработало):

function hideOverlay()
{
    var iframe = document.getElementsByName('iframe')[0];
    iframe.parentNode.removeChild(iframe);

    // $('#OverlayFrame', window.parent.document).remove();

    alert('Overlayclosed');
}

Answer 1

Так как вы все равно используете jquery, просто напишите

var fram = $("iframe").get(0);
fram.parentNode.removeChild(fram);

Это будет работать только в том случае, если у вас есть только один iframe на всей странице. В противном случае вы можете указать селектор в обычном jquery fasion (iframe # id или whatnot).

Answer 2

Если вы просто хотите скрыть это, вам не нужно удалять его, возможно

jQuery('#OverlayFrame').toggle();

Answer 3

Попробуйте любой из следующих вариантов:

$("iframe").remove() 
$('#OverlayFrame').remove() 
$('iframe#OverlayFrame').remove()

вы можете использовать detach() / hide() вместо remove ().