Hallo ,
nun bin ich 2 Monate an diesem bzw mit diesem script am arbeiten , was mir MrBrechreiz freundlicher weise gegeben hat.
Ich habe rumprobiert bis es auf meiner eigenen Seite so läuft wie ich es mir vorstelle, wie gesagt 2 Monate schon.
Nun, ich würde es gerne global im Header zb. aufrufen können , was sich als schwierig rausstellte.
Ich bekomme es im Template nicht zum laufen, vorab mit eval in gloabal.php hinzugefügt und auch als Probe an gleicher Stelle im Code mit <script src=\"streamabfrage.js\"></script> nicht zum laufen gebracht.
Es ist wohl eine Jquery Datei die eine UL mit ID füllt.
zu sehen ist im oberen Bereich der Seite
http://www.ispclan.de/forum/streamerliste.php nur etwas wenn auch jemand ON ist.
Nun, warum ist mir das so wichtig , weil ich sonst nicht wüste wie ich es auf der Forum Seite über oder auch unter die Shoutbox bekomme.
Auf meinen Eigenen Seite wäre es ja nur 6 mal einzufügen.
Kann mir jemand dazu etwas Schreiben Bitte , weil Probiert und gelesen habe ich nun alles was mir dazu einfällt.
Mit freundlichen Grüßen
Ohne den entsprechenden Code, wird dir hier keiner helfen können.
Ah dachte in dem Fall wäre es nicht notwendig.
Code:
<script>
var memberdata =['mckannixx','eiermannotzeee','the_tdoc','teckon1337','snoobey','sfcsteini','daryde','rockya84','own3dsecr3t','therealnoskill','maxeeey','lukyiss','itzmeonfire','yuriiiiiiiiiiiii','fraufickeisenlove','dr4g0on','cute_freq','bodoboo','betterthan_a_bot'];
var channels = memberdata,
offline = [],
numChannels = channels.length,
count = 0;
function getOffline() {
//console.log(offline);
offline.forEach(function(channel) {
$.getJSON('https://api.twitch.tv/kraken/channels/' + channel + '?client_id=3ayqtffruo2goxf0cvyp75wjm28g4pq&callback=?', function(data) {
//console.log(data);
var logo,
link = data.url;
if (data.logo === null || data.logo === undefined) {
logo = \"https://pbs.twimg.com/profile_images/2349866958/m9pjwl1x1n3nvzf8x8rc.png\";
} else {
logo = data.logo;
}
if (data.error !== null && data.error !== undefined){
$(\"#streamsList\").append(\"<li class='offline text-left'><img class='stream' src='\" + logo + \"'><b>\" + channel + \"</b> - <i>Account Closed</i>\");
} else {
$(\"#streamsList\").append(\"<li class='offline text-left'><img class='stream' src='\" + logo + \"'><a href='\" + link + \"' target='_blank'><b>\" + data.name + \"</b></a> - <i>Offline</i>\");
}
});
});
}
channels.forEach(function(channel) {
$.getJSON('https://api.twitch.tv/kraken/streams/' + channel + '?client_id=3ayqtffruo2goxf0cvyp75wjm28g4pq&callback=?', function(data) {
var index = channels.indexOf(channel);
//console.log(data);
//console.log(index);
if (data.stream === null || data.stream === undefined) {
offline.push(channels.splice(index, 1));
//console.log(channel);
//console.log(channels);
} else {
var logo,
link = data.stream.channel.url;
if (data.stream.channel.logo !== null & data.stream.channel.logo !== undefined) {
logo = data.stream.channel.logo;
} else {
logo = \"https://pbs.twimg.com/profile_images/509073338191183872/fYdty6yd.png\";
}
$(\"#streamsList\").append(\"<li class='text-left'><img class='stream' src='\" + logo + \"'> <span class='description'><a href='\" + link + \"' target='_blank'><b>\" + data.stream.channel.display_name + \"</b></a> - <span class='gameText'>\" + data.stream.game + \"</span> - \" + data.stream.channel.status + \"</span></li>\");
}
count++;
if (count == numChannels) {
getOffline();
}
});
});
</script>
<SCRIPT>
window.onload = setInterval(function () {javascript:location.reload(true) },60000);
</script>
und
Code:
<tr>
<td>
<div class=\"text-center\">
<div class='stream' >
<ul id=\"streamsList\">
<li class=\"title abf\"></li>
</ul>
</div>
</div>
</td>
</tr>
</table>
im Body da wo alles grau angezeigt wird
probiere es so in dein Template einfügen
Code:
{literal}
<script>
var memberdata =['mckannixx','eiermannotzeee','the_tdoc','teckon1337','snoobey','sfcsteini','daryde','rockya84','own3dsecr3t','therealnoskill','maxeeey','lukyiss','itzmeonfire','yuriiiiiiiiiiiii','fraufickeisenlove','dr4g0on','cute_freq','bodoboo','betterthan_a_bot'];
var channels = memberdata,
offline = [],
numChannels = channels.length,
count = 0;
function getOffline() {
//console.log(offline);
offline.forEach(function(channel) {
$.getJSON('https://api.twitch.tv/kraken/channels/' + channel + '?client_id=3ayqtffruo2goxf0cvyp75wjm28g4pq&callback=?', function(data) {
//console.log(data);
var logo,
link = data.url;
if (data.logo === null || data.logo === undefined) {
logo = \"https://pbs.twimg.com/profile_images/2349866958/m9pjwl1x1n3nvzf8x8rc.png\";
} else {
logo = data.logo;
}
if (data.error !== null && data.error !== undefined){
$(\"#streamsList\").append(\"<li class='offline text-left'><img class='stream' src='\" + logo + \"'><b>\" + channel + \"</b> - <i>Account Closed</i>\");
} else {
$(\"#streamsList\").append(\"<li class='offline text-left'><img class='stream' src='\" + logo + \"'><a href='\" + link + \"' target='_blank'><b>\" + data.name + \"</b></a> - <i>Offline</i>\");
}
});
});
}
channels.forEach(function(channel) {
$.getJSON('https://api.twitch.tv/kraken/streams/' + channel + '?client_id=3ayqtffruo2goxf0cvyp75wjm28g4pq&callback=?', function(data) {
var index = channels.indexOf(channel);
//console.log(data);
//console.log(index);
if (data.stream === null || data.stream === undefined) {
offline.push(channels.splice(index, 1));
//console.log(channel);
//console.log(channels);
} else {
var logo,
link = data.stream.channel.url;
if (data.stream.channel.logo !== null & data.stream.channel.logo !== undefined) {
logo = data.stream.channel.logo;
} else {
logo = \"https://pbs.twimg.com/profile_images/509073338191183872/fYdty6yd.png\";
}
$(\"#streamsList\").append(\"<li class='text-left'><img class='stream' src='\" + logo + \"'> <span class='description'><a href='\" + link + \"' target='_blank'><b>\" + data.stream.channel.display_name + \"</b></a> - <span class='gameText'>\" + data.stream.game + \"</span> - \" + data.stream.channel.status + \"</span></li>\");
}
count++;
if (count == numChannels) {
getOffline();
}
});
});
</script>
<SCRIPT>
window.onload = setInterval(function () {javascript:location.reload(true) },60000);
</script>
{/literal}
@Erkan, damit ladet man die Seite neu nach Intervall und hat nichts mit der Frage zu tun.
Er hats schlecht beschrieben.
Oder Du schlecht gelesen und nicht verstanden.