Javascript Installation Guide

Overview

This JavaScript version of News Harvester can be used on external sites to display a box with live, current headlines from InternetNews.com. The headlines are updated regularly and appear as static links within the box, whose size, color, font etc. you define. PLEASE NOTE: This version of News Harvester 3.0 is for sites with less than 100,000 page displays per month.

System Requirements

Your Web server must have the JavaScript MIME type installed. Since most do, you can assume yours does, or e-mail your system administrator to ask.

Directions for your system administrator to install the JavaScript MIME type can be found on this page under "Technical Stuff".

Copyright Notice

News Harvester is Copyright (c) 1998 Mecklermedia Corporation All Rights Reserved. ALL title, ownership rights, and intellectual property rights in and to News Harvester ("NH") shall remain in Mecklermedia Corporation ("Meckler"). Use of NH is restricted to registered, licensed copies. To get a registered, licensed copy of News Harvester apply at: http://www.webreference.com/headlines/nh/ where NH was originally published and documented.

Internet.com, InternetNews.com, InternetNews.com Real-Time News, WebReference.com and ISDEX are the exclusive trademarks of Mecklermedia Corporation.

This entire notice must appear unchanged in the source code of the page(s) on which NH is used. Contact bob@internet.com for all other uses. NHv3.0 980802


END OF NOTICE.

Credits:
News Harvester 3.0 Was Made Possible through the Efforts of: (in alphabetical order) Lanie Anderson, Peter Belesis, Carol Davidson, Hillary Dietz, Mitch Eisenberg, Jonathan Eisenzopf, Chris Elwell, Steve Harmon, Andy King, Bob Peyser, Tomer Shiran, Gus Venditto, Susan Yee, and the InternetNews.com and Internet.com teams.

JavaScript Installation Instructions

A. FIRST, TEST THE CODE:

  1. Upload these files to one Web server directory:
    • testjs.htm
    • showsq.js
    • showwide.js

    Do NOT change the names of these files.

    The files should be in the same directory as the Web page on which News Harvester will be displayed. Lets call that directory "theNHdirectory"

  2. Open your Web browser (pref. Netscape 3 or MS Explorer 3 or higher).
  3. Check to make sure that JavaScript is set to "on" in your browser's preferences.
  4. Open the following URL in your browser making sure that it points to the directory into which you have uploaded files. End the URL name with indexjs.html as below. http://yourDomainName.com/theNHdirectory/testjs.htm
  5. Does the news appear? If yes move on, if not, ask your system administrator to install the JavaScript MIME type (see "JS MIME Installation" below.)

B. FINISH THE INSTALLATION:

  1. If you want the news on its own page you can simply add content to the testjs.html page you just created.

    If you want to add News Harvester to your pre-existing Web page you need to copy and paste the style tag section, and the two script src tags into your Web page (THEY ARE AT THE BOTTOM OF THIS PAGE.)

    MAKE SURE that you paste the script src tags into the HTML code exactly where you want them to show on the Web page.

    PLEASE NOTE: DO NOT MODIFY THE MECKLER STYLE TYPE which displays the Internet.com and Mecklermedia logos and marks (per your agreement.)

    You may modify the second part: the text below "javascript headline style sheet params" in order to control the look and feel of the News Harvester on your site. The part on the left of the // (JavaScript comment) marks is the part you edit. On the right of the // marks you will see examples.

  2. If you don't want just the top InternetNews stories but would prefer another Content Category, copy your Content Category from this list (to see what those categories are like just paste them into your browser first):

    News CategoryAbsolute URL
    Business News http://headlines.internet.com/internetnews/bus-news/news.js
    E-commerce News http://headlines.internet.com/internetnews/ec-news/news.js
    Financial News http://headlines.internet.com/internetnews/fina-news/news.js
    Internet Advertising Report http://headlines.internet.com/internetnews/IAR/news.js
    International News http://headlines.internet.com/internetnews/intl-news/news.js
    ISP News http://headlines.internet.com/internetnews/isp-news/news.js
    Product News http://headlines.internet.com/internetnews/prod-news/news.js
    Web Developer News http://headlines.internet.com/internetnews/wd-news/news.js
    Top News (all feeds) http://headlines.internet.com/internetnews/top-news/news.js

    And paste it into the part of the JavaScript that says:

    http://headlines.internet.com/internetnews/top-news/news.js

    CAUTION: do not remove the single quotes that surround the URL in the JavaScript. THEY NEED TO BE THERE for it to work.

  3. That's all there is to it. We hope that this works for you. Please let us know if you have any problems installing or running News Harvester 3.0 (JavaScript version). If you do, please check out the LATEST on-line instructions which will be updated often at: 

    http://www.webreference.com/headlines/nh/howto.html

TECHINICAL STUFF

First part puts into an array: The first line of the snippet grabs the current headlines from InternetNews.com and looks like "top-news/news.js" or "bus-news/news.js" etc. depending upon which catagory of news you want on that Web page.

The second line of the snippet (showsq.js) displays the headlines within your page. You can modify the look of the headlines by modifying the .headlines style sheet in the testjs.html file.

TECHNICAL SERVER STUFF
JavaScript MIME type installation instructions:

in UNIX insert this line in *.htaccess* file:

AddType application/x-javascript .js

Code to Copy and Paste

PUT THIS FIRST SECTION IN THE HEADER OF THE PAGE

=============copy style tag FROM below this line===============

<!-- styles for logos and headline links
     DO NOT MODIFY meckler, red, or black style -->

<STYLE TYPE="text/css">
<!--
A.meckler {
text-decoration:none;
color:white;
font-size:10pt;
font-weight:normal;
font-style:normal;
font-family:Courier;
line-height:10pt;
}
.red {background-color:#D60027}
.black {background-color:black}
.headlines {
text-decoration:none;
color:blue;
font-size:10pt;
font-weight:normal;
font-style:normal;
font-family:Geneva, Arial, sans-serif;
line-height:10pt;
}
-->
</STYLE>

<!-- // javascript headline style sheet params

.headlines { // javascript/dhtml scroller headline style sheet params
text-decoration:none; // none, underline
text-align:left; // left, center, right
color:blue; // word for color or hex, i.e., #0000FF
font-size:12pt; // 9-12+ work
font-weight:bold; // normal, bold...
font-style:normal; //
font-family:serif; //  only setting that works in ie4 win, and elsewhere
line-height:12pt; // should match font size
-->

=============copy style tag TO above this line===============

END OF SECTION TO PUT IN THE HEADER



BEGINNING OF SECTION TO PUT IN THE BODY

FOR RECTANGULAR VERSION OF NEWS HARVESTER USE THIS SNIPPET

==========copy script FROM below this line=============
<SCRIPT LANGUAGE="JavaScript1.1"
SRC='http://headlines.internet.com/internetnews/top-news/news.js'></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1" SRC="showsq.js"></SCRIPT>

==========copy script TO above this line=============

********((( OR )))********

FOR WIDE/THIN VERSION OF NEWS HARVESTER USE THIS SNIPPET
==========copy script FROM below this line=============

<SCRIPT LANGUAGE="JavaScript1.1"
SRC='http://headlines.internet.com/internetnews/top-news/news.js'></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.1" SRC="showwide.js"></SCRIPT>

==========copy script TO above this line=============

END OF SECTION TO PUT IN THE BODY

NHjs3.0 INSTALL v. 1.1.9 980806
Copyright 1998 Mecklermedia Corp.
All Rights Reserved. Legal Notices.
Created: 980316 - Revised: 980821
URL: http://www.webreference.com/headlines/nh/instljs.htm