ссылку на другой HTML на той же странице (JavaScript)

Question

ссылку на другой HTML на той же странице (JavaScript)

0

Я хотел бы связать еще один html (nytimes.html) на той же странице поверх этого всплывающего кадра css. Как мне это сделать?

$('.portfolio-thumbnail').click(function(e) {
console.log(this.id); //this is how we know what to load into the frame
$('#popup-frame').fadeIn();

switch(this.id) {
case "nytimes":
    //do something for nytimes
    $('#popup-frame').css('background', "rgba(0, 255,0, .5)" );


    break;
case "eloquence":
    $('#popup-frame').css('background', "rgba(255, 82, 145, .5)" );
    break;
default:
    break;
}
});

user3555167 28 апр. 2014, в 17:48

Источник

0

Хотите открыть ссылку в iframe? Может быть, вы хотите: window.open (mylink, 'popup-frame')
Aminadav Glickshtein 28 апр. 2014, в 15:13
0

$('#popup-frame').load('nytimes.html') сделает это.
A1rPun 28 апр. 2014, в 15:15

Теги:

javascript

jquery

html

hyperlink

1 ответ

Ещё вопросы

Хотите открыть ссылку в iframe? Может быть, вы хотите: window.open (mylink, 'popup-frame')
$('#popup-frame').load('nytimes.html') сделает это.

Dean Meehan · Answer 1 · 2014-04-28T13-58-00.000Z

Я бы лично посоветовал вам встроить iFrame в свой CSS-всплывающее окно с сайтом внутри него, который вы хотите показать, т.е.

case "nytimes":
    //do something for nytimes
    $('#popup-frame').css('background', "rgba(0, 255,0, .5)" );

    $('#popup-frame').html('<iframe src="nytimes.html" name="popupFrame" scrolling="auto" frameborder="no" align="center" height = "100%" width = "100%"> </iframe>')
    break;

Затем вы можете настроить iFrame, чтобы посмотреть, как вы хотите, в том числе использовать свойство css zoom для iframe, чтобы уменьшить размер содержимого, если вы хотите замедлить "предварительный просмотр" страницы.