Exercitum

[Fischje]

Hey Oougly,

this style is very pro! Are you using a raidplaner at the site?

[kiwipearls]

Great site. What are you using for the guild activity block and are you willing to share the code? I've been searching around for something like this but have not been successful.

Look forward to hearing from you.

[Oougly]

The code for the guild activity block is all client side, so you can just copy/paste into your portal page. Feel free to use it. It uses the guild activity feed from

[kiwipearls]

Hi,

I tried copying your block code from reading the source of your page, set up my feed at wipeitau - but I get a blank block.

I will keep fiddling a bit, but your block code if there is any more to it than:

Code: Select all

<script type="text/javascript" charset="utf-8">
   var html = '';
$.getJSON("GuildActivity.php?location=US&rn=Ghostlands&gn=ARCANAS%20SANCTUM&limit=20&callback=?", function(data) {
    $.each(data.guildActivity, function(i,item) {
       if(item.achType == "item") {
            html += '<li><a class="img" href="http://www.wowhead.com/item='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/item='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';
        } else {
            html += '<li><a class="img" href="http://www.wowhead.com/achievement='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/achievement='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';              
        }    
    });
    $("#guildactivity").html(html);
  });
</script>

Would be greatly appreciated.

[kiwipearls]

figured it out - left out

Code: Select all

<ul id="guildactivity">
</ul>

[kiwipearls]

I fixed your javascript to display wowhead items:

if(item.type == "Item")

Code: Select all

<script type="text/javascript" charset="utf-8">
   var html = '';
$.getJSON("GuildActivity.php?location=US&rn=Ghostlands&gn=ARCANAS%20SANCTUM&limit=10&callback=?", function(data) {
    $.each(data.guildActivity, function(i,item) {
       if(item.type == "Item") {
            html += '<li><a class="img" href="http://www.wowhead.com/item='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/item='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';
        } else {
            html += '<li><a class="img" href="http://www.wowhead.com/achievement='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/achievement='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';              
        }    
    });
    $("#guildactivity").html(html);
  });
</script>

[Oougly]

I'd been meaning to fix that bug glad you managed to get it working.

[kiwipearls]

Hehehe yw. Makes the wowhead tooltips look pretty now.

The next thing I am trying to figure out is linking to the characters armoury. But I am not good at coding, just good at tweaking for some reason lol

[aenima]

Would it be possible to get a guide to how this can be done?
I would very much like to implement this block on my own website.

[kiwipearls]

First you need to get your feed link from here:



Then you need to make a block and save it to: styles/yourstyle/template/dkp/block

This is a tabular template for my portal block using acidtechred style:

Code: Select all

<!--  guildactivity.html  -->
<table class="tablebg" width="100%" cellspacing = "1">
<tbody>
   <tr>
   <div class="cap-div"><div class="cap-left"><div class="cap-right">Guild Activity</div></div></div>
   </tr>
</tbody>
</table>

<table class="tablebg" width="100%" cellspacing = "1">
<tbody>
<tr class="row1">
<td>

<ul id="guildactivity">
</ul>
<script type="text/javascript" charset="utf-8">
   var html = '';
$.getJSON("GuildActivity.php?location=US&rn=Ghostlands&gn=ARCANAS%20SANCTUM&limit=10&callback=?", function(data) {
    $.each(data.guildActivity, function(i,item) {
       if(item.type == "Item") {
            html += '<li><a class="img" href="http://www.wowhead.com/item='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/item='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';
        } else {
            html += '<li><a class="img" href="http://www.wowhead.com/achievement='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/achievement='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';              
        }    
    });
    $("#guildactivity").html(html);
  });
</script>
</td>
</tr>
</tbody>
</table>

change:

Code: Select all

$.getJSON("GuildActivity.php?location=US&rn=Ghostlands&gn=ARCANAS%20SANCTUM&limit=10&callback=?", function(data) {

With the URL to your feed.

Name it guildactivity.html or something you can remember

Then you need to open news_body.html in styles/yourstyle/template/dkp and add the block.

This is deathwing block:

Code: Select all

<div class="panel">

<div style="margin-bottom: 0px">
<div class="inner">

         <h3 style="white-space: no-wrap; font-variant: small-caps;font-size: 10px; text-align:center;">Guild Activity</h3>
      </div>
   </div>
   <div style="text-align:center;">
      <ul id="guildactivity">
</ul>
<script type="text/javascript" charset="utf-8">
   var html = '';
$.getJSON("GuildActivity.php?location=US&rn=Ghostlands&gn=ARCANAS%20SANCTUM&limit=10&callback=?", function(data) {
    $.each(data.guildActivity, function(i,item) {
       if(item.type == "Item") {
            html += '<li><a class="img" href="http://www.wowhead.com/item='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/item='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';
        } else {
            html += '<li><a class="img" href="http://www.wowhead.com/achievement='+item.numId+'"><img src="'+item.achImage+'" /></a><span><strong>'+item.name+'</strong> '+item.achText+' <a href="http://www.wowhead.com/achievement='+item.numId+'">['+item.achObjective+']</a> '+item.achTime+'.</span>';              
        }    
    });
    $("#guildactivity").html(html);
  });
</script>
   </div>
   

   </div>

</div>
</div>

Refresh your template.