Geocities help

pacsunpunk08
Graduate
Joined: Oct 04, 2003
Posts: 149
Loc: Kenosha, WI
Status: Offline

November 25th, 2003, 6:52 pm

I'm trying to do that code where they links fade when ur mouse goes over it but i have to put it in a header and There is no header at geocities, can it work some other way???

Anonymous
Bot
- www.ozzu.com
Joined: 25 Feb 2008
Posts: ?
Loc: Ozzuland
Status: Online

November 25th, 2003, 6:52 pm

ATNO/TW
Super Moderator
Joined: May 28, 2003
Posts: 23404
Loc: Woodbridge VA
Status: Offline

November 25th, 2003, 7:07 pm

You can put the javascript code right after the body tag and it will work. However, I'm surprised to find out that Geo doesn't let you edit your own header tags anymore. I think I still have at least one account there, somewhere (maybe), but haven't checked it in ages.

Let me rephrase that. To do it this way, you may have to actually copy and paste the whole code into the document, vs. an external link.

"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.

pacsunpunk08
Graduate
Joined: Oct 04, 2003
Posts: 149
Loc: Kenosha, WI
Status: Offline

November 25th, 2003, 7:13 pm

whats a body tag, I forgot and should i put this code after the body tag..................

Code: [ Select ]

// This script will no longer overwrite your current onmouseover and
// onmouseout attributes - it will instead skip those links. If you would
// still like to fade them, add findLink(this.id) to your onmouseover
// and clearFade() to your onmouseout, like so -
// <a href="#" onmouseover="findLink(this.id); yourFunction()"
// onmouseout="clearFade(); yourSecondFunction()">
// Make sure to put it BEFORE any "return" statements otherwise
// the fade will not execute.

var fadeTo = "ff5555";

// Fade in colour increment/decrement by
var fiBy = 6;

// Fade out colour increment/decrement by
var foBy = 6;

// Speed - milliseconds between each colour change in the fade
// Less than 10ms doesn't really make all that much difference, so
// 10 is the minimum effective value.
var speed = 20;

// Class name of links to NOT fade (i.e. ignore)
// var ignoreClass = "somebogusvalue" if you don't want to
// use this feature. Alternatively, add onmouseover="clearFade()"
// to the link you do not wish to fade.
var ignoreClass = "ignore";

// No more changes required (unless you know what you are doing)
// Enjoy... and email me and let me know what site(s) you are using it on :)
var opera, ie, dom, x = 0, oc, fader, ocs = new Array();

if (navigator.userAgent.indexOf("Opera") != -1) opera = true
else if (document.all && !opera) ie = true
else if (!document.all && document.getElementById) dom = true;

function convertRGB(z)
 {
 var newfcS = "", splitter = "";
 splitter = z.split(",");
 splitter[0] = parseInt(splitter[0].substring(4, splitter[0].length));
 splitter[1] = parseInt(splitter[1]);
 splitter[2] = parseInt(splitter[2].substring(0, splitter[2].length-1));
 for (var q = 0; q < 3; q++)
 {
 splitter[q] = splitter[q].toString(16);
 if (splitter[q].length == 1) splitter[q] = "0" + splitter[q];
 newfcS += splitter[q];
 }
 return newfcS;
 }

function currentColour(index)
 {
 var temp, cc;
 if (opera) cc = document.links[index].style.color
 else if (ie) cc = document.links[index].currentStyle.color
 else if (dom) cc = document.defaultView.getComputedStyle(document.links[index], '').getPropertyValue("color");
 if (cc.length == 4 && cc.substring(0, 1) == "#")
 {
 temp = "";
 for (var a = 0; a < 3; a++)
 temp += cc.substring(a+1, a+2) + cc.substring(a+1, a+2);
 cc = temp;
 }
 else if (cc.indexOf("rgb") != -1) cc = convertRGB(cc)
 else if (cc.length == 7) cc = cc.substring(1, 7)
 else cc = fadeTo;
 return cc;
 }

function convert2Dec(hex)
 {
 var rgb = new Array();
 for (var u = 0; u < 3; u++)
 rgb[u] = parseInt(hex.substring(u*2, u*2+2), 16);
 return rgb;
 }

function newRGB(f, n, d)
 {
 var change;
 if (d == 1) change = fiBy
 else change = foBy;
 for (var g = 0; g < 3; g++)
 {
 if (n[g] > f[g] && n[g] - change >= 0) n[g] -= change;
 if (n[g] < f[g] && n[g] + change <= 255) n[g] += change;
 }
 return n;
 }

function fade(index, d)
 {
 var fc, nc, temp = new Array(), finished = false;
 nc = convert2Dec(currentColour(index));
 if (d == 1) fc = convert2Dec(fadeTo)
 else fc = convert2Dec(ocs[x]);
 temp = convert2Dec(currentColour(index));
 nc = newRGB(fc, nc, d);
 if ((nc[0] == temp[0]) && (nc[1] == temp[1]) && (nc[2] == temp[2]))
 finished = true;
 if (!finished) document.links[x].style.color = "rgb(" + nc[0] + "," + nc[1] + "," + nc[2] + ")"
 else clearInterval(fader);
 }

function findLink(over)
 {
 if (document.layers) return;
 if (fader)
 {
 clearInterval(fader);
 document.links[x].style.color = "#" + ocs[x];
 }
 if (over && !this.id) this.id = over;
 x = 0;
 while (!(this.id == document.links[x].id) && (x < document.links.length))
 x++;
 if (this.id == document.links[x].id)
 {
 oc = currentColour(x);
 fader = setInterval("fade(" + x + ", 1)", speed);
 }
 }

function clearFade()
 {
 if (document.layers) return;
 if (fader) clearInterval(fader);
 fader = setInterval("fade(" + x + ", 0)", speed);
 }

function init()
 {
 for (var i = 0; i < document.links.length; i++)
 {
 ocs[i] = currentColour(i);
 var currentOver = document.links[i].onmouseover;
 var currentOut = document.links[i].onmouseout;
 var ignoreIt = document.links[i].className == ignoreClass;
 if (!ignoreIt) document.links[i].id = "link" + i;
 if (!currentOver && !currentOut && !ignoreIt)
 {
 document.links[i].onmouseover = findLink;
 document.links[i].onmouseout = clearFade;
 }
 }
}

if (opera || ie || dom) window.onload = init;

// This script will no longer overwrite your current onmouseover and
// onmouseout attributes - it will instead skip those links. If you would
// still like to fade them, add findLink(this.id) to your onmouseover
// and clearFade() to your onmouseout, like so -
// <a href="#" onmouseover="findLink(this.id); yourFunction()"
// onmouseout="clearFade(); yourSecondFunction()">
// Make sure to put it BEFORE any "return" statements otherwise
// the fade will not execute.
var fadeTo = "ff5555";
// Fade in colour increment/decrement by
var fiBy = 6;
// Fade out colour increment/decrement by
var foBy = 6;
// Speed - milliseconds between each colour change in the fade
// Less than 10ms doesn't really make all that much difference, so
// 10 is the minimum effective value.
var speed = 20;
// Class name of links to NOT fade (i.e. ignore)
// var ignoreClass = "somebogusvalue" if you don't want to
// use this feature. Alternatively, add onmouseover="clearFade()"
// to the link you do not wish to fade.
var ignoreClass = "ignore";
// No more changes required (unless you know what you are doing)
// Enjoy... and email me and let me know what site(s) you are using it on :)
var opera, ie, dom, x = 0, oc, fader, ocs = new Array();
if (navigator.userAgent.indexOf("Opera") != -1) opera = true
else if (document.all && !opera) ie = true
else if (!document.all && document.getElementById) dom = true;
function convertRGB(z)
{
var newfcS = "", splitter = "";
splitter = z.split(",");
splitter[0] = parseInt(splitter[0].substring(4, splitter[0].length));
splitter[1] = parseInt(splitter[1]);
splitter[2] = parseInt(splitter[2].substring(0, splitter[2].length-1));
for (var q = 0; q < 3; q++)
{
splitter[q] = splitter[q].toString(16);
if (splitter[q].length == 1) splitter[q] = "0" + splitter[q];
newfcS += splitter[q];
}
return newfcS;
}
function currentColour(index)
{
var temp, cc;
if (opera) cc = document.links[index].style.color
else if (ie) cc = document.links[index].currentStyle.color
else if (dom) cc = document.defaultView.getComputedStyle(document.links[index], '').getPropertyValue("color");
if (cc.length == 4 && cc.substring(0, 1) == "#")
{
temp = "";
for (var a = 0; a < 3; a++)
temp += cc.substring(a+1, a+2) + cc.substring(a+1, a+2);
cc = temp;
}
else if (cc.indexOf("rgb") != -1) cc = convertRGB(cc)
else if (cc.length == 7) cc = cc.substring(1, 7)
else cc = fadeTo;
return cc;
}
function convert2Dec(hex)
{
var rgb = new Array();
for (var u = 0; u < 3; u++)
rgb[u] = parseInt(hex.substring(u*2, u*2+2), 16);
return rgb;
}
function newRGB(f, n, d)
{
var change;
if (d == 1) change = fiBy
else change = foBy;
for (var g = 0; g < 3; g++)
{
if (n[g] > f[g] && n[g] - change >= 0) n[g] -= change;
if (n[g] < f[g] && n[g] + change <= 255) n[g] += change;
}
return n;
}
function fade(index, d)
{
var fc, nc, temp = new Array(), finished = false;
nc = convert2Dec(currentColour(index));
if (d == 1) fc = convert2Dec(fadeTo)
else fc = convert2Dec(ocs[x]);
temp = convert2Dec(currentColour(index));
nc = newRGB(fc, nc, d);
if ((nc[0] == temp[0]) && (nc[1] == temp[1]) && (nc[2] == temp[2]))
finished = true;
if (!finished) document.links[x].style.color = "rgb(" + nc[0] + "," + nc[1] + "," + nc[2] + ")"
else clearInterval(fader);
}
function findLink(over)
{
if (document.layers) return;
if (fader)
{
clearInterval(fader);
document.links[x].style.color = "#" + ocs[x];
}
if (over && !this.id) this.id = over;
x = 0;
while (!(this.id == document.links[x].id) && (x < document.links.length))
x++;
if (this.id == document.links[x].id)
{
oc = currentColour(x);
fader = setInterval("fade(" + x + ", 1)", speed);
}
}
function clearFade()
{
if (document.layers) return;
if (fader) clearInterval(fader);
fader = setInterval("fade(" + x + ", 0)", speed);
}
function init()
{
for (var i = 0; i < document.links.length; i++)
{
ocs[i] = currentColour(i);
var currentOver = document.links[i].onmouseover;
var currentOut = document.links[i].onmouseout;
var ignoreIt = document.links[i].className == ignoreClass;
if (!ignoreIt) document.links[i].id = "link" + i;
if (!currentOver && !currentOut && !ignoreIt)
{
document.links[i].onmouseover = findLink;
document.links[i].onmouseout = clearFade;
}
}
}
if (opera || ie || dom) window.onload = init;

ATNO/TW
Super Moderator
Joined: May 28, 2003
Posts: 23404
Loc: Woodbridge VA
Status: Offline

November 25th, 2003, 7:24 pm

The body tag will be near the top and look like this:

Code: [ Select ]

<body>

And yes, you can copy all that, but before the code you posted you'll need to add:

Code: [ Select ]

And after:

Code: [ Select ]

</script>

pacsunpunk08
Graduate
Joined: Oct 04, 2003
Posts: 149
Loc: Kenosha, WI
Status: Offline

November 25th, 2003, 7:36 pm

Only 2 links change color, Do u know what the problem might be???

go here and look http://www.geocities.com/boscoNYPD55/ThirdWatchOnline.html

ATNO/TW
Super Moderator
Joined: May 28, 2003
Posts: 23404
Loc: Woodbridge VA
Status: Offline

November 25th, 2003, 7:48 pm

There's actually six links at the moment that change. You're close. Let me look at your source and see.

ATNO/TW
Super Moderator
Joined: May 28, 2003
Posts: 23404
Loc: Woodbridge VA
Status: Offline

November 25th, 2003, 7:52 pm

See this:

Code: [ Select ]

<body bgcolor="#999999" link="#0000FF" vlink="#FF0000" text="#000000"
onLoad="window.onresize=new Function('if (navigator.appVersion==\'Netscape\') history.go(0);');">
<div id="root" style="position:absolute;top:0;left:0;width:204px;height:170px">
<div style="position:absolute;left:42;top:8;width:150;height:150;">
<table width=150 height=150 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><body>

