1

このサイトのスクリプト機能を複製しようとしています: http://responsinator.com/

アイデアは、フォームから URL を取得し、1 つ以上の iFrame に挿入することです。

すみません、私はちょっと初心者です。これは簡単だと思いましたが、行き詰まっています。これは私が今のところいるところです：

http://jsfiddle.net/xtpD5/

  function handleButtonEnterClick() {
    var textbox_value = document.getElementById("url_textbox").value;
    document.getElementById('myUrl').value = window.location;
    var form = document.getElementById('myForm');
    form.action = textbox_value;
    form.submit();
}

<div id="container">
<form action="" method="post" id="myForm">
    <p>Enter URL:</p>
    <input type="hidden" id="myUrl" name="url" />
    <input type="text" id="url_textbox" name="url_textbox" />
    <input type="button" id="button_enter" name="button_enter" 
           value="enter" onclick="handleButtonEnter" />
</form>
</div>

ありがとう！

4

1 に答える 1

1

このような？http://jsfiddle.net/xtpD5/1/

target 属性を介してフォームを iframe に送信するだけです。そして、iframeで開きます

function handleClick() {
    var url = document.getElementById('url_textbox').value;
    document.getElementById('myForm').action = url;
    return true;
}

<div id="container">
    <form action="" method="post" id="myForm" target='iframe'>
        <p>Enter URL:</p>
        <input type="hidden" id="myUrl" name="url" />
        <input type="text" id="url_textbox" name="url_textbox" />
        <input id="button_enter" name="button_enter" value="enter" type="submit" />
    </form>
</div>
<iframe name="iframe"></iframe>
于 2013-03-15T13:43:56.103 に答える