W
wjharil
Delta
Programador
Bueno, este es mi primer tutorial para el foro, así que, ¿Por qué no tratar sobre el tema que se vive ahora "La fiebre del Mundial" ?.
Éste tutorial, será para generar una mini lista de los partidos que se juegan cada día durante este mundial, es decir, obtener los partidos de hoy.
Para el uso de este "script", hacemos uso de una api. Pueden ver más sobre la api aquí. El código que usaremos, no es muy complejo, para poder entenderlo bien. Aparte está comentado para que se guíen un poco.
Comencemos entonces:
Los estilos :
Ya saben, pueden modificarlo y adaptarlo a su gusto para que quede mucho mejor.
El php:
Como pueden ver, hacemos uso de file_get_contents para extraer el contenido de la api, y luego lo parseamos con un json_decode para obtener los valores. Una vez que ya tenemos los datos de la api, usamos el bucle foreach para listar los partidos.
Eso es todo, pueden ver una demo aquí.
Con un poco de maquillaje, se vería perfecto si tienen una web de fútbol. Dudas, hacerlas aquí. Saludos !
Descarga la demo
Éste tutorial, será para generar una mini lista de los partidos que se juegan cada día durante este mundial, es decir, obtener los partidos de hoy.
Para el uso de este "script", hacemos uso de una api. Pueden ver más sobre la api aquí. El código que usaremos, no es muy complejo, para poder entenderlo bien. Aparte está comentado para que se guíen un poco.
Comencemos entonces:
Los estilos :
Insertar CODE, HTML o PHP:
<style type="text/css">
.cuadro {
width: 450px;
margin: 0 auto;
display: table;
}
.cuadro .partido {
border-bottom: 1px solid #cacaca;
float: left;
width: 450px;
}
.cuadro .partido .ladoa{
float: left;
width: 210px;
padding: 5px;
text-align: center;
}
.cuadro .partido .ladob{
float: right;
width: 210px;
padding: 5px;
text-align: center;
}
.cuadro .partido .titulo{
width: 450px;
text-align: center;
}
</style>Ya saben, pueden modificarlo y adaptarlo a su gusto para que quede mucho mejor.
El php:
PHP:
<div class="cuadro">
<?php
date_default_timezone_set("America/Lima");// Cambiamos a nuestra zona horaria
$contenido = file_get_contents('http://worldcup.sfg.io/matches/today'); //sacamos el contenido
$partidos = json_decode($contenido); //parseamos el json
foreach($partidos as $partido):?>
<div class="partido">
<div class="titulo"><b><?php echo $partido->home_team->country;?></b> VS. <b><?php echo $partido->away_team->country;?></b>
<br><?php
echo date('M j, y h:i:s a', strtotime($partido->datetime)); // Pasar a nuestro formato de fecha
?></div>
<div class="ladoa">
Goles: <?php echo $partido->home_team->goals;?><br><br>
</div>
<div class="ladob">
Goles: <?php echo $partido->home_team->goals;?><br><br>
</div>
</div>
<?php endforeach;?>
</div>Como pueden ver, hacemos uso de file_get_contents para extraer el contenido de la api, y luego lo parseamos con un json_decode para obtener los valores. Una vez que ya tenemos los datos de la api, usamos el bucle foreach para listar los partidos.
Eso es todo, pueden ver una demo aquí.
Con un poco de maquillaje, se vería perfecto si tienen una web de fútbol. Dudas, hacerlas aquí. Saludos !
Descarga la demo
Última edición:
