I’m trying to have a <div> area replaced by another when a link is being mouseovered.
I took the code from here: [url]http://www.codingforums.com/showthread.php?t=39076
Everything looks great and in place but the code isn’t working.
In one time it did work on one link but I couldn’t manage to make all the links work.
I must admit, I know nothing about JavaScript.
Can anyone please help me figure this out? thanks!
[code]
<html dir=”rtl”>
<head><style type=”text/css”>
table.news {
border-width: 1px; border-spacing: 0px ; border-style: solid; border-color:
#1e6d5a ; border-collapse: collapse;
}
</style>
<script language=”JavaScript”>
//fades layer in
ie5 = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
opac = 0;
function fadeIn(articale1) {
if(opac != 100){
opac2 = 100;
opac+=1;
if(ie5) document.getElementById(‘articale1’).filters.alpha.opacity = opac;
if(ns6) document.getElementById(‘articale1’).style.MozOpacity = opac/465;
setTimeout(‘fadeIn(articale2)’, 0);
}
function fadeIn() {
if(opac != 100){
opac2 = 100;
opac+=1;
if(ie5) document.getElementById(‘articale2’).filters.alpha.opacity = opac;
if(ns6) document.getElementById(‘articale2’).style.MozOpacity = opac/465;
setTimeout(‘fadeIn()’, 0);
}
}
</script>
<style>
.articale {position:absolute; right:0px; top:0px; width:465px; height:192px;
clip:rect(0,465,465,0); filter: alpha(opacity=100); -moz-opacity:100%;
background-color:red; z-index:1;}
</style>
</head>
<body>
<div id=”articale1″ class=”articale”>
<table border=0 CELLSPACING=0 CELLPADDING=0 width=465
class=news>
<tr><td><IMG SRC=”images/stevie1.gif”><br>
</td></tr><tr><td ALIGN=right VALIGN=middle bgcolor=white colspan=6
height=20>
<font face=tahoma size=2 color=#9e2a28>
<b>וידאו: צפו בסיקור עונת 2007/8 של סטיבן ג’רארד > 01/06/2008
10:51
</td></tr><tr><td ALIGN=right VALIGN=middle bgcolor=#1e6d5a
colspan=6 height=54>
<font face=tahoma size=1 color=white><b>
למרות עונה מאכזבת עבור הקבוצה, לסטיבי ג’י הייתה עונה נהדרת
באופן אישי. היא כללה לא מעט שערים עוצרי נשימה, לא מעט שערים
חשובים וחלוקת שפע של אסיסטים כמו סלסלת ביכורים בחג השבועות.
צפו בסיקור העונה של מספר 8.
</td></tr></table>
</div>
<div id=”articale2″ class=”articale”>
<table border=0 CELLSPACING=0 CELLPADDING=0 width=465
class=news>
<tr><td><IMG SRC=”images/Irwin1.gif”><br>
</td></tr><tr><td ALIGN=right VALIGN=middle bgcolor=white colspan=6
height=20>
<font face=tahoma size=2 color=#9e2a28>
<b>השחקן המסומן: סטיבן אירווין > 03/06/2008 16:09
</td></tr><tr><td ALIGN=right VALIGN=middle bgcolor=#1e6d5a
colspan=6 height=54>
<font face=tahoma size=1 color=white><b>
האתר הרשמי בחר חמישה אנשים שיסמנו את השחקן המבטיח שלהם
לעונת 2008/9. השבוע כתב המגזין של ליברפול עד גיל 18, ג’ון היינס,
מצפה מסטיבן אירווין לדברים גדולים.
</td></tr></table>
</div>
<div id=”articale3″ class=”articale”>
<table border=0 CELLSPACING=0 CELLPADDING=0 width=465
class=news>
<tr><td><IMG SRC=”images/Season1.gif”><br>
</td></tr><tr><td ALIGN=right VALIGN=middle bgcolor=white colspan=6
height=20>
<font face=tahoma size=2 color=#9e2a28>
<b>ליברפול מודל 2007/8: סיכום עונה > 27/05/2008 11:06
</td></tr><tr><td ALIGN=right VALIGN=middle bgcolor=#1e6d5a
colspan=6 height=54>
<font face=tahoma size=1 color=white><b>
רן סטוצקי, הידוע בכינויו vstots בפורום, הכין לכבוד פתיחת ארכיון
הקבוצה באתר שלנו ולכבוד העונה שסוף סוף מאחורינו סיכום לעונת
2007/8. לא כדאי לפספס אף מילה.
</td></tr></table>
</div>
<TABLE style=”BORDER-COLLAPSE: collapse; position:absolute; right:0px;
top:268px;” borderColor=#1e6d5a border=1 cellSpacing=0 cellPadding=0
width=465 bgColor=#d1b1b3>
<TR>
<TD style=”WIDTH: 40px; HEIGHT: 40px” width=40 height=40><IMG
src=”images/Stevie2.gif”></TD>
<TD width=115><font face=tahoma size=1 color=black><a href=’#’
onMouseOver=”fadeIn(‘articale1′);”>וידאו: צפו בסיקור עונת 2007/8 של
סטיבן ג’רארד</a></TD>
<TD width=40 height=40><a href=’#’ onMouseOver=”fadeIn
(‘articale2′);”><IMG src=”images/Irwin2.gif” border=0></a></TD>
<TD width=115><font face=tahoma size=1 color=black><a href=’#’
onMouseOver=”fadeIn(‘articale2′);”>השחקן המסומן: סטיבן
אירווין</a></TD>
<TD width=40 height=40><a href=’#’ onMouseOver=”fadeIn();”><IMG
src=”images/Season2.gif” border=0></TD>
<TD width=115><font face=tahoma size=1 color=black><a href=’#’
onMouseOver=”fadeIn();”>ליברפול מודל 2007/8: סיכום
עונה</a></TD></TR>
<TR>
<TD width=40 height=40><IMG src=”images/Euro2.gif”></TD>
<TD width=115><font face=tahoma size=1 color=black>יורו 2008:
המדריך השלם</TD>
<TD width=40 height=40><IMG src=”images/Promoted2.gif”></TD>
<TD width=115><font face=tahoma size=1 color=black>הכר את העולות
החדשות</TD>
<TD width=40 height=40><IMG src=”images/CL2.gif”></TD>
<TD width=115><font face=tahoma size=1 color=black>וידאו: היזכר
בגמר האירופאי הטוב ביותר בכל הזמנים</TD></TR></TABLE>
<TABLE style=”position:absolute; right:0px; top:348px;” border=0
cellSpacing=0 cellPadding=4 width=465 height=10>
<TR><TD width=350></TD>
<TD width=115 bgcolor=#9e2a28 align=center><font face=tahoma
size=1 color=white><b>כתבות נוספות</TD></TR></TABLE>
</body>
</html>
[/code]
——————–
Sorry you can’t see some of the language.