www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] getting image url inside iframe.

  1. #1
    Join Date
    May 2011
    Posts
    7

    resolved [RESOLVED] getting image url inside iframe.

    Somebody has helped me put this script together, so I'm not sure what I'm missing here. I'm trying to make a script that searches the code within an iframe, then drills down to find the first instance of an image within a specific span. But there's an error in IE, and nothing in firefox. I'm not even getting the error alert, so I'm stumped.

    Here's the script.
    Code:
    <script type="text/javascript" language="JavaScript">
    
           var iframe = document.getElementById('IFrame2');
           var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
           var info = innerDoc.getElementById("list-journal-entry-wrapper");
    
           var theURL = null;  // assume not found
    
           var spans = info.getElementsByTagName("span");
           for ( var s = 0; s < spans.length; ++s )
           {
               // have to search through spans for the class name:
               var span = spans[s];
               if ( span.className.indexOf("full-image-float-left") >= 0 
                   && span.className.indexOf("ssNonEditable") >= 0 )
               {
                   // we found the right one
                   // get FIRST image inside that span:
                   var image = span.getElementsByTagName("img")[0];
                   // and then the image link:
                   theURL = image.src;
               }
            }
            if {( theURL == null ) alert("I can't find the darned thing!");}
    else {alert("theURL");}
    
    } 
    </script>
    And, inside the iframe, here's the section of code it should be finding an image in...
    Code:
     <div id="contentWrapper"><div id="content">
        
      
      <div class="list-journal-entry-wrapper">
    	<div class="journal-entry-wrapper post-text authored-by-frontdoorsnews ">
    		<div id="item12614316" class="journal-entry">
    
    		  	<div class="journal-entry-float-day">
                	<span class="name">Wednesday</span>			
                </div>
                <div class="journal-entry-float-date"><span class="month">Aug</span><span class="date">24</span><span class="year">2011</span>
                </div>
      
      
    			<div class="journal-entry-text">
      			 <h2 class="title">
        			 <a class="journal-entry-navigation-current" href="/cover_stories/2011/8/24/test-entry-4.html">test entry&nbsp;4</a>  
         </h2>
          
           			<div class="journal-entry-tag journal-entry-tag-post-title"><span class="posted-on">   <img title="Date" alt="Date" class="inline-icon date-icon" src="/universal/images/transparent.png" />Wednesday, August 24, 2011</span> |  <span class="print-item"><a href="/cover_stories/2011/8/24/test-entry-4.html?printerFriendly=true"> <img title="Print Article" alt="Print Article" class="inline-icon print-icon" src="/universal/images/transparent.png" />&nbsp; &nbsp; Print </a></span> |  <span class="share-item"><a href="javascript:noop();" onclick="Squarespace.Interaction.shareLink(this,'%2Fcover_stories%2F2011%2F8%2F24%2Ftest-entry-4.html','test%20entry%204');"> <img title="Share Article" alt="Share Article" class="inline-icon share-icon" src="/universal/images/transparent.png" />    Share </a></span> |  <span class="email-item"><a href="/cover_stories/recommend/12614316"> <img title="Email Article" alt="Email Article" class="inline-icon email-icon" src="/universal/images/transparent.png" />&nbsp; &nbsp;  Email </a></span> 
                    </div> 
    				 <div class="body">
    <p><p><span class="full-image-float-left ssNonEditable"><span><img src="/storage/images/testentry1.jpg?__SQUARESPACE_CACHEVERSION=1314309812229" alt="" /></span></span>test entry 1 </p></p>
      
            <p class="journal-read-more-tag"><a href="/cover_stories/2011/8/24/test-entry-4.html">Click to read more ...</a></p>
      
          			 </div>
      			 </div>
    		<div class="journal-entry-tag journal-entry-tag-post-body">
          <div class="journal-entry-tag-post-body-line1"><span class="posted-by">  <a href="/cover_stories/author/frontdoorsnews"> <img title="Author" alt="Author" class="inline-icon user-registered-icon" src="/universal/images/transparent.png" />Frontdoors News Network</a></span> </div>
    
        
        </div>
      
      
      <div class="clearer"></div>
    
    </div>
    </div>
    
    
    
    
    
    
    <div class="journal-entry-wrapper post-text authored-by-frontdoorsnews ">
    <div id="item12614313" class="journal-entry">
    
      <div class="journal-entry-float-day"><span class="name">Wednesday</span></div><div class="journal-entry-float-date"><span class="month">Aug</span><span class="date">24</span><span class="year">2011</span></div>
      
      
      
      <div class="journal-entry-text">
      
          
          <h2 class="title">
        
            
        
            <a class="journal-entry-navigation-current" href="/cover_stories/2011/8/24/test-entry-3.html">test entry&nbsp;3</a>  
         
             
        
          </h2>
    
          
           <div class="journal-entry-tag journal-entry-tag-post-title"><span class="posted-on">   <img title="Date" alt="Date" class="inline-icon date-icon" src="/universal/images/transparent.png" />Wednesday, August 24, 2011</span> |  <span class="print-item"><a href="/cover_stories/2011/8/24/test-entry-3.html?printerFriendly=true"> <img title="Print Article" alt="Print Article" class="inline-icon print-icon" src="/universal/images/transparent.png" />&nbsp; &nbsp; Print </a></span>    </div> 
    
        
      
         
    
          <div class="body">
    
      
            
      
             
      
            <p><p><span class="full-image-float-left ssNonEditable"><span><img src="/storage/images/testentry2.jpg?__SQUARESPACE_CACHEVERSION=1314309878916" alt="" /></span></span>test entry 2</p></p>
      
            <p class="journal-read-more-tag"><a href="/cover_stories/2011/8/24/test-entry-3.html">Click to read more ...</a></p>
      
          </div>
      
        
    
      </div>
    
          <div class="journal-entry-tag journal-entry-tag-post-body">
          <div class="journal-entry-tag-post-body-line1"><span class="posted-by">  <a href="/cover_stories/author/frontdoorsnews"> <img title="Author" alt="Author" class="inline-icon user-registered-icon" src="/universal/images/transparent.png" />Frontdoors News Network</a></span> </div>
    
        </div>
      
    
    </div>
    </div>
    
    
    
    
    
    
    <div class="journal-entry-wrapper post-text authored-by-frontdoorsnews ">
    <div id="item12614307" class="journal-entry">
    
      <div class="journal-entry-float-day"><span class="name">Wednesday</span></div><div class="journal-entry-float-date"><span class="month">Aug</span><span class="date">24</span><span class="year">2011</span></div>
      
      
      
      <div class="journal-entry-text">
      
          
          <h2 class="title">
        
            
        
            <a class="journal-entry-navigation-current" href="/cover_stories/2011/8/24/test-entry-2.html">test entry&nbsp;2</a>  
         
             
        
          </h2>
    
          
           <div class="journal-entry-tag journal-entry-tag-post-title"><span class="posted-on">   <img title="Date" alt="Date" class="inline-icon date-icon" src="/universal/images/transparent.png" />Wednesday, August 24, 2011</span> |  <span class="print-item"><a href="/cover_stories/2011/8/24/test-entry-2.html?printerFriendly=true"> <img title="Print Article" alt="Print Article" class="inline-icon print-icon" src="/universal/images/transparent.png" />&nbsp; &nbsp; Print </a></span> |  <span class="share-item"><a href="javascript:noop();" onclick="Squarespace.Interaction.shareLink(this,'%2Fcover_stories%2F2011%2F8%2F24%2Ftest-entry-2.html','test%20entry%202');"> <img title="Share Article" alt="Share Article" class="inline-icon share-icon" src="/universal/images/transparent.png" />    Share </a></span> |  <span class="email-item"><a href="/cover_stories/recommend/12614307"> <img title="Email Article" alt="Email Article" class="inline-icon email-icon" src="/universal/images/transparent.png" />&nbsp; &nbsp;  Email </a></span> </div> 
    
        
      
         
    
          <div class="body">
    
      
            
      
             
      
            <p>test </p>
      
            <p class="journal-read-more-tag"><a href="/cover_stories/2011/8/24/test-entry-2.html">Click to read more ...</a></p>
      
          </div>
      
        
    
      </div>
    
          <div class="journal-entry-tag journal-entry-tag-post-body">
          <div class="journal-entry-tag-post-body-line1"><span class="posted-by">  <a href="/cover_stories/author/frontdoorsnews"> <img title="Author" alt="Author" class="inline-icon user-registered-icon" src="/universal/images/transparent.png" />Frontdoors News Network</a></span> </div>
    
          <div class="journal-entry-tag-post-body-line2"></div>
          <div class="journal-entry-tag-post-body-line3"></div>
        </div>
      
      
      <div class="clearer"></div>
    
    </div>
    </div>
    
    
    
    
    
    
    <div class="journal-entry-wrapper post-text authored-by-frontdoorsnews ">
    <div id="item12614306" class="journal-entry">
    
    
      
      
      
      <div class="journal-entry-text">
      
          
          <h2 class="title">
        
            
        
            <a class="journal-entry-navigation-current" href="/cover_stories/2011/8/24/test-entry-1.html">test entry&nbsp;1</a>  
         
             
        
          </h2>
    
          
          
    
        
      
         
    
          <div class="body">
    
      
            
      
             
      
            <p>test entry 1 summary</p>
      
            <p class="journal-read-more-tag"><a href="/cover_stories/2011/8/24/test-entry-1.html">Click to read more ...</a></p>
      
          </div>
      
        
    
      </div>
    
         
      
      
      
    
    </div>
    </div>
    
    
    
    
    
        
        
      </div>
    
      
    
      
    
    
    </div></div> 
      
              
          
        
      
        </div></div>
    
        
        
        </div>
      
      </div>
    </div>

  2. #2
    Join Date
    May 2011
    Posts
    7
    Scratch this entry... I can figure out how to delete it.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles