一張div反映在一頁上的多個位置

Question

我正在制作一個一頁的網站，其布局由水平滑動的部分組成。 每個部分的末尾都有一個比較復雜的形式。 各部分之間的格式始終相同，並且如果其中一部分填寫，則應該全部進行更改。

我的問題是：什么是最佳方法？

我希望該網站盡可能地輕巧，以便在非常不發達國家使用。 （到目前為止，我還不需要jquery，但這仍然是一個選擇）。

到目前為止，我最好的主意是在頁面加載時復制表單，但是當用戶修改表單時，需要腳本加載才能實時更新每個表單。

不能只鏡像一個div嗎？ 表單的所有實例實際上是在多個地方出現的同一個div嗎？

Answer 1

復制更改后的輸入數據？

<!DOCTYPE HTML>
<html>
    <head>
        <title>Bla!</title>
        <style type='text/css'>
        </style>
        <script type='text/javascript'>
            function duplicate(object) {
                var data = object.value;
                inputs = document.getElementsByName(object.name);
                for (var i in inputs) {
                    var input = inputs[i];
                    input.value = data;
                }
            }
        </script>
    </head>
    <body class='body' >
        <div id='div1'>
            <h2>Form1</h2>
            <form>
                <input onchange='duplicate(this);' name='input1'>
                <input onchange='duplicate(this);' name='input2'>
                <input onchange='duplicate(this);' name='input3'>
            </form>
        </div>
        <div id='div2'>
            <h2>Form2</h2>
            <form>
                <input onchange='duplicate(this);' name='input1'>
                <input onchange='duplicate(this);' name='input2'>
                <input onchange='duplicate(this);' name='input3'>
            </form>
        </div>
        <div id='div3'>
            <h2>Form3</h2>
            <form>
                <input onchange='duplicate(this);' name='input1'>
                <input onchange='duplicate(this);' name='input2'>
                <input onchange='duplicate(this);' name='input3'>
            </form>
        </div>

    </body>
</html>

一張div反映在一頁上的多個位置

問題描述

1 個解決方案

解決方案1
1 已采納 2014-03-13 11:44:46

一張div反映在一頁上的多個位置

問題描述

1 個解決方案

解決方案1 1 已采納 2014-03-13 11:44:46

解決方案1
1 已采納 2014-03-13 11:44:46