AJAX DIV Refresh Help....

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 403,326 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 4,045 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 2234 | Replies: 1

•

Join Date: Apr 2008

Posts: 1

Reputation: jugo is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

jugo

Offline

Newbie Poster

AJAX DIV Refresh Help....

Apr 13th, 2008

I have this code that automatically displays a table with mysql data depending on the selection from a form.

I need to add code to make this refresh every 30 seconds. I ave googled this and after trying every single way I know to implement the setTimeout() function, I have almost given up.

Can anyone please help me here....

This is my code:
The form is:

Help with Code Tags

(Toggle Plain Text)

<form> 
Select:
<select name="eqno" onchange="showPress(this.value)">
<option value="1" >Number 1</option>
<option value="2" >Number 2</option>
<option value="3" >Number 3</option>
</select>
</form>

Help with Code Tags

(Toggle Plain Text)

var xmlHttp

function showPress(str)
{ 
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }
var url="_data.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 

 } 
}


function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

•

Join Date: Jun 2006

Location: India

Posts: 6,816

Reputation: ~s.o.s~ is a splendid one to behold

Rep Power: 23

Solved Threads: 339

~s.o.s~

Offline

Lazy, Useless & Apathetic

Re: AJAX DIV Refresh Help....

Apr 15th, 2008

Maybe something along the lines of this (untested)

Help with Code Tags

(Toggle Plain Text)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv"Script-Content-Type" content="text/javascript">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Expires" content="0"> <!-- disable caching -->
    <title>Example</title>
    <script type="text/javascript">
    timerHandle = null;
    value = null;
    function showPress(val) {
      // Set the global variable 'value' to the value which the user
      // selected. It has been kept global so that it can be used
      // by the timeOut function even when there is no user event 
      // and the displayTable is called on the latest 
      // value from drop down.
      value = val;
      
      // Firstly populate the contents of the table.
      displayTable();
    
      // Create a new timer only if one doesn't already exist which
      // would call the displayTable function at an interval of
      // 30 seconds starting now.
      if(!timerHandle) {
        timerHandle = setInterval(displayTable, 30000);
      }      
    }
    
    function displayTable() {
      // Make an ajax request using 'value' and check the status
      document.getElementById("txtHint").innerHTML = xmlHttp.responseText 
    }
    </script>
</head>
<body>
  <form id="frm" name="frm" action="#">
  <select name="eqno" onchange="showPress(this.value)">
    <option value="1" >Number 1</option>
    <option value="2" >Number 2</option>
    <option value="3" >Number 3</option>
  </select>
  </form>
</body>
</html>

Last edited by ~s.o.s~ : Apr 15th, 2008 at 1:37 pm.

"I don't accept change. I don't deserve to live."

"Working a real job is a win if you're lazy, greedy, or unmotivated. If you're average, you fit right in. And if you're above average, the basic terms of employment and premise of the arrangement is against your interests."