Home/ Questions/Q 6017523
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T03:08:26+00:00

I have an RSS feed being pulled through XSLT on an .xsl file. I

  • 0

I have an RSS feed being pulled through XSLT on an .xsl file. I have a “Show” Link that when clicked displays a hidden DIV with an Iframe that has the source of the unique RSS Item’s full page.

The issue is since this DIV is hidden it actually loads all the iframe’s source pages when the page is first viewed and boggs down the loading time considerably.

What i want to do is only have the iframe load the source after the “Show” button is clicked. How can i invoke this with an XSLT If Statement?

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:user="urn:my-extension-lib:date">
<xsl:template match="/">
    <xsl:for-each select="rss/channel/item">            
        <div style="margin-bottom: 30px;">
            <div style="margin: 5px;">
                <div style="font-weight: bold;">                        
                    <a href="{link}" target="_blank" style="font-size: 10pt;">
                        <xsl:value-of select="title" />
                    </a>
                </div> 
                <div>
                    <xsl:value-of select="user:GetFormattedDate(pubDate,'MMM d, yyyy hh:mm tt')" />
                </div>
            </div>
            <div style="padding-left:30px">
                <a href="javascript:test('{guid}', '{link}');" id="{link}">Show</a>
            </div>
            <div style="margin: 20px 20px 20px 40px;display:none" id="{guid}">
                <iframe width="685" height="400" scrolling="yes" frameborder="yes" src="{link}"></iframe>
            </div>
        </div>
    </xsl:for-each>
</xsl:template>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What I think you need to do is initially load a ‘blank’ page for each IFRAME. For example, a page called blank.htm, that is empty. Also, you may want to give each IFRAME an ID tag, so you can easily access it with Javascript to change the source

    <iframe id="iframe{guid}" width="685" height="400" scrolling="yes" frameborder="yes" src="blank.htm"/>

    Then, you can code your javascript like so, to show the DIV, and change the source of the IFRAME to the correct page.

    function test(id, link)
{
   document.getElementById(id).style.display = 'block';
   document.getElementById("iframe" + id).src = link;
}

    Here’s an example of the whole stylesheet for you

    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:template match="/">
      <html>
         <head>
            <title>Test</title>
            <script> 
            function test(id, link) 
            { 
               document.getElementById(id).style.display = 'block'; 
               document.getElementById("iframe" + id).src = link; 
            } 
            </script>
         </head>
         <body>
            <xsl:for-each select="rss/channel/item">
               <div style="margin-bottom: 30px;">
                  <div style="margin: 5px;">
                     <div style="font-weight: bold;">
                        <a href="{link}" target="_blank" style="font-size: 10pt;">
                           <xsl:value-of select="title"/>
                        </a>
                     </div>
                     <div>
                        <xsl:value-of select="pubDate"/>
                     </div>
                  </div>
                  <div style="padding-left:30px">
                     <a href="javascript:test('{guid}', '{link}');" id="{link}">Show</a>
                  </div>
                  <div style="margin: 20px 20px 20px 40px;display:none" id="{guid}">
                     <iframe id="iframe{guid}" width="685" height="400" scrolling="yes" frameborder="yes" src="blank.htm"/>
                  </div>
               </div>
            </xsl:for-each>
         </body>
      </html>
   </xsl:template>
</xsl:stylesheet>
    • 0