count down timer - JavaScript inside Ajax not working

[canabatz]

Hi all!

i got a countdown timer for auctions that runing.

i got a DIV that refreshs every 4 seconds
that DIV is refreshed by ajax ,the file that is refreshed is timer.php for example!!

my problem is that the timer.php is not showing up.
if i run the timer.php alone it is showing the timer ,the problem i think it's because the timer sits inside the ajax DIV and that is what i think making me the problem!!

any help please?


thanx :)

[pronerd]

There is really not any way to make any suggestions if you do not post the relevant code you are asking about.

[canabatz]

my problem is that the javascript return from ajax is inside php file

the javascript is executed in php so the problem is the ECHO javascript ,that closeing the response!!

here is the code:

echo "<div id='$bid_id'></div>
<script type=\"text/javascript\">
var launchdate2=new cdLocalTime(\"$bid_id\", \"server-php\", 0, \"$exmonth $expdate[2], $expdate[0] ";
if($expiretime=='0')
    {echo "00:00:00";}
else { echo $expiretime;}
echo "\")
launchdate2.displaycountdown(\"\", formatresults2)
</script>";
}   
else // Show some other content
        {
        echo "<font color='#FF0000' size='3''>you can still bid</font>";
 
 
        }
?>

the last echo is working if there is no time left ,if there is time left then it showing nothing.

i need help taking this javascript out of the php.

please help me with that!

thanx

[acoder]

You need to either eval the JavaScript or put the JavaScript code separately into the head of the calling page.

[canabatz]

i need the javascript to be where it should be between the php script.

i dont understand all those slashes :(

any help with that?

thanx

[acoder]

Either have two separate requests: one for the HTML and the other for the JavaScript code; or parse the response to get the script to either eval or append to the head of the parent document. You don't necessarily need it where you currently have it because the ID should be enough for it to find where the timer should be displayed.

[canabatz]

my problem is the ajax that look for the response from the div,
now the javascript is executed by echo ,so the ajax is taking just the script as respond

please help me take the javascript from the echo, there im stuck :(

thanx

[acoder]

If we take the split route, move lines 3-8 into their own mini script and call that separately. Then you can just eval the response.

[canabatz]

here is the ajax code im using

<script type="text/javascript">
function getXMLHttp()
{
 
var xmlHttp;
 
  try
  {
    //Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    //Internet Explorer
    try
    {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try
      {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
        alert("Your browser does not support AJAX!")
        return false;
      }
    }
  }
  return xmlHttp;
}
 
 var xmlHttp;
 
function MakeRequest2()
{
  var xmlHttp = getXMLHttp();
 
  xmlHttp.onreadystatechange = function()
  {
    if(xmlHttp.readyState == 4)
    {
      HandleResponse(xmlHttp.responseText);
    }
  }
nocache = Math.random();
  xmlHttp.open("GET", "check2.php?nocache="+nocache); 
  xmlHttp.send(null);
 setTimeout('MakeRequest2()', 4000);
}
 
function MakeRequests()
{
  var xmlHttp = getXMLHttp();
 
  xmlHttp.onreadystatechange = function()
  {
    if(xmlHttp.readyState == 4) 
 
    {  
      HandleResponsec(xmlHttp.responseText);
    }
  }
nocache = Math.random();
  xmlHttp.open("GET", "main.php?nocache="+nocache, true); 
  xmlHttp.send(null);
}
 
function HandleResponsec(res)
{
  document.getElementById('content').innerHTML = res;
}
 
 
function HandleResponse(response)
{
  if (document.getElementById('id').innerHTML == response)
    {
 
 
 
    }
 
else if (document.getElementById('id').innerHTML = response)
 
    {
MakeRequests();
 
    }
 
 
 
}
 
 
window.onload=MakeRequest2();
    </script>

the "content" div is empty if there is time left ,if there is no time left ,it writing me that there is no more time ,it's like the ajax is refusing to display the timer :)

what can be wrong with this?

thanx

[acoder]

For the JavaScript, you will need to eval, e.g.

eval(xmlHttp.responseText);

but this would be if the response is pure JavaScript. Alternatively, you can append to the head using something like:

var script = document.createElement("script");
script.type="text/javascript";
var txt = document.createTextNode(xmlHttp.responseText);
script.appendChild(txt);
document.getElementsByTagName("head")[0].appendChild(script);

This would be if you only had one line. If you return more than one line, you will need to split them up by newline and append the text nodes one by one.

[canabatz]

like i said the main.php works fine if i run it alone ,i did succeed to take the javascript out of the php ,but it didnt change any thing !!

the problem is in the ajax script.


it's not displaying the timer ,it's just displaying if there is no time left!

thanx

[acoder]

What does check2.php do? You've missed the third parameter in open() and in the callback function HandleResponse(), the else is setting the innerHTML to the response.

[canabatz]

this is a short check to the database to see if there is change in some thing.

if there is changes it will call the next call ,the main.php to refresh the results.

the main.php is sitting inside a DIV in my index.php

can you point me where there is something wrong in my ajax script?

thanx ;)

[acoder]

So, which one contains the JavaScript code? main.php? Have you got a test page that I can have a look at?

[canabatz]

in index.php head ,there is the src of javascript.js

in javascript.js there is the call to two php files

check2.php checks for changes in the data base ,if there is changes it refeshes
the main.php that sit in the content DIV

áåð÷ø îëøæéí ,its the file im runing inside the ajax DIV that dont show me the count down timer. if i run this file alone it showing me the timer ,if it's inside the div it's not showing me!!

áåð÷ø îëøæéí it's my testing page that not showing me the timer.

thanx

[canabatz]

in the header.php there is the source javascript for the timer. and in my test page there is the header twice just to be sure it is calling the source javascript for the timer

[canabatz]

the ajax code:

function MakeRequests()
{
 
 
  var xmlHttp1 = getXMLHttp();
 
  xmlHttp1.onreadystatechange = function()
  {
    if(xmlHttp1.readyState == 4) 
 
    {  
      HandleResponsec(xmlHttp1.responseText);
    }
  }
 
nocache = Math.random();
  xmlHttp1.open("GET", "main.php?nocache="+nocache, null); 
  xmlHttp1.send(null);
 
}
 
function HandleResponsec(res)
{
 
  document.getElementById('content').innerHTML = res
}

in the main.php there is javascript that is not working ,what i need to do so the javascript will run?

thanx

[phvfl]

Is the innerHTML of the content element definitely being updated?

Have you tried to confirm that the code is running as expected by either debugging with a tool such as FireBug for Firefox or by inserting alerts at various points and making sure that they are hit?

If the document is XHMTL then certain browsers will not allow the innerHTML of an element already within the DOM to be changed incase it is not valid XHTML. If this is the problem it can be resolved by creating an element and setting that elements innerHTML before adding it to the document. To do this change the HandleResponsec function to:

function HandleResponsec(res)
 {
  -- declare variables.
  var newElem, content;
 
  -- create element and set innerHTML.
  newElem = document.createElement('div');
  newElem.innerHTML = res;
 
  -- select the content element.
  content = document.getElementById('content');
 
  -- Ensure that the content element has been found.
  if(content !== null){
    content.appendChild(newElem);
  }
 }

This example wraps the content in a div. If the result is plain text then you could create a text node and add this to the content element directly. This will encode an HTML entities so this must only for text:

function HandleResponsec(res)
 {
  -- declare variables.
  var newText, content;
 
  -- create text node.
  newText = document.createTextNode(res);
 
  -- select the content element.
  content = document.getElementById('content');
 
  -- Ensure that the content element has been found.
  if(content !== null){
    content.appendChild(newText);
  }
 }

I have assumed that there is a call to the MakeRequests function and that the getXMLHttp function returns an xmlHttpRequest object.

[canabatz]

if i run the main.php alone it is working well with the javascript in it.

the javascript is runing in php code ,here it's the javascript code:

echo "<div id='$bid_id'></div>
<script type=\"text/javascript\">
var launchdate2=new cdLocalTime(\"$bid_id\", \"server-php\", 0, \"$exmonth $expdate[2], $expdate[0] ";
if($expiretime=='0')
    {echo "00:00:00";}
else { echo $expiretime;}
echo "\")
launchdate2.displaycountdown(\"\", formatresults2)
</script>";

if im runing the all page ,then it's not working the javascript.

my code goes like that

index.php got javascript in the head ,the javascript is ajax script ,the return content is siting in a div 'content' ,in the content div the ajax is calling the main.php ,in the main.php there is the javascript that is not geting executed.

thanx alot!

im working on it for 5 days now and no success .

[gits]

in case the javascript is delivered during an ajax-request the script will not be executed unless you eval() the script explicitly. javascript code is typically evaled during page-load and with an ajax-call that is just avaoided. so you need to eval the script in the response callback explicitly do get it executed.

kind regards

[acoder]

Threads merged. Please do not double post.

Moderator.

PS. You've posted the link which should make it easier to debug. Not had the time to look at it yet.

[canabatz]

in this topic i understand that my problem is not what i look for!

i discover that my problem is the javascript inside the ajax content div ,so my problem is the other topic ,when some one is going to have problem like this ,he will find it there and not here ,this topic is countdown timer!!

m i right?

;)

[acoder]

Well, the problem was established from about the third post, so it has been the JavaScript problem all along.

I notice from the link that you posted that MakeRequests is undefined. It seems you've changed the code from what you had earlier.

main.php is a whole lot of code which is totally unnecessary for this purpose. Move the JavaScript code that you need into its own file and add that to the parent page.