Complete.Org: Mailing Lists: Archives: linux-help: July 2002:
[linux-help] Weather Info HTML Code 		Home

[linux-help] Weather Info HTML Code

[Top] [All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index] [Thread Index]
To: linux-help@xxxxxxxxx
Subject: [linux-help] Weather Info HTML Code
From: David Carmichael <dec2955@xxxxxxxxxx>
Date: Sun, 21 Jul 2002 15:57:40 -0500
Reply-to: linux-help@xxxxxxxxx 
OK here is the html codes that I am using for my internal weather channel
that I was tell you all about/

It uses Jave Script and where I got the code from states that it should work
with all OS's and Browers, but I noitced that it calls for an IE special
code so I am unsure if it will work correctly.

Screen is set for viewing at 800X600

What should happen is: a Time/Temp bar across the bottom of the screen, and
a group of weather info status web pages will scroll across the screen left
to right, and then after about six minutes the web page will refresh all
data.

I did write all web masters of the web site sites that I am linking to for
the OK to use there data and of the ones that have responded all have stated
it was OK to do so... others have chosen not to reply.

It uses a background image that I can not post here, so you will be missing
the background images, all other images are loaded from different web sites,
NOAA, KSNW, KAKE, WeatherChannel, and others.

The only troubles currently have to do with the few animated GIF's that are
loading and scrolling, they "WALK" across the screen and not a smooth
scroll... but looking for a way to have an automated pause for each data
frame and then I can set the scroll faster.

If you can help me code this with less / faster codes please let me know
how.

--David

---- Cut following and save as HTML ---

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40";>

<head>
<meta http-equiv=REFRESH content=480>
<meta http-equiv=Expires content="Tue, 01 Jan 1980 1:00:00 GMT">
<meta http-equiv=Pragma content=no-cache>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 9">
<meta name=Originator content="Microsoft Word 9">
<link rel=File-List href="./SS2_files/filelist.xml">
<link rel=Edit-Time-Data href="./SS2_files/editdata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Channel 27 Weather</title>
<!--[if gte mso 9]><xml>
 <o:DocumentProperties>
  <o:Author>David E. Carmichael</o:Author>
  <o:Template>Normal</o:Template>
  <o:LastAuthor>David E. Carmichael</o:LastAuthor>
  <o:Revision>13</o:Revision>
  <o:TotalTime>47</o:TotalTime>
  <o:Created>2002-07-19T14:29:00Z</o:Created>
  <o:LastSaved>2002-07-20T05:27:00Z</o:LastSaved>
  <o:Pages>1</o:Pages>
  <o:Words>29</o:Words>
  <o:Characters>170</o:Characters>
  <o:Company> </o:Company>
  <o:Lines>1</o:Lines>
  <o:Paragraphs>1</o:Paragraphs>
  <o:CharactersWithSpaces>208</o:CharactersWithSpaces>
  <o:Version>9.4402</o:Version>
 </o:DocumentProperties>
</xml><![endif]-->
<style>
<!--
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
 {mso-style-parent:"";
 margin:0in;
 margin-bottom:.0001pt;
 mso-pagination:widow-orphan;
 font-size:12.0pt;
 font-family:"Times New Roman";
 mso-fareast-font-family:"Times New Roman";}
a:link, span.MsoHyperlink
 {color:blue;
 text-decoration:underline;
 text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
 {color:blue;
 text-decoration:underline;
 text-underline:single;}
p
 {margin-right:0in;
 mso-margin-top-alt:auto;
 mso-margin-bottom-alt:auto;
 margin-left:0in;
 mso-pagination:widow-orphan;
 font-size:12.0pt;
 font-family:"Times New Roman";
 mso-fareast-font-family:"Times New Roman";}
@page Section1
 {size:8.5in 11.0in;
 margin:1.0in 1.25in 1.0in 1.25in;
 mso-header-margin:.5in;
 mso-footer-margin:.5in;
 mso-paper-source:0;}
div.Section1
 {page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="1027">
  <o:colormru v:ext="edit" colors="#b2b2b2"/>
  <o:colormenu v:ext="edit" fillcolor="#b2b2b2"/>
 </o:shapedefaults></xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

<body bgcolor=white background="./SS2_files/image001.jpg" lang=EN-US
link=blue
vlink=blue style='tab-interval:.5in'>
<!--[if gte mso 9]><xml>
 <v:background id="_x0000_s1025" o:bwmode="white"
o:targetscreensize="800,600">
  <v:fill src="./SS2_files/image001.jpg" o:title="image001" type="frame"/>
 </v:background></xml><![endif]-->

<div class=Section1>

<table border=0 cellspacing=0 cellpadding=0 align=left width="100%"
 style='width:100.0%;border-collapse:collapse;mso-table-overlap:never;

mso-table-anchor-vertical:page;mso-table-anchor-horizontal:column;mso-table-
left:
 center;mso-table-top:middle;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
 <tr>
  <td width="100%" style='width:100.0%;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal><script language="JavaScript1.2">
<!--

/*
Conveyor belt slideshow script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit
dynamicdrive.com
*/
//! Specify the slider's width (in pixels)
var sliderwidth=760
//! Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=570
//! Specify the slider's scroll speed (larger is faster)
var slidespeed=3

//! Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[00]='<a href="http://";><img
src="http://66.28.69.144/data/nids/ICT19_anim.gif?t=1026963902"width=684
height=513></a>'
//! Animated Radar
leftrightslide[01]='<a href="http://";><img
src="http://iwin.nws.noaa.gov/iwin/images/92f.gif"width=684 height=513></a>'
//! NOAA National Map
leftrightslide[02]='<a href="http://";><img
src="http://iwin.nws.noaa.gov/iwin/images/ecirloop.gif"width=684
height=513></a>'
//! NOAA 6 Hour Animated Satalite
leftrightslide[03]='<a href="http://";><img
src="http://benedek.static.clickability.com/weather_images/kake/captures/ext
ended.jpg"width=684 height=513></a>'
//! KAKE 7-Day Forcast
leftrightslide[04]='<a href="http://";><img
src="http://benedek.static.clickability.com/weather_images/kake/captures/wx2
_lg.jpg"width=684 height=513></a>'
//! KAKE Wichita Skytracker
leftrightslide[05]='<a href="http://";><img
src="http://www.intelliweather.net/imagery/ksnw/rad_ks_wichita_320x240.jpg"w
idth=684 height=513></a>'
//! KSNW Doppler Radar
leftrightslide[06]='<a href="http://";><img
src="http://www.crh.noaa.gov/radar/images/DS.p19r0/SI.kict/latest.gif"width=
684 height=513></a>'
//! NOAA KICT Radar
leftrightslide[07]='<a href="http://";><img
src="http://goes-8-gems.cira.colostate.edu/jpeg/current/arm_c01.jpg?"width=6
84 height=513></a>'
//! NOAA Satalite View
leftrightslide[08]='<a href="http://";><img
src="http://66.28.69.144/data/640x480/2xradarb3_anim.gif"width=684
height=513></a>'
//! Animated Radar
leftrightslide[09]='<a href="http://";><img
src="http://image.weather.com/web/radar/us_ddc_closeradar_large_usen.jpg"wid
th=684 height=513></a>'
//! Weather Channel Doppler Radar 600-Mile
leftrightslide[10]='<a href="http://";><img
src="http://image.weather.com/images/maps/travel/cen_trvlthun_720x486.jpg"wi
dth=684 height=513></a>'
//! Weather Channel Thunderstorm Forecast
leftrightslide[11]='<a href="http://";><img
src="http://image.weather.com/web/forecast/us_cn_9regwxhi1_large_usen.jpg"wi
dth=684 height=513></a>'
//! Weather Channel Forecast
leftrightslide[12]='<a href="http://";><img
src="http://image.weather.com/web/forecast/us_cn_9regwxlo1_large_usen.jpg"wi
dth=684 height=513></a>'
//! Weather Channel Night Time Forecast
leftrightslide[13]='<a href="http://";><img
src="http://image.weather.com/images/maps/special/severe_cn_720x486.jpg"widt
h=684 height=513></a>'
//! Weather Channel Severe Weather Alert

///////do NOT edit pass this line////////////////////////////////////

var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"

if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0
style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//! stop marquee when mouse is over it
//! ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//! re-enable marquee when mouse is out
//! ieslider.onmouseout=new Function("if (document.readyState=='complete')
ieslider.scrollAmount=slidespeed")
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}

//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide
+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}

//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2

//-->
  </script><ilayer width=&{sliderwidth}; height=&{sliderheight};
name="ns_slider01"  visibility=hide><layer name="ns_slider02"
onMouseover="slidespeed=0;"
onMouseout="slidespeed=copyspeed"></layer></ilayer></p>
  </td></tr><tr>
  <td width="100%" style='width:100.0%;padding:0in 5.4pt 0in 5.4pt'>
  <p class=MsoNormal align=center
style='text-align:center;mso-element:frame;

mso-element-wrap:auto;mso-element-anchor-vertical:page;mso-element-anchor-ho
rizontal:

column;mso-element-left:center;mso-element-top:middle;mso-height-rule:exactl
y'><a
  href="http://www.wunderground.com/US/KS/Wichita.html";><span
style='text-decoration:
  none;text-underline:none'><img border=0 width=750 height=70
id="_x0000_i1026"

src="http://banners.wunderground.com/banner/gizmotimetempbig_both/language/w
ww/US/KS/Wichita.gif"
  alt="Click for Wichita, Kansas Forecast"></span></a></p>
  </td></tr></table>

<p class=MsoNormal><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></p>
</div></body></html>




-- This is the linux-help@xxxxxxxxx list.  To unsubscribe,
visit http://www.complete.org/cgi-bin/listargate-aclug.cgi
[Prev in Thread] Current Thread [Next in Thread]