אוקי.. יש לי דף כזה:
PHP קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rtl">
<head>
<title>פורום עץ לינארי</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
<!-- <![CDATA[
function showNhide(id)
{
var obj = document.getElementById(id);
obj.style.display=(obj.style.display=="block"?"none":"block");
}
function showMessage(index, deep)
{
if(deep == 1)
{
document.write('<div class="rootmsg">'+"\n");
document.write('<div class="resmsg">');
document.write('<span onclick="showNhide(\'linking_'+recArray[index+4]+'\')" >'+recArray[index+1]+'<\/span>');
document.write('<\/div>');
document.write('<div id = "linking_'+recArray[index+4]+'" style="display: none;">');
document.write('<div class = "rescon">'+recArray[index+2]+'<\/div>');
for (var a=0;a<recArray.length;a+=cntFields)
{
if (recArray[a]==recArray[index+3])
showMessage(a, 2);
}
document.write('<\/div>');
}
else
{
var ped = (deep - 1) * 20;
document.write('<div class="resmsg" style="margin-right: '+ped+'px;">');
document.write('<span onclick="showNhide(\'mess_'+recArray[index+3]+'\')" >'+recArray[index+1]+'<\/span>');
document.write('<\/div>');
document.write('<div class = "rescon" id = "mess_'+recArray[index+3]+'" style="margin-right: '+ped+'px; display: none;">'+recArray[index+2]+'<\/div>');
for (var a=0;a<recArray.length;a+=cntFields)
{
if (recArray[a]==recArray[index+3])
showMessage(a, deep + 1);
}
}
}
// ]]> -->
</script>
</head>
<body>
<div id = "recDATA">
0*ברוכים הבאים לפורום*מה קורה?*1*1*1*מגניב..*בתור אחד שמבין..*2*1*2*מי אתה שמבין?*אינשטיין?*3*1*2*מה אתה חושב?*שאתה מבין? פחחחחחחחחח.. הרשה לי לגחך*8*1*3*כן!*יש בעיות?*4*1*0*נושא ראשון*ואני אדאג שאחרון!*5*5*5*שתוק ימאפן!*בידיוק!*6*5*6*שוב יש בעיות*הא?!*7*5</div>
<script type = "text/javascript">
<!-- <![CDATA[
var rec = document.getElementById('recDATA');
recArray = rec.innerHTML;
rec.innerHTML = '';
recArray = recArray.split("*"); /// Now we have array with one dimension of records
var cntFields = 5;
for (var i=0;i<recArray.length;i+=cntFields)
{
if (recArray[i]==0)
{
showMessage(i, 1);
document.write("<hr />")
}
}
// ]]> -->
</script>
הדף נוצר ב-0.01766204שניות</body>
</html>
וקובץ ה- CSS הוא:
PHP קוד:
.rootmsg
{
background : url(images/postBar.jpg);
}
.resmsg
{
filter: alpha(opacity=30);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30 );
-moz-opacity: 0.30;
opacity:0.3;
border : 1px solid Black;
background : url(images/postBack.gif);
color : Black;
}
.rescon
{
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50 );
-moz-opacity: 0.50;
opacity:0.5;
border : 1px solid Black;
background :url(images/postBack.gif);
color : Black;
}
ב- FF הכל הולך חלק, הפורום נראה נהדר
ב- IE ההודעות נראות שקופות לגמרי ורק שמסמנים אותם רואים
יש רעיון לפיתרון?