AJAX (अजॅक्स) भाग-६

Written by Administrator

AJAX (अजॅक्स) भाग-४ मध्ये दाखविलेल्या foundation_websites.xml या फाईलमधील एक एक वेबसाईटची माहिती पुढे - मागे चिन्हांच्या साहाय्याने दाखवायची असल्यास खालील अजॅक्स प्रोग्रॅम लिहिता येईल. 
-------
<!DOCTYPE html>
<html>
<head>

<script>
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","foundation_websites.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

x=xmlDoc.getElementsByTagName("Website");
i=0;

function displayWebsite()
{
name=(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
description=(x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue);

txt= "No.: " + i +"<br>Name: " + name ;
document.getElementById("showWebsite").innerHTML=txt;
}

function next()
{
if (i<x.length-1)
  {
  i++;
  displayWebsite();
  }
}

function previous()
{
if (i>0)
  {
  i--;
  displayWebsite();
  }
}
</script>
</head>
<body onload="displayWebsite()">
<h2> Dnyandeep Foundation Websites</h2>
<div id='showWebsite'></div><br>
<input type="button" onclick="previous()" value="<<" />
<input type="button" onclick="next()" value=">>" />

</body>
</html>
----
 वरील प्रोग्रॅमचे उत्तर ब्राऊजरमध्ये असे दिसेल. व आपल्याला << व >> ही बटन वापरून पुढे मागॆ जाता येईल. 

 वरील प्रोग्रॅमच्या साहाय्याने आपल्याला कोणत्याही xml मधील माहिती अशाप्रकारे दाखविण्याची सोय करता येईल.

AJAX (अजॅक्स) भाग-५

Written by Administrator

समजा आपल्याला ज्ञानदीपच्या वेबसाईट्समधील मराठी माध्यमातील वेबसाईटचीच माहिती हवी असेल तर मागील प्रोग्रॅममध्ये खालील बदल करून हे आपल्याला साध्य करता येईल.
----
 for (i=0;i<x.length;i++)
      {
    
      xx=x[i].getElementsByTagName("description");
       
          z=xx[0].firstChild.nodeValue;
         if (z.indexOf("Marathi") >= 0)
         {
         xx=x[i].getElementsByTagName("name"); 
        
         txt=txt+"<li>"+xx[0].firstChild.nodeValue +"<br />";
          xx=x[i].getElementsByTagName("description"); 
           txt=txt+xx[0].firstChild.nodeValue +"</li>";
        
         }
        
        
    }    
        
    txt=txt+"</ul>";    
------
 अशा प्रोग्रॅमचे उत्तर खालीलप्रमाणे येईल.