[Distance]

Hey there!

I have got a small script for my forum.. and it has some xhtml errors, is there any chance someone could fix the errors for me

Place

<script type="text/javascript">
<!--

setup_memberlegend = function(tobj)
{
    prefix = ''
    suffix = ''

    if (tobj.getAttribute('clr'))
    {
        prefix += '<span style="color:' + tobj.getAttribute('clr') + ';">'
        suffix += '</span>'
    }

    if (tobj.getAttribute('bold'))
    {
        prefix += '<b>'
        suffix += '</b>'
    }

    if (tobj.getAttribute('undr'))
    {
        prefix += '<u>'
        suffix += '</u>'
    }

    if (tobj.getAttribute('ital'))
    {
        prefix += '<em>'
        suffix += '</em>'
    }

    fetch_object('memberlegend').innerHTML = prefix + tobj.getAttribute('group') + suffix
}

-->
</script>

Below <!-- what's going on box --> in FORUMHOME template.


Then in the logged in users add

<tr>
        <td class="thead">Member Legends</td>
    </tr>
    <tr>
        <td class="alt1">

        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="Members" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:#dce3e8;"></div>
        </div>
        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="Dedicated Members" bold="y" clr="lightblue" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:lightblue;"></div>
        </div>
        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="Elite Members" bold="y" clr="#ffffff" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">

            <div class="tborder" style="height:8px;width:8px;background:#ffffff;"></div>
        </div>
        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="GZE Reviewers" bold="y" clr="#999999" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:#999999;"></div>
        </div>
        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="RPG Moderators" bold="y" clr="orange" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:orange;"></div>

        </div>
        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="Moderators" bold="y" clr="#05C23F" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:#05C23F;"></div>
        </div>
        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="Super Moderators" ital="y" clr="#3399cc" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:#3399cc;"></div>
        </div>

        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="Administrators" clr="#9966ff" bold="y" ital="y" undr="y" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:#9966ff;"></div>
        </div>
        <div style="float:left;">&nbsp;</div>
        <div class="tborder" style="float:left;height:8px;width:8px;padding:2px;" group="Elite Administrators" clr="#0099FF" bold="y" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
            <div class="tborder" style="height:8px;width:8px;background:#0099FF;"></div>
        </div>
        <div style="float:left;width:10px;height:1px;">&nbsp;</div>

        <div style="float:left;" id="memberlegend"></div>
        </td>
    </tr>

Errors I get..

Error Line 2144 column 82: there is no attribute "group".

...ht:8px;width:8px;padding:2px;" group="Members" onmouseover="setup_memberlegen

Error Line 2148 column 107: there is no attribute "bold".

...2px;" group="Dedicated Members" bold="y" clr="lightblue" onmouseover="setup_m

Error Line 2148 column 115: there is no attribute "clr".

...oup="Dedicated Members" bold="y" clr="lightblue" onmouseover="setup_memberleg

Error Line 2170 column 106: there is no attribute "ital".

...:2px;" group="Super Moderators" ital="y" clr="#3399cc" onmouseover="setup_mem

Error Line 2175 column 136: there is no attribute "undr".

...clr="#9966ff" bold="y" ital="y" undr="y" onmouseover="setup_memberlegend(this

Thanks a bunch!

Josh

[Shadow2531]

Remove the group, bold, clr, ital and undr attributes from any elements that have them. Those attributes are not defined in the XHTML 1.0 Transitional DTD, so you can't use them if you want to pass validation.

You need to use a different solution that doesn't use those attributes.

[Distance]

I see, could you give ma an example on how I could do it then?

Thanks
Josh

[Shadow2531]

Post a full working *example* showing how everything is supposed work. Then, someone can modify it so the attributes are not needed.

[Distance]

http://REMOVED/ uses the same script.

Thanks
Josh Leafe

[Shadow2531]

There are a zillion ways to do that.

Attached is the first one that came to mind.

[Distance]

This Page Is Valid XHTML 1.0 Transitional!

Thanks!