Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 3 Gast/Gäste
script im Template oder auslagern , geht beides nicht
#1
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
Zitieren
#2
Ohne den entsprechenden Code, wird dir hier keiner helfen können.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#3
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
Zitieren
#4
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}
Zitieren
#5
@Erkan, damit ladet man die Seite neu nach Intervall und hat nichts mit der Frage zu tun.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#6
Er hats schlecht beschrieben.
Zitieren
#7
Oder Du schlecht gelesen und nicht verstanden.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren