Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как и где вставить getElementById, как и где вставить getElementById 
:(
    Опции темы
Alex80
Дата 7.11.2010, 18:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Здравствуйте!

Помогите пожалуйста то запарился совсем. Мне нужно что бы в мое окно вставлялись данные я беру с БД. Вроде все работает от AJAX приходят данные. В в getElementById данные входят но не могу вывести их в окно которое создается. Привожу код общий. 

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style>

.bar { 
position: absolute;
left: 0px;
width: 482px;
height: 166px;
visibility: hidden;
background: url(Tip_top_long.png);
}
.menu_pic
{
 left: 0px;
 top: 0px;
 position: absolute;
 width: 48px;
 height: 48px;
}
.menu_web
{
 top: 150px;
 left: 0px;
 position: absolute;
 width: 80px;
 height: 32px;
}
.menu_exit
{
 left: 450px;
 top: 0px; 
 position: absolute;
 width: 32px;
 height: 32px;
}
.text
{
 left: 48px;
 top: 16px;
 width: 445px;
 height: 150px;
 position: absolute;
}

.text_content {font-size: 13px}
</style>


<script>
  function createXMLHttp() {
   if(typeof XMLHttpRequest != "undefined") {
    return new XMLHttpRequest();
   } else if(window.ActiveXObject) {
    var aVersions = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0",
         "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp",
         "Microsoft.XMLHttp"
         ];
    for (var i = 0; i < aVersions.length; i++) {
     try {
      var oXmlHttp = new ActiveXObject(aVersions[i]);
      alert(aVersions[i]);
      return oXmlHttp;
     } catch (oError) {
       
     }
    }
    throw new Error("Невозможно создать объект XMLHttp.");
   }
  }
  
  function displayCustomerInfo(sText) {
   sElem = document.getElementById("txtCustomerInfo");
   sElem.innerHTML = sText;
  }
   
  function getRequest(link) {
   var sId = document.getElementById("txtCustomerId").value;
   var oXmlHttp = createXMLHttp();
   oXmlHttp.open("GET","customers.php?id="+link,true);
   oXmlHttp.onreadystatechange = function() {
    if(oXmlHttp.readyState == 4) {
     if(oXmlHttp.status == 200) {
      displayCustomerInfo(oXmlHttp.responseText);
      } else {
      displayCustomerInfo("Ошибка: " + oXmlHttp.statusText);
     }
    }
   };
   oXmlHttp.send(null);
   show_bar(); 
  }

 
 
//*********************************************************************************************************************
function show_bar() {

MouseX = event.clientX + document.body.scrollLeft;
MouseY = event.clientY + document.body.scrollTop;
obj = document.getElementById("win");

obj.style.top = MouseY + 10;
obj.style.left = MouseX;
obj.style.visibility = "visible";
}

function hide_bar() {

document.getElementById("win").style.visibility="hidden"

}   
 </script>
 
</head>

<body> 
<center>
<span style="cursor: pointer; color: #FF0000" onclick="getRequest(2)"><a href="#">Нажать</a></span>

  <div id="txtCustomerInfo"></div>
  </center>
   
  
<div id=win class=bar>
<div id=win class=menu_pic>
    <img src="sport.png" />
</div>
<div id=win class="menu_web">
    <span style='cursor: pointer' title='Веб - сайт '><a href="#"><img src="www.png" border="0" /></a></span></div>
<div id=win class=menu_exit>
    <span style='cursor: pointer' title='Закрыть' onclick='hide_bar()'><img src="exit_wc.png" /></span>
</div>
<div id=win class=text>
<strong>Заголовок</strong><br>
<span class="text_content">Текст окна.</span>

</div>  
</body>
</html>

 


Интересует этот блок куда и как можно вставить <div id="txtCustomerInfo"></div> это данные с БД что-бы отобразились в окне.

Код

<span style="cursor: pointer; color: #FF0000" onclick="show_bar()"><a href="#">Нажать</a></span>

<div id=win class=bar>
<div id=win class=menu_pic>
    <img src="sport.png" />
</div>
<div id=win class="menu_web">
    <span style='cursor: pointer' title='Веб - сайт '><a href="#"><img src="www.png" border="0" /></a></span></div>
<div id=win class=menu_exit>
    <span style='cursor: pointer' title='Закрыть' onclick='hide_bar()'><img src="exit_wc.png" /></span>
</div>
<div id=win class=text>
<strong>Заголовок</strong><br>
<span class="text_content">Текст окна.</span>

PM MAIL   Вверх
Chort409
Дата 9.11.2010, 06:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



В функции ты не можешь обратиться к <div id="txtCustomerInfo"> так как он определен ниже.
Попробуй поместить Скрипт после того как определяешь все <div/>.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0394 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.