• Starting today August 7th, 2024, in order to post in the Married Couples, Courting Couples, or Singles forums, you will not be allowed to post if you have your Marital status designated as private. Announcements will be made in the respective forums as well but please note that if yours is currently listed as Private, you will need to submit a ticket in the Support Area to have yours changed.

  • CF has always been a site that welcomes people from different backgrounds and beliefs to participate in discussion and even debate. That is the nature of its ministry. In view of recent events emotions are running very high. We need to remind people of some basic principles in debating on this site. We need to be civil when we express differences in opinion. No personal attacks. Avoid you, your statements. Don't characterize an entire political party with comparisons to Fascism or Communism or other extreme movements that committed atrocities. CF is not the place for broad brush or blanket statements about groups and political parties. Put the broad brushes and blankets away when you come to CF, better yet, put them in the incinerator. Debate had no place for them. We need to remember that people that commit acts of violence represent themselves or a small extreme faction.

  • We hope the site problems here are now solved, however, if you still have any issues, please start a ticket in Contact Us

  • The rule regarding AI content has been updated. The rule now rules as follows:

    Be sure to credit AI when copying and pasting AI sources. Link to the site of the AI search, just like linking to an article.

HTML coding problem

Jump to latest Follow Reply
Sort by date Sort by votes
icebreaker

icebreaker

