Кто-нибудь видит проблему с этим кодом HTML/PHP? как только я добавил его, страница показалась пустой, а браузер вообще не читал никакого исходного кода. Даже если я прокомментирую это, все еще пусто!
<body>
<?php
function getInfo ($a)
{
$online = 'images/streamRing/online.png';
$offline = 'images/streamRing/offline.png';
$size = '20';
$array = json_decode(file_get_contents('https://api.twitch.tv/kraken/streams/'.strtolower($a)), true);
if ($array['stream'] != NULL)
{
$channelTitle = $array['stream']['channel']['display_name'];
$streamTitle = $array['stream']['channel']['status'];
$currentGame = $array['stream']['channel']['game'];
echo "<tr><td class='onlineStatus'><img src='$online' height='$size' width='$size' alt='Online' />Online</td>";
echo "<td>$channelTitle</td><td>$streamTitle</td></tr>";
}
else
{
echo "<tr><td class='onlineStatus'><img src='$offline' height='$size' width='$size' alt='Offline' />Offline</td>";
echo "<td>$a</td><td> </td></tr>";
}
}
?>
.... (позже на странице...)....
<table class="onlineList">
<th>
<td class="onlineStatus"><h3>Status</h3></td>
<td><h3>Streamer Name</h3></td>
<td><h3>Stream Title</h3></td>
</th>
<?php
$streamer_1 = 'xxxx';
$streamer_2 = 'yyyy';
getInfo($streamer_2);
getInfo($streamer_1);
?>
</table>
PHP-код был разработан с использованием API Kraken, который демонстрируется довольно просто здесь: http://www.incendiarymedia.org/twitch/status.php
Изменение: я заметил и исправил ошибку прерывания. Я использовал двойные кавычки внутри php-эха, что... плохо! Однако код все еще имеет ошибку. В таблице показаны заголовки, затем отдельные ячейки смещены. Каким-то образом изображения для первого столбца отображаются до ЛЕВОГО заголовка первого столбца. Я не понимаю, почему!
Поскольку это недопустимая разметка таблицы
<table class="onlineList">
<th>
<td class="onlineStatus"><h3>Status</h3></td>
<td><h3>Streamer Name</h3></td>
<td><h3>Stream Title</h3></td>
</th>
Элемент <th>
ведет себя как ячейка, но вы используете его как строку вместо <tr>
Попробуй это:
<table class="onlineList">
<tr>
<td class="onlineStatus"><h3>Status</h3></td>
<td><h3>Streamer Name</h3></td>
<td><h3>Stream Title</h3></td>
</tr>