Установить содержимое по умолчанию для целевого div - PullRequest
1 голос
/ 20 января 2010

Если это мой код, как мне настроить page1.html для отображения по умолчанию при загрузке страницы?

Заранее спасибо.

<head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
    function swapContent(targetID, url) {
        var target = document.getElementById(targetID);
 
        var ajax = new XMLHttpRequest();
        ajax.open('GET', url, true);
        ajax.onreadystatechange = function() {
            if(ajax.readyState == 4) {
                target.innerHTML = ajax.responseText;
            }
        }
        ajax.send(null);
    }
    </script>
</head>
<body>
    <div>
        <div>
            <a href="javascript: void();" onclick="swapContent('searchDiv', 'page1.html');">First</a> |
            <a href="javascript: void();" onclick="swapContent('searchDiv', 'page2.html');">Second</a> |
            <a href="javascript: void();" onclick="swapContent('searchDiv', 'page3.html');">Third</a>
        </div>
        <hr>
        <div id="searchDiv" style="width: 550px; height: 400px; overflow: scroll;">Please select one...</div>
    </div>
</body>
</html>

Ответы [ 4 ]

2 голосов
/ 20 января 2010

Если вы хотите, чтобы он загружался с помощью javascript:

<body onload="swapContent('searchDiv', 'page1.html');"> 
1 голос
/ 20 января 2010

либо поместите его в событие onload, либо, в зависимости от вашей структуры, вы можете включить page1 в div в django, это

<div>{% include 'page1.html' %}</div>
1 голос
/ 20 января 2010

Вы можете добавить обработчик события onload к элементу thebody:

 <body onload ="swapContent('searchDiv', 'page1.html');">
    ....

 </body>
1 голос
/ 20 января 2010

Как насчет вызова swapContent('searchDiv', 'page1.html'); в onload тега body?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...