Document.writeln в новом кадре, а не window.open

Question

Document.writeln в новом кадре, а не window.open

0

Как я могу писать новые строки в кадре в том же окне? На данный момент у меня есть создание нового окна с window.open. Но теперь мне это нужно в кадре.

У меня есть html с двумя кадрами (форма и результат), и мне нужно записать во втором, нажав кнопку на первом кадре.

HTML

<html>
    <head>
    <title> Create Curriculum</title>
    <meta charset="UTF-8"/>
    </head>
    <frameset rows="50%,50%">
        <frame id="form" src="from.html"/>
        <frame id="curri" src=""/>
    </frameset>

Вы intercat с формой, добавляющей информацию к входам и сохраняющей информацию. Там также кнопка, которая генерирует учебную программу, используя информацию, введенную ниже.

JAVASCRIPT:

function genCurriculum() {
    //I want to capture the second frame with id "curri"
    var curri = parent.document.getElementById("curri");
    curri.document.writeln("<h2>Head of the curriculum...</h2>");
    //The others writeln for creating the curriculum
}

Я хочу знать, как писать в кадре, а не в новом окне.

И НЕ используя Jquery, просто чистый JavaScript. (Требование учителя)

Lloople 14 нояб. 2013, в 18:36

Источник

Теги:

javascript

html

1 ответ

Ещё вопросы

jameslafferty · Answer 1 · 2013-11-14T15-41-00.000Z

Является ли это jsfiddle тем, что вы хотите?

Html:

<form>
    <input name="nextLine" type="text" />
    <button type="button">
        <span>Add a line</span>
    </button>
</form>
<iframe height="100" width="200"></iframe>

JavaScript:

(function () {
    'use strict';
    var button, iframe, input;
    function addLine (cD, input, val) {
        return function () {
            var body, line;
            body = cD.getElementsByTagName('body')[0]
            line = cD.createElement('p');
            line.innerText = val.toString() + ': ' + input.value;
            body.appendChild(line);
            val += 1;
        }
    }
    button = document.getElementsByTagName('button')[0];
    iframe = document.getElementsByTagName('iframe')[0];
    input = document.getElementsByTagName('input')[0];
    button.addEventListener('click', addLine(iframe.contentDocument, input, 0), true);
}());

Не это, извини, я сам плохо объяснил. Я собираюсь отредактировать свой первый пост для лучшего объяснения. И извините за мой английский.
Может быть полезно опубликовать скрипку с существующим кодом (чтобы уточнить, что вы ищете).