Widget in an iFrame

GuildPortal admin site link to the original post

This script was written so that if your page is showing in an iframe, it reformats to only show the desired content. Essentially it was written so that an alliance site can add an iframe to your site to show a DKP list, here is an example:

Regular Page	Page inside iframe

Code

Add this code to a Free Form Text/HTML widget while in HTML mode on the same page as the widget you want to effect.

<script>
$(function(){
 var widgetToShow = "DKP"; // Only pick one widget

 // ****************************
 // Don't change anything below
 // ****************************
 if (top.location != self.location && /Guild.aspx/.test(top.location.pathname)) {
  var w = $('.ContentBoxTitle:contains(' + widgetToShow + ')').closest('.gpwidget');
  $('.gpWidget').not(w).hide();
  w.closest('.ContentZone').siblings().hide();
  $('.PageWrapper, .ContentWrapper').css('width', '100%');
  $('#bannerTable, .BannerArea, .WfTopMenu, .TabBar, .straightBarWrapper, .InnerTabTable').hide();
 }
});
</script>

Customizing

• Change the "widgetToShow" variable to match a partial widget title (case sensitive).
• Now on the other site, just add the following to a Free Form Text/HTML widget while the editor is in [ <> HTML ] mode
  

  <iframe src="URL TO PAGE" width="100%" height="800"></iframe>

DOH, well you can just make a Free Form Text/HTML widget and add this:

<iframe src="URL TO PAGE" width="100%" height="500"></iframe>