Get rid of the last <body> tag on line 12. That should fix it. (or at least most of it. -- at a quick glance, I'm not sure why six of your links work and the others don't but that's the first place to start)

ATNO/TW
Super Moderator
Joined: May 28, 2003
Posts: 23404
Loc: Woodbridge VA
Status: Offline

November 25th, 2003, 7:59 pm

Never mind the above -- you have more problems. On line 168 you have a second body tag. You can't have two body tags in one document...I'm not sure why the one's at the top are there and then you have an additional one on line 168, but you need to merge the two and make them one at the beginning of your document. Two body tags in an HTML document are going to screw you up big time.

pacsunpunk08
Graduate
Joined: Oct 04, 2003
Posts: 149
Loc: Kenosha, WI
Status: Offline

November 25th, 2003, 8:44 pm

Here the whole code to make the page and it still doesn't fade the links

Code: [ Select ]

<body>
<script language="JavaScript1.2" type="text/javascript">
// This script will no longer overwrite your current onmouseover and
// onmouseout attributes - it will instead skip those links. If you would
// still like to fade them, add findLink(this.id) to your onmouseover
// and clearFade() to your onmouseout, like so -
// <a href="#" onmouseover="findLink(this.id); yourFunction()"
// onmouseout="clearFade(); yourSecondFunction()">
// Make sure to put it BEFORE any "return" statements otherwise
// the fade will not execute.

var fadeTo = "ff5555";

// Fade in colour increment/decrement by
var fiBy = 6;

// Fade out colour increment/decrement by
var foBy = 6;

// Speed - milliseconds between each colour change in the fade
// Less than 10ms doesn't really make all that much difference, so
// 10 is the minimum effective value.
var speed = 20;

// Class name of links to NOT fade (i.e. ignore)
// var ignoreClass = "somebogusvalue" if you don't want to
// use this feature. Alternatively, add onmouseover="clearFade()"
// to the link you do not wish to fade.
var ignoreClass = "ignore";

// No more changes required (unless you know what you are doing)
// Enjoy... and email me and let me know what site(s) you are using it on :)
var opera, ie, dom, x = 0, oc, fader, ocs = new Array();

if (navigator.userAgent.indexOf("Opera") != -1) opera = true
else if (document.all && !opera) ie = true
else if (!document.all && document.getElementById) dom = true;

function convertRGB(z)
{
 var newfcS = "", splitter = "";
 splitter = z.split(",");
 splitter[0] = parseInt(splitter[0].substring(4, splitter[0].length));
 splitter[1] = parseInt(splitter[1]);
 splitter[2] = parseInt(splitter[2].substring(0, splitter[2].length-1));
 for (var q = 0; q < 3; q++)
 {
 splitter[q] = splitter[q].toString(16);
 if (splitter[q].length == 1) splitter[q] = "0" + splitter[q];
 newfcS += splitter[q];
 }
 return newfcS;
}

function currentColour(index)
{
 var temp, cc;
 if (opera) cc = document.links[index].style.color
 else if (ie) cc = document.links[index].currentStyle.color
 else if (dom) cc = document.defaultView.getComputedStyle(document.links[index], '').getPropertyValue("color");
 if (cc.length == 4 && cc.substring(0, 1) == "#")
 {
 temp = "";
 for (var a = 0; a < 3; a++)
 temp += cc.substring(a+1, a+2) + cc.substring(a+1, a+2);
 cc = temp;
 }
 else if (cc.indexOf("rgb") != -1) cc = convertRGB(cc)
 else if (cc.length == 7) cc = cc.substring(1, 7)
 else cc = fadeTo;
 return cc;
}

function convert2Dec(hex)
{
 var rgb = new Array();
 for (var u = 0; u < 3; u++)
 rgb[u] = parseInt(hex.substring(u*2, u*2+2), 16);
 return rgb;
}

function newRGB(f, n, d)
{
 var change;
 if (d == 1) change = fiBy
 else change = foBy;
 for (var g = 0; g < 3; g++)
 {
 if (n[g] > f[g] && n[g] - change >= 0) n[g] -= change;
 if (n[g] < f[g] && n[g] + change <= 255) n[g] += change;
 }
 return n;
}

function fade(index, d)
{
 var fc, nc, temp = new Array(), finished = false;
 nc = convert2Dec(currentColour(index));
 if (d == 1) fc = convert2Dec(fadeTo)
 else fc = convert2Dec(ocs[x]);
 temp = convert2Dec(currentColour(index));
 nc = newRGB(fc, nc, d);
 if ((nc[0] == temp[0]) && (nc[1] == temp[1]) && (nc[2] == temp[2]))
 finished = true;
 if (!finished) document.links[x].style.color = "rgb(" + nc[0] + "," + nc[1] + "," + nc[2] + ")"
 else clearInterval(fader);
}

function findLink(over)
{
 if (document.layers) return;
 if (fader)
 {
 clearInterval(fader);
 document.links[x].style.color = "#" + ocs[x];
 }
 if (over && !this.id) this.id = over;
 x = 0;
 while (!(this.id == document.links[x].id) && (x < document.links.length))
 x++;
 if (this.id == document.links[x].id)
 {
 oc = currentColour(x);
 fader = setInterval("fade(" + x + ", 1)", speed);
 }
}

function clearFade()
{
 if (document.layers) return;
 if (fader) clearInterval(fader);
 fader = setInterval("fade(" + x + ", 0)", speed);
}

function init()
{
 for (var i = 0; i < document.links.length; i++)
 {
 ocs[i] = currentColour(i);
 var currentOver = document.links[i].onmouseover;
 var currentOut = document.links[i].onmouseout;
 var ignoreIt = document.links[i].className == ignoreClass;
 if (!ignoreIt) document.links[i].id = "link" + i;
 if (!currentOver && !currentOut && !ignoreIt)
 {
 document.links[i].onmouseover = findLink;
 document.links[i].onmouseout = clearFade;
 }
 }
}

if (opera || ie || dom) window.onload = init;</script>

<center><img src="http://web.ecomplanet.com/SHOR1430/ServerContent/MyCustomImages/SHOR1430CustomImage0022959.jpg" width="540" height="183" alt=""></center>

<table width="720" border="0" cellspacing="3" cellpadding="1" topmargin="0" leftmargin="0" border="1">

 <td colspan="3" bgcolor="#000000"><table width="100%" border="0" cellspacing="0" cellpadding="3">
 <div align="center">Quick
 Links: <a href="mailto:pacsunpunk08@hotmail.com" class="7" target="_blank">Contact Us</a> - <a href="http://books.dreambook.com/pacsunpunk08/thirdwatch.html" target="_blank" class="7">Guest Book</a> - <a href="http://bosconypd.suddenlaunch2.com/index.cgi" target="_blank" class="7">Forum</a></div></td>

<td width="30%" bgcolor="#C0C0C0" VALIGN="TOP">

<table width="100%" border="0" cellspacing="0" cellpadding="0">


 <td bgcolor="#000000">
<center>Third Watch</center>
 </td>
 </tr>
 <tr>

 <td bgcolor="#FFFFFF">
<center><a href="http://www.geocities.com/bosconypd55/Under.html" class="2">-Characters-</a></center>
<center><a href="http://bosconypd.suddenlaunch2.com/index.cgi" class="2">-Forum-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Linktome.html" class="4">-Link Us-</a></center>
 </td>
 </tr>
 <tr>

 <td bgcolor="#000000">
<center>Multimedia</center></a>
</td>
 </tr>
 <tr>

 <td bgcolor="#FFFFFF">
<center><a href="http://www.geocities.com/bosconypd55/Wallpaper.html" class="4">-Wallpaper-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Pictures" target="_blank" class="2">-Photos-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Graphics.html" class="4">-Graphics-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Avatars.html" class="4">-Avatars-</a></center>
</td>
 </tr>
 <tr>

 <td bgcolor="#000000">
<center>Episode Guide</center>
 </td>
 </tr>
 <tr>

 <td bgcolor="#FFFFFF">
<center><a href="http://www.geocities.com/bosconypd55/Season1.html" class="2">-Season 1-</a><center>
<center><a href="http://www.geocities.com/bosconypd55/Season2.html" class="2">-Season 2-</a><center>
<center><a href="http://www.geocities.com/bosconypd55/Season3.html" class="2">-Season 3-</a><center>
<center><a href="http://www.geocities.com/bosconypd55/Season4.html" class="2">-Season 4-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Season5.html" class="2">-Season 5- </a></center>

</table>

<table bgcolor="FFFFFF" width="100%">
 <tr>
 <td>

 </td>
 </tr>
</table>

<table bgcolor="DBDBDB" width="100%">

 <td>
<center>Up Coming Episode 
"?????"</center></td></table>

<table bgcolor="DBDBDB" width="100%">

 </td>
 </tr>
</table>


<div align="center"><script language="JavaScript" src="http://pub50.bravenet.com/minipoll/show.php?usernum=4278808937&cpv=1">
</script></div>

 <td VALIGN="TOP" bgcolor="#DBDBDB">


<center>News & Updates</center>


<iframe name="inline" src="http://www.geocities.com/BoscoNYPD55/News.html" width="350" height="1200" frameborder="0"></iframe>

 <td VALIGN="TOP" width="30%" bgcolor="C0C0C0">

Welcome to Third Watch Online! This site is dedicated to Third Watch and Third Watch only. You can find anything and everything about Third Watch here, Enjoy your stay!



<table bgcolor="DBDBDB" width="100%">

 <td>
<center>Quote of the Week 
"Don’t trip on your bling-bling, yo yo"~Bosco</center></td></table>



<center>Offical Links</center>
<center><a href="http://www.nbc.com/Third_Watch/index.html"class="2">-NBC-</a></center>
<center><a href="http://www2.warnerbros.com/thirdwatch/home.html?frompage=sitemap" class="2">-Warner Brothers-</a></center>
<center><a href="http://www.aetv.com/tv/shows/thirdwatch/" class="2">-A&E-</a></center>

<table bgcolor="C0C0C0" width="100%"> 



<center><center>Affiliates</center>
<center><a href="http://www.geocities.com/twunofficial/" target="_blank" class="7">-Third Watch :Unofficial- </a></center
<center><a href="http://cobybell.net" target="_blank" class="7">-Cobybell.net-</a></center>
<center><a href="http://www.essentialmolly.com" target="_blank" class="7">-Essential Molly- </a></center>
<center><a href="http://www.welcometocamelot.cjb.net/" target="_blank" class="7">-Welcome to Camleot- </a></center>
<center><a href="http://members.iinet.net.au/~luna/" target="_blank" class="7">-Third Watch Down Under-</a></center>
<center><a href="http://www.angelfire.com/tv2/thirdwatch2/" target="_blank" class="7">-Third Watch Paradise-</a></center>
<center><a href="http://committed.to/ThirdWatch" target="_blank" class="7">-Ultimate Third Watch-</a></center>
<center><a href="http://www.michelle-rodriguez.net" target="_blank" class="7">-MR Central-</a></center>
<center><a href="http://www.michelle-rodriguez.com" target="_blank" class="7">-MR Underground-</a></center>
<center><a href="http://goodcharlotteonline.org" target="_blank" class="7">-Good Charlotte Online-</a></center> 



<center>Contact info</center>
<center><a href="mailto:pacsunpunk08@hotmail.com" class="7" target="_blank">-E-mail the Webmaster-</a>
<center><a href="http://books.dreambook.com/pacsunpunk08/thirdwatch.html" target="_blank" class="7">-Guest Book-</a></center>



<center>Site Info</center>
<center><script language="JavaScript" type="text/javascript" src="http://www.veroweb.com/server.php?service=counter&id=bladerboy3264"></script></center>
<center><script language="JavaScript" type="text/javascript" src="http://www.uqg-2000.com/server.php?service=online&id=bladerboy3264"></script></center>



<center><A HREF="http://www.topsitelists.com/topsites.cgi?ID=1&user=BoscoNYPD55&area=start"><IMG SRC="http://web.ecomplanet.com/SHOR6950/ServerContent/MyCustomImages/SHOR6950CustomImage0564085.jpg" border=0></A></center>


<center><a href="http://silver-stardust.org/mollyprice/">
<img border="0" src="100X35-1.jpg" width="100" height="35"></center>



<center><a href="http://www.goodcharlotteonline.org/official/">
<img border="0" src="7.gif" width="100" height="35"></center>

<td><STYLE>
.{scrollbar-3d-light-color: C0C0C0;
scrollbar-arrow-color: 000000;
scrollbar-base-color: DBDBDB;
scrollbar-dark-shadow-color: C0C0C0;
scrollbar-face-color: DBDBDB;
scrollbar-highlight-color: C0C0C0;
scrollbar-shadow-color: DBDBDB}
</STYLE> </td>

</tr>
</table>
<tr bgcolor="#000000">
<td colspan="4"><center>This is just fansite and is in no way affiliated with With Third Watch, NBC, or Warner Brothers.
 No copyright infringement intended.
 Images, articles and videos are used without permission and are copyright
 to their respective owners. <a href="http://www.geocities.com/boscoNYPD55/ThirdWatch.html">"Third Watch Online"</a> is owned and maintained by <a href="mailto:pacsunpunk08@hotmail.com">"BoscoNYPD"</a>.
 "Third Watch Online" & 2003 All rights Reserved. Layout Design and Conception
 by <a href="mailto:pacsunpunk08@hotmail.com">"BoscoNYPD"</a></td></center></body>

<body>
<script language="JavaScript1.2" type="text/javascript">
// This script will no longer overwrite your current onmouseover and
// onmouseout attributes - it will instead skip those links. If you would
// still like to fade them, add findLink(this.id) to your onmouseover
// and clearFade() to your onmouseout, like so -
// <a href="#" onmouseover="findLink(this.id); yourFunction()"
// onmouseout="clearFade(); yourSecondFunction()">
// Make sure to put it BEFORE any "return" statements otherwise
// the fade will not execute.
var fadeTo = "ff5555";
// Fade in colour increment/decrement by
var fiBy = 6;
// Fade out colour increment/decrement by
var foBy = 6;
// Speed - milliseconds between each colour change in the fade
// Less than 10ms doesn't really make all that much difference, so
// 10 is the minimum effective value.
var speed = 20;
// Class name of links to NOT fade (i.e. ignore)
// var ignoreClass = "somebogusvalue" if you don't want to
// use this feature. Alternatively, add onmouseover="clearFade()"
// to the link you do not wish to fade.
var ignoreClass = "ignore";
// No more changes required (unless you know what you are doing)
// Enjoy... and email me and let me know what site(s) you are using it on :)
var opera, ie, dom, x = 0, oc, fader, ocs = new Array();
if (navigator.userAgent.indexOf("Opera") != -1) opera = true
else if (document.all && !opera) ie = true
else if (!document.all && document.getElementById) dom = true;
function convertRGB(z)
{
var newfcS = "", splitter = "";
splitter = z.split(",");
splitter[0] = parseInt(splitter[0].substring(4, splitter[0].length));
splitter[1] = parseInt(splitter[1]);
splitter[2] = parseInt(splitter[2].substring(0, splitter[2].length-1));
for (var q = 0; q < 3; q++)
{
splitter[q] = splitter[q].toString(16);
if (splitter[q].length == 1) splitter[q] = "0" + splitter[q];
newfcS += splitter[q];
}
return newfcS;
}
function currentColour(index)
{
var temp, cc;
if (opera) cc = document.links[index].style.color
else if (ie) cc = document.links[index].currentStyle.color
else if (dom) cc = document.defaultView.getComputedStyle(document.links[index], '').getPropertyValue("color");
if (cc.length == 4 && cc.substring(0, 1) == "#")
{
temp = "";
for (var a = 0; a < 3; a++)
temp += cc.substring(a+1, a+2) + cc.substring(a+1, a+2);
cc = temp;
}
else if (cc.indexOf("rgb") != -1) cc = convertRGB(cc)
else if (cc.length == 7) cc = cc.substring(1, 7)
else cc = fadeTo;
return cc;
}
function convert2Dec(hex)
{
var rgb = new Array();
for (var u = 0; u < 3; u++)
rgb[u] = parseInt(hex.substring(u*2, u*2+2), 16);
return rgb;
}
function newRGB(f, n, d)
{
var change;
if (d == 1) change = fiBy
else change = foBy;
for (var g = 0; g < 3; g++)
{
if (n[g] > f[g] && n[g] - change >= 0) n[g] -= change;
if (n[g] < f[g] && n[g] + change <= 255) n[g] += change;
}
return n;
}
function fade(index, d)
{
var fc, nc, temp = new Array(), finished = false;
nc = convert2Dec(currentColour(index));
if (d == 1) fc = convert2Dec(fadeTo)
else fc = convert2Dec(ocs[x]);
temp = convert2Dec(currentColour(index));
nc = newRGB(fc, nc, d);
if ((nc[0] == temp[0]) && (nc[1] == temp[1]) && (nc[2] == temp[2]))
finished = true;
if (!finished) document.links[x].style.color = "rgb(" + nc[0] + "," + nc[1] + "," + nc[2] + ")"
else clearInterval(fader);
}
function findLink(over)
{
if (document.layers) return;
if (fader)
{
clearInterval(fader);
document.links[x].style.color = "#" + ocs[x];
}
if (over && !this.id) this.id = over;
x = 0;
while (!(this.id == document.links[x].id) && (x < document.links.length))
x++;
if (this.id == document.links[x].id)
{
oc = currentColour(x);
fader = setInterval("fade(" + x + ", 1)", speed);
}
}
function clearFade()
{
if (document.layers) return;
if (fader) clearInterval(fader);
fader = setInterval("fade(" + x + ", 0)", speed);
}
function init()
{
for (var i = 0; i < document.links.length; i++)
{
ocs[i] = currentColour(i);
var currentOver = document.links[i].onmouseover;
var currentOut = document.links[i].onmouseout;
var ignoreIt = document.links[i].className == ignoreClass;
if (!ignoreIt) document.links[i].id = "link" + i;
if (!currentOver && !currentOut && !ignoreIt)
{
document.links[i].onmouseover = findLink;
document.links[i].onmouseout = clearFade;
}
}
}
if (opera || ie || dom) window.onload = init;</script>
<center><img src="http://web.ecomplanet.com/SHOR1430/ServerContent/MyCustomImages/SHOR1430CustomImage0022959.jpg" width="540" height="183" alt=""></center>
<table width="720" border="0" cellspacing="3" cellpadding="1" topmargin="0" leftmargin="0" border="1">
<td colspan="3" bgcolor="#000000"><table width="100%" border="0" cellspacing="0" cellpadding="3">
<div align="center">Quick
Links: <a href="mailto:pacsunpunk08@hotmail.com" class="7" target="_blank">Contact Us</a> - <a href="http://books.dreambook.com/pacsunpunk08/thirdwatch.html" target="_blank" class="7">Guest Book</a> - <a href="http://bosconypd.suddenlaunch2.com/index.cgi" target="_blank" class="7">Forum</a></div></td>
<td width="30%" bgcolor="#C0C0C0" VALIGN="TOP">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td bgcolor="#000000">
<center>Third Watch</center>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<center><a href="http://www.geocities.com/bosconypd55/Under.html" class="2">-Characters-</a></center>
<center><a href="http://bosconypd.suddenlaunch2.com/index.cgi" class="2">-Forum-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Linktome.html" class="4">-Link Us-</a></center>
</td>
</tr>
<tr>
<td bgcolor="#000000">
<center>Multimedia</center></a>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<center><a href="http://www.geocities.com/bosconypd55/Wallpaper.html" class="4">-Wallpaper-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Pictures" target="_blank" class="2">-Photos-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Graphics.html" class="4">-Graphics-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Avatars.html" class="4">-Avatars-</a></center>
</td>
</tr>
<tr>
<td bgcolor="#000000">
<center>Episode Guide</center>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<center><a href="http://www.geocities.com/bosconypd55/Season1.html" class="2">-Season 1-</a><center>
<center><a href="http://www.geocities.com/bosconypd55/Season2.html" class="2">-Season 2-</a><center>
<center><a href="http://www.geocities.com/bosconypd55/Season3.html" class="2">-Season 3-</a><center>
<center><a href="http://www.geocities.com/bosconypd55/Season4.html" class="2">-Season 4-</a></center>
<center><a href="http://www.geocities.com/bosconypd55/Season5.html" class="2">-Season 5- </a></center>
</table>
<table bgcolor="FFFFFF" width="100%">
<tr>
<td>
</td>
</tr>
</table>
<table bgcolor="DBDBDB" width="100%">
<td>
<center>Up Coming Episode
"?????"</center></td></table>
<table bgcolor="DBDBDB" width="100%">
</td>
</tr>
</table>
<div align="center"><script language="JavaScript" src="http://pub50.bravenet.com/minipoll/show.php?usernum=4278808937&cpv=1">
</script></div>
<td VALIGN="TOP" bgcolor="#DBDBDB">
<center>News & Updates</center>
<iframe name="inline" src="http://www.geocities.com/BoscoNYPD55/News.html" width="350" height="1200" frameborder="0"></iframe>
<td VALIGN="TOP" width="30%" bgcolor="C0C0C0">
Welcome to Third Watch Online! This site is dedicated to Third Watch and Third Watch only. You can find anything and everything about Third Watch here, Enjoy your stay!
<table bgcolor="DBDBDB" width="100%">
<td>
<center>Quote of the Week
"Don’t trip on your bling-bling, yo yo"~Bosco</center></td></table>
<center>Offical Links</center>
<center><a href="http://www.nbc.com/Third_Watch/index.html"class="2">-NBC-</a></center>
<center><a href="http://www2.warnerbros.com/thirdwatch/home.html?frompage=sitemap" class="2">-Warner Brothers-</a></center>
<center><a href="http://www.aetv.com/tv/shows/thirdwatch/" class="2">-A&E-</a></center>
<table bgcolor="C0C0C0" width="100%">
<center><center>Affiliates</center>
<center><a href="http://www.geocities.com/twunofficial/" target="_blank" class="7">-Third Watch :Unofficial- </a></center
<center><a href="http://cobybell.net" target="_blank" class="7">-Cobybell.net-</a></center>
<center><a href="http://www.essentialmolly.com" target="_blank" class="7">-Essential Molly- </a></center>
<center><a href="http://www.welcometocamelot.cjb.net/" target="_blank" class="7">-Welcome to Camleot- </a></center>
<center><a href="http://members.iinet.net.au/~luna/" target="_blank" class="7">-Third Watch Down Under-</a></center>
<center><a href="http://www.angelfire.com/tv2/thirdwatch2/" target="_blank" class="7">-Third Watch Paradise-</a></center>
<center><a href="http://committed.to/ThirdWatch" target="_blank" class="7">-Ultimate Third Watch-</a></center>
<center><a href="http://www.michelle-rodriguez.net" target="_blank" class="7">-MR Central-</a></center>
<center><a href="http://www.michelle-rodriguez.com" target="_blank" class="7">-MR Underground-</a></center>
<center><a href="http://goodcharlotteonline.org" target="_blank" class="7">-Good Charlotte Online-</a></center>
<center>Contact info</center>
<center><a href="mailto:pacsunpunk08@hotmail.com" class="7" target="_blank">-E-mail the Webmaster-</a>
<center><a href="http://books.dreambook.com/pacsunpunk08/thirdwatch.html" target="_blank" class="7">-Guest Book-</a></center>
<center>Site Info</center>
<center><script language="JavaScript" type="text/javascript" src="http://www.veroweb.com/server.php?service=counter&id=bladerboy3264"></script></center>
<center><script language="JavaScript" type="text/javascript" src="http://www.uqg-2000.com/server.php?service=online&id=bladerboy3264"></script></center>
<center><A HREF="http://www.topsitelists.com/topsites.cgi?ID=1&user=BoscoNYPD55&area=start"><IMG SRC="http://web.ecomplanet.com/SHOR6950/ServerContent/MyCustomImages/SHOR6950CustomImage0564085.jpg" border=0></A></center>
<center><a href="http://silver-stardust.org/mollyprice/">
<img border="0" src="100X35-1.jpg" width="100" height="35"></center>
<center><a href="http://www.goodcharlotteonline.org/official/">
<img border="0" src="7.gif" width="100" height="35"></center>
<td><STYLE>
.{scrollbar-3d-light-color: C0C0C0;
scrollbar-arrow-color: 000000;
scrollbar-base-color: DBDBDB;
scrollbar-dark-shadow-color: C0C0C0;
scrollbar-face-color: DBDBDB;
scrollbar-highlight-color: C0C0C0;
scrollbar-shadow-color: DBDBDB}
</STYLE> </td>
</tr>
</table>
<tr bgcolor="#000000">
<td colspan="4"><center>This is just fansite and is in no way affiliated with With Third Watch, NBC, or Warner Brothers.
No copyright infringement intended.
Images, articles and videos are used without permission and are copyright
to their respective owners. <a href="http://www.geocities.com/boscoNYPD55/ThirdWatch.html">"Third Watch Online"</a> is owned and maintained by <a href="mailto:pacsunpunk08@hotmail.com">"BoscoNYPD"</a>.
"Third Watch Online" & 2003 All rights Reserved. Layout Design and Conception
by <a href="mailto:pacsunpunk08@hotmail.com">"BoscoNYPD"</a></td></center></body>

ATNO/TW
Super Moderator
Joined: May 28, 2003
Posts: 23404
Loc: Woodbridge VA
Status: Offline

November 25th, 2003, 9:13 pm

This may be your entire problem in regards to this issue. See this code:

Code: [ Select ]

href="http://books.dreambook.com/pacsunpunk08/thirdwatch.html" target="_blank" class="7">Guest Book</a>

Do you see the word font in front of color=Red? That shouldn't be there.

I have no idea if that is going to fix the problem, but it may. In addition to that, a review of your source code shows me that you are intermixing the font elliment and including style attributes. That's a total no-no. First of all "font" shouldn't be used at all anymore...period. You should use style classes instead. You are doing both, and that may be attributing to your problem.

If my suggestion doesn't give you an immediate fix, then take some time and learn about coding to standards. As your page is right now, it's extremely difficult to sort through it and give you any better advice.

pacsunpunk08
Graduate
Joined: Oct 04, 2003
Posts: 149
Loc: Kenosha, WI
Status: Offline

November 26th, 2003, 6:55 am

my first question is, is there any Books about Learning HTML and buliding great web sites and ur saying no one ever uses font before the size or the color or face or anything just at the beggining of the font code and at the end to close it??? so if that true u would write it like this than

Code: [ Select ]

href="http://books.dreambook.com/pacsunpunk08/thirdwatch.html" target="_blank" class="7">Guest Book</a>

Nadric
Newbie
Joined: Nov 25, 2003
Posts: 7
Status: Offline

November 26th, 2003, 7:21 am

I think he's saying you should use CSS (Style Sheets) and make classes using that, and don't use the font tage at all.

As far as wepages on HTML, a good place to start is http://www.htmlgoodies.com

They have a lot of good tutorials for beginners. I know I have more sites, around somwhere. When I find them I'll post some more.

EDIT: Also, I read through your code...and I didn't see any links that called the fade function...

Code: [ Select ]

// This script will no longer overwrite your current onmouseover and
// onmouseout attributes - it will instead skip those links. If you would
// still like to fade them, add findLink(this.id) to your onmouseover
// and clearFade() to your onmouseout, like so -
// <a href="#" onmouseover="findLink(this.id); yourFunction()"
// onmouseout="clearFade(); yourSecondFunction()">
// Make sure to put it BEFORE any "return" statements otherwise
// the fade will not execute.

If I'm reading that right, anywhere you want the fade to occur, you have to put the onMouseover function in the tag.

Page 1 of 1

To Reply to this topic you need to LOGIN or REGISTER. It is free.

Post Information

Total Posts in this topic: 12 posts
Users browsing this forum: roelof and 126 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Geocities help

Post Information

Sponsored Links

Other Languages

Website Development

Graphics

OS & Hardware

Internet Marketing

Marketplace

Community Area

Ozzu Maintenance

Forum Network

Forum Partners

Other Information