Öncelikle yapmak istediğimi ben size ileteyim belki başka bir yolu vardır.

Kullandığım Ajaxlar : Sayfa içinde sayfa, sayfa yenileme, hareketli div

index.asp sayfasındaki tabloda bulunan bir veriye tıklandığında Taşınabilir div içerisinde veriyi değişkenine göre aciklama.asp sayfasından okutuyorum. Fakat aciklama.asp sayfasında değişkenin olduğu satırda değişiklik yaptığımda bunu hareketli div içerisinde güncelletemiyorum.

Ajax sayfa yenileme ile hareketli div'i nasıl bir birine entegre edebilirim?

Kullandığım kodlar.

index.asp için kullandığım kodlar

Sayfa Style

<style>
.move
{
width:100%;
background-color:#000000;
border-bottom:1px solid black;
font-size:14px;
font-family:verdana;
font-color:"#C9D2DC";
text-align:center;
}
.info
{
width:100%;
background-color:#3E5999;
border-top:1px solid black;
font-size:13px;
font-family:verdana;
font-color:"#FFFFFF";
color:"FFFFFF";
}
.panel
{
width:150;
position:absolute;
border:1px solid black;
left:350;
top:200;
font-size:13px;
font-family:verdana;
}
.panel a:visited{color:blue;}
.panel a{text-decoration:none;color:blue}
.panel a:hover{text-decoration:none;}
#panel a.visited{
text-decoration:none;
}
.menu
{
width:100%;
background-color:#ffffff;
font-size:13px;
font-family:verdana;
}
.bilgi {font-family:arial black, arial;font-size:17px; color:gold; font-weight:bold;}
</style>

Ajax sayfa yenileme

<script type="text/javascript">
function Ajax(){
var xmlHttp;
try{ 
xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("No AJAX!?");
return false;
}
}
}

xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById('sid').innerHTML=xmlHttp.responseText;
setTimeout('Ajax()',2000);
}
}
xmlHttp.open('GET','aciklama.asp',true);
xmlHttp.send(null);
}

window.onload=function(){
setTimeout('Ajax()',2000);
}
</script>

Sayfa içinde sayfa

<script>
//gelen veriyi işletme
function nesneyarat() {
    var nesne;
    var tarayici = navigator.appName;
    if(tarayici == "Microsoft Internet Explorer"){
        nesne = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        nesne = new XMLHttpRequest();
    }
    return nesne;
}

var http = nesneyarat();

function gunlukOku(no) {
    http.open('get', 'aciklama.asp?sid=' + no,true);
    http.onreadystatechange = gunlukOkut;
    http.send(null);
}
function gunlukOkut() {
    if(http.readyState == 1){
        document.getElementById('sid2').innerHTML = "Yazı yükleniyor bekleyin.";
	}
    if(http.readyState == 4){
        document.getElementById('sid2').innerHTML = http.responseText;
	}
}
//gelen veriyi işletme
</script>

Hareketli Div

<SCRIPT>
N = document.getElementById("panel");
var ob;
var over = false;
 
function MD(e) {
if (over)
{
if (N) {
ob = document.getElementById("panel");
X=e.layerX;
Y=e.layerY;
return false;
}
else {
ob = document.getElementById("panel");
ob = ob.style;
X=event.offsetX;
Y=event.offsetY;
}
}
}
 
function MM(e) {
if (ob) {
if (N) {
ob.style.top = e.pageY-Y;
ob.style.left = e.pageX-X;
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
 
function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>

sayfa altı

<table width="100" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td><p><a href="#" onclick="gunlukOku('1');">Açıklama 1</a><br />
         <a href="#" onclick="gunlukOku('2');">Açıklama 2</a><br />
         <a href="#" onclick="gunlukOku('3');">Açıklama 3</a><br />
         <a href="#" onclick="gunlukOku('4');">Açıklama 4</a>
       </p></td>
     </tr>
   </table>
   
<div id="panel"  class="panel">
    <div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'>
   	 <font color=#C9D2DC><b>:: Açıkalama ::</b></font>
</div>
        <div class='menu'>
        

             	<div id='sid2'></div>


        </div>
</div>

aciklama.asp için kullandığım kodlar

<%
sid = request.QueryString("sid")
if sid = "1" then
Response.Write "<div id=""sid"">1 nolu aciklama</div>"
elseif sid = "2" then
Response.Write "<div id=""sid"">2 nolu aciklama</div>"
elseif sid = "3" then
Response.Write "<div id=""sid"">3 nolu aciklama</div>"
else
%>
<div id="sid">Aciklama girilmedi</div>
<%
end if
%>