РАМКА и кнопка назад / вперед - PullRequest
Новая
       40

РАМКА и кнопка назад / вперед

1 голос
/ 07 октября 2011

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

Я добавил кнопки «назад» и «вперед», но они не работают.Если щелкнуть ссылки «a» и «b» в следующем примере, кнопки «назад» и «вперед» ничего не делают.

Как этого достичь? 

test.hta
===================================
<!DOCTYPE html>
<html>
<head>
    <title>Back / Forward Buttons</title>
    <hta:application id="test" applicationname="test" icon="res/icon.ico" showintaskbar="yes" singleinstance="yes">
</head>
<body>
    <div class="strip">
        <button onclick="output.history.back(); return false">Back</button>
        <button onclick="output.history.forward(); return false">Forward</button>
    </div>

    <div id="iframe-wrap" class="iframe-container">
        <iframe id="output" name="output" src="a.html" width="100%" border="0" frameborder="no" scrolling="yes"></iframe>
    </div>
</body>
</html>

a.html
===================================
<!DOCTYPE html>
<html>
    <head><title>A</title></head>
    <body>PAGE A - <a href="b.html">Go to B</a></body>
</html>

b.html
===================================
<!DOCTYPE html>
<html>
    <head><title>B</title></head>
    <body>PAGE B - <a href="a.html">Go to A</a></body>
</html>

Ответы [ 2 ]

0 голосов
/ 09 октября 2011

Мне пришлось отслеживать изменения страницы в iFrame вручную, используя следующее: 

    var iFrameHistory = {
        history : [],
        pos     : 0,
        ignore  : false,

        updateUI: function() {
            var el;

            // Enable / disable back button?
            el = document.getElementById('back');
            if (iFrameHistory.pos === 1)
                el.className = 'disabled';
            else
                el.className = '';

            // Enable / disable forward button?
            el = document.getElementById('forward');
            if (iFrameHistory.pos >= iFrameHistory.history.length)
                el.className = 'disabled';
            else
                el.className = '';
        },

        back: function() {
            var newPos = Math.max(1, this.pos - 1);
            if (newPos !== this.pos) {
                this.pos = newPos;
                this.ignore = true;
                document.getElementById('output').src = this.history[ this.pos - 1 ];

                this.updateUI();
            }
        },
        forward: function() {
            var newPos = Math.min(this.history.length, this.pos + 1);
            if (newPos !== this.pos) {
                this.pos = newPos;
                this.ignore = true;
                document.getElementById('output').src = this.history[ this.pos - 1 ];

                this.updateUI();
            }
        },
        reload: function() {
            document.getElementById('output').contentWindow.location.reload();
        },
        onload: function() {
            if (!this.ignore) {
                var href = document.getElementById('output').contentWindow.location.href;
                if (href !== this.history[ this.pos - 1 ]) {
                    this.history.splice(this.pos, this.history.length - this.pos);
                    this.history.push(href);
                    this.pos = this.history.length;

                    this.updateUI();
                }
            }
            else {
                this.ignore = false;
            }
        }
    };
0 голосов
/ 07 октября 2011

Попробуйте: 

window.frames.output.history.forward();

или 

window.frames.output.history.go(+1);

Возможно, даже лучше было бы использовать getElementByID, чтобы получить элемент, на котором вы пытаетесь использовать историю.

Есть также некоторые известные кросс-браузерные проблемы с историей на iFrame, но я не могу точно вспомнить, что именно в данный момент, но Google должен быть в состоянии ответить на этот вопрос за вас.

...