VPF::проблемы с ajax loadом - Форум программистов

ashenemy

Дата 21.11.2007, 23:41 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 7.11.2006

Репутация: нет
Всего: нет

есть такой вот код

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

    <script type="text/javascript"src="zxml.js"></script>

    <script type="text/javascript">
        function requestCustomerInfo(sId) {
          getElementById('MyDiv').state.visibility ='VISIBLE';   
          var oXmlHttp = zXmlHttp.createRequest();
            oXmlHttp.open("get", "GetCustomerData.php?id=" + sId, true);
            oXmlHttp.onreadystatechange = function () {
                    if (oXmlHttp.readyState == 4) {
                    if (oXmlHttp.status == 200) {
                      getElementById('MyDiv').state.visibility ='HIDDEN';
                        displayCustomerInfo(oXmlHttp.responseText);
                    } else {
                        displayCustomerInfo("An error occurred: " + oXmlHttp.statusText); //statusText is not always accurate
                    }
                }            
            };
            oXmlHttp.send(null);
        }
        
        function displayCustomerInfo(sText) {
            var divCustomerInfo = document.getElementById("divCustomerInfo");
            divCustomerInfo.innerHTML = sText;
        }
    </script>
</head>
<body>
<div style="display: none;" id="MyDiv"><b>Идет загрузка<br />Секундочку...</b>
</div>
<a href=javascript:requestCustomerInfo(2); >link</a>

    <div id="divCustomerInfo"></div>
</body>
</html>

все работает, но вот когда вставляю вывод сообщения подождите ( getElementById('MyDiv').state.visibility ='VISIBLE';
getElementById('MyDiv').state.visibility ='HIDDEN';
соответственно) выдает ошибку.

Это сообщение отредактировал(а) ashenemy - 21.11.2007, 23:58

Ghirik

Дата 22.11.2007, 05:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20

Нужно что то уж одно, либо

Код


document.getElementById('MyDiv').style.visibility = '';

Код


document.getElementById('MyDiv').style.visibility = 'hidden';

и не

Код


<div style="display: none;" id="MyDiv">

Код


<div style="visibility: hidden" id="MyDiv">

а если

Код


<div style="display: none;" id="MyDiv">

то

Код


document.getElementById('MyDiv').style.display = '';

Код


document.getElementById('MyDiv').style.display = 'none';

--------------------

Отдадим всё клиенту, пускай его машина мучается...

ashenemy

Дата 22.11.2007, 12:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 7.11.2006

Репутация: нет
Всего: нет

Спасабо большое,

ashenemy

Дата 22.11.2007, 13:31 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 7.11.2006

Репутация: нет
Всего: нет

все работает ошибок не выдает но и самы строку о том чтобы чел подождал тоже нет , у меня пока все работы на начальном этапе может из-за этого,
посмотрите плз это долэжно работать ? иль нет?

ashenemy

Дата 5.12.2007, 02:56 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 7.11.2006

Репутация: нет
Всего: нет

Подправил код

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>XMLHttp Example 1</title>
    <script type="text/javascript"src="zxml.js"></script>

    <script type="text/javascript">
        function requestCustomerInfo(sId) {

                 document.getElementById("MyDiv").innerHTML = "Загружаю";
                 document.getElementById("MyDiv").style.color="#000";

            var oXmlHttp = zXmlHttp.createRequest();
            oXmlHttp.open("get", "GetCustomerData.php?reg=" + sId, false);

            oXmlHttp.onreadystatechange = function () {
            if (oXmlHttp.readyState == 4) {
                 if (oXmlHttp.status == 200) { 
                 
                 document.getElementById("MyDiv").innerHTML = "Загружено";
                 document.getElementById("MyDiv").style.color="#000";

                    displayCustomerInfo(oXmlHttp.responseText);



                    } 
                else {
                        displayCustomerInfo("An error occurred: " + oXmlHttp.statusText); //statusText is not always accurate
                    }
                }            
            };
            oXmlHttp.send(null);
        }
        
        function displayCustomerInfo(sText) {
        
            var divCustomerInfo = document.getElementById("divCustomerInfo");
            divCustomerInfo.innerHTML = sText;
        }
    </script>
</head>
<body>
    <div id="MyDiv" style="border:1px #ccc solid; width:300px; height: 15px; text-align:center">Загрузить</div>
   <div id="divCustomerInfo"></div>
</body>
</html>

Начальный этап ЗАГРУЗИТЬ - показывает
Конечный этап тоже показывает - ЗАГРУЖЕНО
А вот средний индикатор, который должен выводить ЗАГРУЖАЮ - он порпускает

ПОмогите плз голову сломал уже

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »