Originariamente inviato da RoTeam
Utilizza l'ajax di jquery che è facilissimo da usare, gestisci l'output restituito dalla pagina delle classifiche e stampalo, riesegui la chiamata ogni tot di tempo utilizzando una funzione e un settimeout in js ad esempio
Ho provato ad usare il sistema che mi hai consigliato ma sto avendo un po di problemi...in pratica vorrei far comparire una riga ogni X secondi ma o si sovrappongono le righe oppure non viene effettuata la temporizzazione...ti mostro il primo codice al quale non riesco a far comparire una riga alla volta prendendo i dati dal file data.php:
Esempio di file data:
codice:
<?php
echo "<tr><td> prova col1 </td>
<td> prova col2 </td>
<td> prova col3 </td>
</tr>";
?>
Esempio di file classifica:
codice:
<html>
<head>
<style type="text/css">
#tabella table{
background-color:#ccc;
margin:10px 0;
padding:3px;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.js"> </script>
<script type="text/javascript">
function nuovaRiga(){
//$("<tr><td>prova</td><td>prova2</td><td>prova3</td></tr>").appendTo("#tabella");
//$("<div>
Esempio di elementi nidificati</p></div>").appendTo("#tabella");
//$("<tr><td>aaaaaaaaaaaaaaaaaaaaaaa</td></tr>").appendTo("#tabella");
$.post('data.php', { name: form.name.value },function (output){
var str = $('#a').html(output).text();
$('str').appendTo('#tabella');
//$($('#a').html(output).fadeIn(1000)).appendTo('#tabella');
//$('#a').html(output).fadeIn(1000).appendTo('#tabella');
});
}
</script>
</head>
<body>
<form name="form">
<input type="button" value="Get" onClick="get();">
<input type="button" value="NuovaRiga" onClick="nuovaRiga()" >
</form>
<div id="a"> </div>
<table id="tabella"></table>
</body>
</html>
i vari commenti sono le prove che sto facendo perke in pratica l'output riesco a farlo comparire a video ma se volessi stampare piu righe una sotto l altra nn mi risulta possibile...