PHP

Créer un module live : php ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Créer un module live : php ?

oli1987

Bonjour,

Créateur d'un site internet d'un club de basket, je souhaite, en vue de la prochaine saison, créer un module de live, de direct, où les gens pourront suivre l'évolution du score et d'autres statistiques en direct.
Je souhaite donc mettre au point un module, mais ne sait pas trop par où commencer.
Je maitrise le php, mais est-ce la meilleure solution ?
J'ai visité pas mal de sites et il y a du très bon. Tous les sites de paris sportifs utilisent du flash pour ce genre de module en direct. Mais peut-on y intégrer le php ? La méthode est-elle la même ? L'avantage avec du flash est qu'il ne faut pas rafraichir la page j'imagine.

Merci d'avance...

Publicité

silenssin

Rien ne se perd...

Salut, pour le direct il faut juste utiliser le système des chat, (plus simple) tu créer un module qui demande constamment si il y a du changement (javascript) , sinon tu peut créer une web radio qui fonctionne seulement quand il y a un match et les gens pourrons l'écouter en direct.

Pour ton module, tu fait une action en boucle, toutes les X secondes ton script se relance, demande si il a un changement de score, si oui il actualise dynamiquement la page, sinon il reviens au début de la boucle, il attend X secondes etc...

Système javascript pour communiquer avec php sans relancer ta page:

1: tu lance la fonction au chargement de la page.

Code :

<body onLoad="actualiseScore();" >

2: la fonction. (javascript)

Code :