Regular Member
Oct 26, 2003
235
7
43
Elizabeth City, NC
✟400.00
Faith
Christian
Marital Status
Married
Header
javascripts by http://www.bravenet.com -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<head>
<style>
.tds
{
background-color: #004891;
height: 20px;
text-align: center;
border: 1px solid white;
font-size: 14px;
filter:alpha(opacity=45);
-moz-opacity:45%;
cursor: hand;
}
A:link {font: bold 12px arial; color: #ffffff; text-decoration: none;}
A:visited {font: bold 12px arial; color: #ffffff; text-decoration: none;}
A:hover {font: bold 12px arial; color: #E9F0F8; text-decoration: underline;}
</style>
<script language="JavaScript">
<!-- hiding
function locktrueie(myform){myform.ie.checked=true;}
function lockfalsenet(myform){myform.nets.checked=true;}
function goToURL() { window.location = "http://www.javascriptsource.com"; }
function nochange(mycheckbox)
{
if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}
}
nOpac = 50
nPlus = 2
nMin = 1
speed = 30
timer = null;
timer2 = null;
var ie5=(document.all && document.getElementById);
var ns6=(!document.all && document.getElementById);
function fadeImg2(teller)
{
apl[teller][1] = "Up";
changes();
}
function fadeImgend2(teller)
{
apl[teller][1] = "Down";
setTimeout("changes()",50);
}
function changes()
{
next_loop = true;
for (i=0;i<apl.length;i++)
{
obj = link_table.rows.cells[0];
opacity = apl[0]
if (apl[1] == "Up")
{
opacity += nPlus;
apl[0] = opacity;
if (apl[0] > 105)
{apl[1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
else
{
if (apl[1] == "Down")
{
opacity -= nMin;
apl[0] = opacity;
if (apl[0] < 45)
{apl[1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
}
if(ie5){
obj.style.filter="alpha(opacity="+opacity+")";
}
if(ns6){
obj.style.MozOpacity = opacity + '%';
}
}
if (next_loop == false)
{
timer = setTimeout("changes()",speed);
}
else
{
clearTimeout(timer);
}
}
//for each link option you need to make a new Array;
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
//expl: apl[6] = new Array(45,"");
// End -->
</script>
</head>


Body:
<body>
<table cellpadding=0 cellspacing=0 name=link_table id=link_table>
<tr>
<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com">Home</a></td">http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webtools/index.php">Tools</td">http://www.bravenet.com/webtools/index.php">Tools</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webhosting/index.php">Hosting</td">http://www.bravenet.com/webhosting/index.php">Hosting</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webhosting/index.php">Domains</td">http://www.bravenet.com/webhosting/index.php">Domains</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/resources/index.php">Resources</td">http://www.bravenet.com/resources/index.php">Resources</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/help/index.php">Help</td">http://www.bravenet.com/help/index.php">Help</td>
</tr>
</table>




now my problem is that I can get this to work just fine but I want to add 7 more linkes to the list I am able to add them in the body html code no problem and they show up when I put the html on the page but the fading action is not working and im not sure what to change in the header part to get the fading action to work in all 12 links.
 
Mr.Pious

Mr.Pious

Senior Veteran
Dec 23, 2003
2,115
63
41
✟32,602.00
Faith
Atheist
Politics
US-Others
//for each link option you need to make a new Array;
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
//expl: apl[6] = new Array(45,"");
// End -->


figure it out....
 
Upvote 0
icebreaker

icebreaker

Regular Member
Oct 26, 2003
235
7
43
Elizabeth City, NC
✟400.00
Faith
Christian
Marital Status
Married
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
//expl: apl[6] = new Array(45,"");
// End -->

I did this
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
apl[6] = new Array(45,"");
apl[7] = new Array(45,"");
apl[8] = new Array(45,"");
apl[9] = new Array(45,"");
apl[10] = new Array(45,"");
apl[11] = new Array(45,"");
apl[12] = new Array(45,"");
//expl: apl[6] = new Array(45,"");
// End -->

after doing this only the first five would have the fading effect that last 7 wouldnt do anything.
 
Upvote 0
marduke

marduke

I am Me ;)
Feb 10, 2004
4,734
70
✟27,743.00
Faith
Pentecostal
Marital Status
Single
your code is all messed up

to get it to works properly delete the bits i have in red:

<tr>
<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com">Home</a></td">http://www.bravenet.com">Home</a></td>
</tr>

let me know if you have anymore problems :)
 
Upvote 0
marduke

marduke

I am Me ;)
Feb 10, 2004
4,734
70
✟27,743.00
Faith
Pentecostal
Marital Status
Single
oh and also when you add more links just change the numbers that i have highlighted in red to whatever number link it is.. (i used 6 as an example)

<tr>
<td class="tds" onmouseover="fadeImg2(6)" onmouseout="fadeImgend2(6)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>

let me know if you have anymore probs.
 
Upvote 0
marduke

marduke

I am Me ;)
Feb 10, 2004
4,734
70
✟27,743.00
Faith
Pentecostal
Marital Status
Single
ok mate i did most of the work for you just copy and paste this and change the names of the links etc.

hope its a help. :)

<html>
<!-- Header
javascripts by http://www.bravenet.com -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<head>
<style>
.tds
{
background-color: #004891;
height: 20px;
text-align: center;
border: 1px solid white;
font-size: 14px;
filter:alpha(opacity=45);
-moz-opacity:45%;
cursor: hand;
}
A:link {font: bold 12px arial; color: #ffffff; text-decoration: none;}
A:visited {font: bold 12px arial; color: #ffffff; text-decoration: none;}
A:hover {font: bold 12px arial; color: #E9F0F8; text-decoration: underline;}
</style>
<script language="JavaScript">
<!-- hiding
function locktrueie(myform){myform.ie.checked=true;}
function lockfalsenet(myform){myform.nets.checked=true;}
function goToURL() { window.location = "http://www.javascriptsource.com"; }
function nochange(mycheckbox)
{
if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}
}
nOpac = 50
nPlus = 2
nMin = 1
speed = 30
timer = null;
timer2 = null;
var ie5=(document.all && document.getElementById);
var ns6=(!document.all && document.getElementById);
function fadeImg2(teller)
{
apl[teller][1] = "Up";
changes();
}
function fadeImgend2(teller)
{
apl[teller][1] = "Down";
setTimeout("changes()",50);
}
function changes()
{
next_loop = true;
for (i=0;i<apl.length;i++)
{
obj = link_table.rows.cells[0];
opacity = apl[0]
if (apl[1] == "Up")
{
opacity += nPlus;
apl[0] = opacity;
if (apl[0] > 105)
{apl[1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
else
{
if (apl[1] == "Down")
{
opacity -= nMin;
apl[0] = opacity;
if (apl[0] < 45)
{apl[1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
}
if(ie5){
obj.style.filter="alpha(opacity="+opacity+")";
}
if(ns6){
obj.style.MozOpacity = opacity + '%';
}
}
if (next_loop == false)
{
timer = setTimeout("changes()",speed);
}
else
{
clearTimeout(timer);
}
}
//for each link option you need to make a new Array;
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
apl[6] = new Array(45,"");
apl[7] = new Array(45,"");
apl[8] = new Array(45,"");
apl[9] = new Array(45,"");
apl[10] = new Array(45,"");
apl[11] = new Array(45,"");
apl[12] = new Array(45,"");
//expl: apl[6] = new Array(45,"");
// End -->
</script>
</head>

<body>
<table cellpadding=0 cellspacing=0 name=link_table id=link_table>
<tr>
<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(6)" onmouseout="fadeImgend2(6)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(7)" onmouseout="fadeImgend2(7)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(8)" onmouseout="fadeImgend2(8)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(9)" onmouseout="fadeImgend2(9)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(10)" onmouseout="fadeImgend2(10)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(11)" onmouseout="fadeImgend2(11)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(12)" onmouseout="fadeImgend2(12)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><A href="http://www.bravenet.com">Home</a></td>
</tr>

</table>
</body>
</html>
 
  • Like
Reactions: icebreaker
Upvote 0
4

4thwatcher

Watching Servant
Dec 18, 2003
102
3
53
Visit site
✟30,250.00
Faith
Christian
check this out, it worked:


<head>
<style>
.tds
{
background-color: #004891;
height: 20px;
text-align: center;
border: 1px solid white;
font-size: 14px;
filter:alpha(opacity=45);
-moz-opacity:45%;
cursor: hand;
}
A:link {font: bold 12px arial; color: #ffffff; text-decoration: none;}
A:visited {font: bold 12px arial; color: #ffffff; text-decoration: none;}
A:hover {font: bold 12px arial; color: #E9F0F8; text-decoration: underline;}
</style>
<script language="JavaScript">
<!-- hiding
function locktrueie(myform){myform.ie.checked=true;}
function lockfalsenet(myform){myform.nets.checked=true;}
function goToURL() { window.location = "http://www.javascriptsource.com"; }
function nochange(mycheckbox)
{
if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}
}
nOpac = 50
nPlus = 2
nMin = 1
speed = 30
timer = null;
timer2 = null;
var ie5=(document.all && document.getElementById);
var ns6=(!document.all && document.getElementById);
function fadeImg2(teller)
{
apl[teller][1] = "Up";
changes();
}
function fadeImgend2(teller)
{
apl[teller][1] = "Down";
setTimeout("changes()",50);
}
function changes()
{
next_loop = true;
for (i=0;i<apl.length;i++)
{
obj = link_table.rows.cells[0];
opacity = apl[0]
if (apl[1] == "Up")
{
opacity += nPlus;
apl[0] = opacity;
if (apl[0] > 105)
{apl[1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
else
{
if (apl[1] == "Down")
{
opacity -= nMin;
apl[0] = opacity;
if (apl[0] < 45)
{apl[1] = "";}
else
{next_loop = false;}
nOpac = opacity;
}
}
if(ie5){
obj.style.filter="alpha(opacity="+opacity+")";
}
if(ns6){
obj.style.MozOpacity = opacity + '%';
}
}
if (next_loop == false)
{
timer = setTimeout("changes()",speed);
}
else
{
clearTimeout(timer);
}
}
//for each link option you need to make a new Array;
var apl = new Array();
apl[0] = new Array(45,"");
apl[1] = new Array(45,"");
apl[2] = new Array(45,"");
apl[3] = new Array(45,"");
apl[4] = new Array(45,"");
apl[5] = new Array(45,"");
apl[6] = new Array(45,"");
apl[7] = new Array(45,"");
apl[8] = new Array(45,"");
apl[9] = new Array(45,"");
//expl: apl[10] = new Array(45,"");
// End -->
</script>
</head>

<body>
<table cellpadding=0 cellspacing=0 name=link_table id=link_table>
<tr>
<td class="tds" onmouseover="fadeImg2(0)" onmouseout="fadeImgend2(0)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com">Home</a></td">http://www.bravenet.com">Home</a></td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(1)" onmouseout="fadeImgend2(1)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webtools/index.php">Tools</td">http://www.bravenet.com/webtools/index.php">Tools</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(2)" onmouseout="fadeImgend2(2)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webhosting/index.php">Hosting</td">http://www.bravenet.com/webhosting/index.php">Hosting</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(3)" onmouseout="fadeImgend2(3)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webhosting/index.php">Domains</td">http://www.bravenet.com/webhosting/index.php">Domains</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(4)" onmouseout="fadeImgend2(4)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/resources/index.php">Resources</td">http://www.bravenet.com/resources/index.php">Resources</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(5)" onmouseout="fadeImgend2(5)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/help/index.php">Help</td">http://www.bravenet.com/help/index.php">Help</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(6)" onmouseout="fadeImgend2(6)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webtools/index.php">Tools</td">http://www.bravenet.com/webtools/index.php">Tools</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(7)" onmouseout="fadeImgend2(7)" onclick="window.location='#';" style="border: 1px solid white; color: white;background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webhosting/index.php">Hosting</td">http://www.bravenet.com/webhosting/index.php">Hosting</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(8)" onmouseout="fadeImgend2(8)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/webhosting/index.php">Domains</td">http://www.bravenet.com/webhosting/index.php">Domains</td>
</tr>
<tr>
<td class="tds" onmouseover="fadeImg2(9)" onmouseout="fadeImgend2(9)" onclick="window.location='#';" style="border: 1px solid white; color: white; background-color: #004891; width:100px; text-align:center;";><a href="<A href="http://www.bravenet.com/resources/index.php">Resources</td">http://www.bravenet.com/resources/index.php">Resources</td>
</tr>
</table>

</body>
</html>


JUST REVISE THE NECESSARY FIELDS!!! GOD BLESS :)
 
Upvote 0

Similar threads

revanneosl
video embed test
Replies
9
Views
1K
Testing 1,2,3...
Revived
Revived
M
KKK and Jesse Jackson at the Same Event
Replies
3
Views
704
News & Current Events (Articles Required)
Dewjunkie
Dewjunkie
Top Bottom
Jump to latest Follow Reply
Jump to latest Follow Reply