הוסטס - פורום אחסון האתרים הגדול בישראל

אוקי.. יש לי דף כזה:

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 ההודעות נראות שקופות לגמרי ורק שמסמנים אותם רואים
יש רעיון לפיתרון?