//cherche le score
function actualiseScore()
{
//connexion au fichier php.
if(text = fileLog('php/actualiseScore.php))
{
eval(text);
}
//boucle tout les XXXX millièmes de secondes
setTimeout(actualiseScore, 1000);
}

3: le fichier actualiseScrore.php

Bon bah la je peut pas t'aider tu doit le faire par rapport à ta page mais voila quoi faire.

Connexion à ta base de données.
Recherche du score.
puis un "echo" de code javascript.

donc j'explique l'echo:

javascript appel la page php puis fait un "eval" sur se qui reviens.
"eval" lance en faite se qui reviens comme si c'était du javascript.
donc tu doit faire un echo truc du genre:

Code :

<?php
error_reporting(E_ALL);
mysql_connect($login['serveur'], $login['account'], $login['password']);
mysql_select_db($login['database']);
//Recherche du score
$query = mysql_query('SELECT * FROM ma_base') or die (mysql_error());
$data = mysql_fetch_array($query);
echo'
document.getElementById(\'id_de_la_balise_ou tu met le score 1\').innerHTML = \''.$data['score1'].'\';
document.getElementById(\'id_de_la_balise_ou tu met le score 2\').innerHTML = \''.$data['score2'].'\';';
}
}
mysql_close();
?>

voila^^ j'espère que ça aideras.
Sinon bah je repasserais pour savoir si ça marche.

Message édité par silenssin le 13-06-2011 à 13:55:08

Paulp

~, sweet ~

Plutôt que de charger les mises à jour toutes les X secondes, tu peux regarder du coté du long polling.

oli1987

Merci de ta réponse !
Je m'y essaye mais n'étant pas un expert, je ne sais guère ce qu'il faut ajouter/modifier à mes 2 seules pages actuelles :

Page live.php

Code :

<body onLoad="actualiseScore();" >
<?php
function actualiseScore()
{
//connexion au fichier php.
if(text == fileLog('live2.php'))
{
eval(text);
}
//boucle tout les XXXX millièmes de secondes
setTimeout(actualiseScore, 1000);
}
?>
</body><

Page live2.php

Code :

<body>
<h4>!! Match en direct !!</h4>
<?php
mysql_connect("**", "**", "**" ) or die("Impossible de se connecter : " . mysql_error());
mysql_select_db("**" );
//Recherche du score
$query = mysql_query('SELECT score1, score2 FROM directn ORDER BY id DESC') or die (mysql_error());
$data = mysql_fetch_array($query);
echo'
document.getElementById(\'score1\').innerHTML = \''.$data['score1'].'\';
document.getElementById(\'score2\').innerHTML = \''.$data['score2'].'\';';
mysql_close();
?>
</body>

Peux-tu m'aider davantage ? Merci !

Paulp

~, sweet ~

Oublie le long polling pour l'instant, on va déjà faire marcher ton code :
dans live.php :
- Remplace les balises php <?php ?> autours de ta fonction actualiseScore par des balises script : <script type="text/javascript"></script>
- La fonction fileLog n'existe pas a priori. Il faut récupérer le contenu du fichier via ajax. Je te conseille d'utiliser jQuery.

Voici un exemple d'implémentation :
Fichier live.php

Code :

<?php
 
mysql_connect("**", "**", "**" ) or die("Impossible de se connecter :  " . mysql_error());
mysql_select_db("**" );
$query = mysql_query('SELECT score1, score2 FROM directn ORDER BY id DESC WHERE id = ' . mysql_real_escape_string($_GET['id'])) or die (mysql_error());
 
$data = mysql_fetch_assoc($query);
 
mysql_close();
 
if($_GET['action'] == "actualiseScore" ){
// On est dans une demande de scores
// donc on renvoie les données directement
die(json_encode($data));
// les donnees sont au format json :
// {score1:3,score2:0}
}
?>
 
<html>
<head>
[...]
</head>
<body>
<div id="score1"><?php echo $data['score1']; ?></div>
<div id="score2"><?php echo $data['score2']; ?></div>
 
<script type="text/javascript" >
var score_id = <?php echo $_GET['id']; ?>;
</script>
<script type="text/javascript" src="jquery.js"/>
<script type="text/javascript" src="live.js"/>
</body>
</html>

// fichier live.js à inclure, necessite jquery

Code :

function actualiseScore(){
  $.get(
    'live.php', // argument 1 : url a appeler
    {action:'actualiseScore',id:score_id}, // argument 2 : données GET
    function(data){ // argument 3 : fonction appelée en cas de succès
      $('#score1').text(data.score1);
      $('#score2').text(data.score2);
 
      setTimeout(actualiseScore, 1000);
    },
    'json' // type de donnees attendu
);
}
 
// appel de actualiseScore() au chargement
$(document).ready(actualiseScore);

Message édité par Paulp le 14-06-2011 à 11:25:35

oli1987

Ok, nickel ! Je m'y essaye...
Peux-tu m'expliquer ce que je dois faire avec jquery.js ?? Ce qu'il contient ??
Javascript isn't my cup of tee ... ;-)

Paulp

~, sweet ~

c'est une librairie qui facilite beaucoup le dev js.

oli1987

Salut,
Je ne pige absolument pas ton javascript (qui est sans doute correct, mais je ne maitrise pas).

Certes le score s'affiche, mais ne s'actualise pas... Ton jqery.js m'est inconnu...

Live.php

Code :

<?php
mysql_connect("*", "*", "*" ) or die("Impossible de se connecter : " . mysql_error());
mysql_select_db("**" );
//Recherche du score
$query = mysql_query('SELECT score1, score2 FROM direct, ORDER BY id DESC') or die (mysql_error());
$data = mysql_fetch_array($query);
mysql_close();
if($_GET['action'] == "actualiseScore" ){
// On est dans une demande de scores
// donc on renvoie les données directement
die(json_encode($data));
// les donnees sont au format json :
// {score1:3,score2:0}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Match en direct</title>
</head>
<body>
<div id="score1"><?php echo $data['score1']; ?></div>
<div id="score2"><?php echo $data['score2']; ?></div>
<script type="text/javascript">
var score_id = <?php echo $_GET['id']; ?>;
</script>
<script type="text/javascript" src="live.js" />
</body>
</html>

live.js est la même page que celle que tu m'as mentionné plus haut... Comment m'en sortir ??

Paulp

~, sweet ~

Mais cherche sur Google !
jQuery est une librairie javascript que j'utilise dans ma réponse.
C'est normal que rien ne s'actualise si tu ne l'inclues pas.

oli1987

J'ai téléchargé jquery.js, je l'ai envoyée sur le serveur, l'ai mis en rapport avec ma page live.php, je n'ai plus de problème javascript sur ma page, mais ça ne s'actualise pas automatiquement non plus...

Code :

<?php
if($_GET['action'] == "1" ){
// On est dans une demande de scores
// donc on renvoie les données directement
die(json_encode($data));
// les donnees sont au format json :
// {score1:3,score2:0}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Match en direct</title>
</head>
<body onLoad="actualiseScore();" >
<div id="score1"><?php echo $data['score1']; ?></div>
<div id="score2"><?php echo $data['score2']; ?></div>
<script type="text/javascript">
var score_id = <?php echo $_GET['id']; ?>;
</script>
<script language="javascript" type="text/javascript" src="jquery.js" />
<script type="text/javascript" src="live.js" />
</body>
</html>

live.js

Code :

function actualiseScore(){
$.get(
'live.php', // argument 1 : url a appeler
{action:'actualiseScore',id:score_id}, // argument 2 : données GET
function(data){ // argument 3 : fonction appelée en cas de succès
$('#score1').text(data.score1);
$('#score2').text(data.score2);
setTimeout(actualiseScore, 1000);
},
'json' // type de donnees attendu
);
}
// appel de actualiseScore() au chargement
$(document).ready(actualiseScore);

Voilà la page de test actuelle : http://www.basketlibramont.be/live.php?action=1

Merci à celui qui saura m'aider...

Publicité

Paulp

~, sweet ~

Les erreurs :
- Enlève le <script type="text/javascript">var score_id = <?php echo $_GET['id']; ?>;</script> C'est un oubli
- Remplace <script language="javascript" type="text/javascript" src="jquery.js" /> et <script type="text/javascript" src="live.js" /> par <script language="javascript" type="text/javascript" src="jquery.js"></script> et <script type="text/javascript" src="live.js" ></script>

FORUM HardWare.fr

Programmation

PHP

Créer un module live : php ?

Sujets relatifs
Mssql / Php : module spécifié introuvable	Comment creer des utilisateurs predefinis
créer une macro recherche sur excel	Comment creer un fichier de BDD ?
VBA Lien Catia - Excel / ou comment créer une liaison vers un classeur	Symfony : Créer des formulaires en fonction des résultats d'une requet
Créer GPO qui affiche message	creer plugin pour firefox
Comment créer un Listener pour une JList	Créer une variable de session si elle n'existe pas
Plus de sujets relatifs à : Créer un module live : php ?

Page générée en 0.108 secondes