[JavaScript][PHP]Kilka odświeżaczy divów Opcje

[koxu1996]

Witam. Mam na stronie diva który się odświeża i pokazuje logi. Chciałem zrobić jeszcze dynamiczny div pokazujący liczbę pozostałych punktów. Jednak po dodaniu drugiego takiego "odświerzacza" na stronie oba przestały działać :/

Jak użyć kilku poniższych skryptów aby działały?

KOD
index.php

[PHP] pobierz, plaintext 
<script src="ajax.js"></script>
<strong>Logi</strong>
<script type="text/javascript"><!--
refreshdiv();
// --></script>
<div id="timediv"></div>
[PHP] pobierz, plaintext 

ajax.js

[HTML] pobierz, plaintext 
// Customise those settings
 
var seconds = 1;
var divid = "timediv";
var url = "boo.php";
 
////////////////////////////////
//
// Refreshing the DIV
//
////////////////////////////////
 
function refreshdiv(){
 
// The XMLHttpRequest object
 
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("Your browser does not support AJAX.");
return false;
}
}
}
 
// Timestamp for preventing IE caching the GET request
 
fetch_unix_timestamp = function()
{
return parseInt(new Date().getTime().toString().substring(0, 10))
}
 
var timestamp = fetch_unix_timestamp();
var nocacheurl = url+"?t="+timestamp;
 
// The code...
 
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById(divid).innerHTML=xmlHttp.responseText;
setTimeout('refreshdiv()',seconds*1000);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
}
 
// Start the refreshing process
 
var seconds;
window.onload = function startrefresh(){
//setTimeout('refreshdiv()',seconds*1000);
setTimeout('refreshdiv()',seconds*500);
}
[HTML] pobierz, plaintext 

boo.php

[PHP] pobierz, plaintext 
<?php
 
// Configure connection settings
$host="xxxxxx"; // Nazwa hosta.
$db = 'xxxxxx';
$db_admin = 'xxxxx';
$db_password = 'xxxxxxx';
$tablename = 'test';
 
 
 
// Title
 
//echo "Contents of the table:";
 
// Connect to DB
 
$sql = mysql_connect($host, $db_admin, $db_password)
or die(mysql_error());
 
mysql_select_db("$db", $sql);
 
// Fetch the data
 
//$query = "SELECT * FROM $tablename ORDER BY id DESC";
///$query = "SELECT * FROM $tablename";
//$result = mysql_query($query);
 
// Return the results, loop through them and echo
$result = mysql_query("SELECT * FROM $tablename ORDER BY id DESC LIMIT 8",$sql)
or die ("nie wykonalem");
 
	while ($roww = mysql_fetch_row($result)) {
	echo ' '.$roww[1].' '.$roww[2].' '.$roww[3].' '.$roww[4] .'<br>' ;
	}
 
?>
[PHP] pobierz, plaintext 

Może lepiej to będzie zrobić w jQuery?

[erix]

Dump z konsoli błędów albo zamykam temat.

[koxu1996]

Ale błędu nie wyświetla. Po prostu jest pusto i nie pokazuje logów ani punktów.

[erix]

Wystaw gdzieś to na żywo, bo debugowanie JS-a z listingu, to jak prowadzenie samochodu tylko teoretycznie.

[koxu1996]

Strona: http://project-welcome.ugu.pl/test/original.php
strona odpowiadajaca za logi: http://project-welcome.ugu.pl/test/boo.php + ajax.js
strona odpowiadajaca za punkty: http://project-welcome.ugu.pl/test/boo2.php + ajax2.js

Na stronie trzeba się zalogować:

Login: testowyuser
Hasło: testtest


Tam gdzie jest rozwalona linia tam jest div z punktam. Na dole jest div z logami i on działa prawdopodobnie dlatego że wczytanie pliku .js jest później.

Może ktoś wie jak połączyć oba pliki.js żeby to funkcjonowało?

Ten post edytował koxu1996 25.07.2012, 13:29:51

[erix]

A po co duplikujesz ten sam kod w obu plikach...?

[koxu1996]

Bo mam dwa różne divy, jeden korzysta z boo.php a drugi z boo2.php (te pliki sie różnią). Nie mam pojęcia jak zrobić to w jednym pliku chyba że Ty wiesz.

[erix]

Masz dwa razy identyczny kod, choćby od inicjalizacji AJAX.

[koxu1996]

Niestety nie za bardzo rozkminiam o co chodzi. Czy mógłbyś połączyć te kody, bo ja niestety nie potrafię?

[erix]

To nie jest dział na gotowce.

[koxu1996]

Dobra, udało mi się zrobić takie coś:

[HTML] pobierz, plaintext 
// Customise those settings
 
var seconds = 1;
var divid = "timediv";
var divid2 = "points";
var url = "boo.php";
var url2 = "boo2.php";
 
////////////////////////////////
//
// Refreshing the DIV
//
////////////////////////////////
 
function refreshdiv(){
 
// The XMLHttpRequest object
 
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("Your browser does not support AJAX.");
return false;
}
}
}
 
// Timestamp for preventing IE caching the GET request
 
fetch_unix_timestamp = function()
{
return parseInt(new Date().getTime().toString().substring(0, 10))
}
 
var timestamp = fetch_unix_timestamp();
var nocacheurl = url+"?t="+timestamp;
var nocacheurl2 = url2+"?t="+timestamp;
// The code...
 
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById(divid).innerHTML=xmlHttp.responseText;
document.getElementById(divid2).innerHTML=xmlHttp.responseText;
setTimeout('refreshdiv()',seconds*1000);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
xmlHttp.open("GET",nocacheurl2,true);
xmlHttp.send(null);
}
 
// Start the refreshing process
 
var seconds;
window.onload = function startrefresh(){
setTimeout('refreshdiv()',seconds*1000);
}
[HTML] pobierz, plaintext 

Jednak coś jeszcze nie gra bo na stronie w obu divach wyświetlają się punkty. Gdzie mam jeszcze poprawić kod?