Question

This is a big headache.

I have a simple js file consisting of nothing but document.write() blocks of html content, that I need to perform jquery on.

To put things in perspective, the js file, included like this:

<script language="JavaScript" src="http://external-java-file.js"/>

dumps news in a batch of div’s. the trouble is, I need to perform javascript on each seperate article-div (to include it into a custom javascript “scroller”. is there anyway for me to firstly “hide” the entire block of news, and then per-div add it it my scroller.
Basically I have this from the js file:

<div class="newsContainer">
<div class="newsArticle">bla bla bla</div>
<div class="newsArticle">bla bla bla</div>
<div class="newsArticle">bla bla bla</div>
</div>

Since it’s all coming from this stinking external js file through document.write, I can’t access it with a seperate code block like this:

<script>
$(document).onload(function(){
$("div.newsContainer").css("display","none");
});
</script>

I’m pretty sure I’m at the end of the road, but I’d like to see if any smart minds have genious solution

Answer 1

Try this:

HTML

<div id="news">
    <script language="JavaScript" src="http://external-java-file.js"/>
</div>

JavaScript

$(function() {
    $('#news .newsArticle').hide();
});

If the script is using document.write(), then you will be able to access it’s container, #news, once the page has loaded and edit it that way.