JavaScript

dope_dope

Hi Leute,

ich habe eine Liste mit mehreren Links und würde gerne, dass sich der Hintergrund beim Drüberfahren mit der Maus farblich verändert (onmouseover, onmouseout). Dummerweise hab ich seit Ewigkeiten kein JavaScirpt mehr benutzt, hatte sowas früher mal mit Tabellenzeilen, aber bei der Liste geht das nicht.

<li class="left-inhalt"><a href="index.php?page_m=home/archiv/archiv.html" target=_top>Archiv</a>

Hoffe ihr könnt mir helfen,
thx, MFG
dope_dope

flenders

Wieso sollte es da nicht gehen bzw. anders sein
Aber mit css und :hover ist es eh schöner - wird aber noch nicht von allen Browsern voll unterstützt

dope_dope

na bei tabellen hab ich das so gemacht:

<tr>
 <td id="row_1" class="menulist">
   <a href="index.html" 
   onmouseover='hi("1");' 
   onmouseout='low("1");'>
   Home</a>
 </td>
</tr>

und die funktionen dazu sind:

// hilight navigation background
function hi(id){
        if(isie) {
                obj = document.all["row_"+id];
                obj.style.setAttribute("backgroundColor",colorContent,"false");
        } /*else {
                obj = eval("document.layers.content.layers.menuitem_"+id);
                if (obj)
                        obj.bgColor=colorContent;
                else { // 2. Ebene...
                        obj = eval("document.layers.content.layers.menuitem_"+id+"_1");
                        obj.bgColor=colorContent;
                        obj = eval("document.layers.content.layers.menuitem_"+id+"_2");
                        obj.bgColor=colorContent;
                }
        }*/
}

// unhilight navigation background
function low(id) {
        if(isie) {
                obj = document.all["row_"+id];
                obj.style.setAttribute("backgroundColor","","false");
        }/* else {
                obj = eval("document.layers.content.layers.menuitem_"+id);
                obj.bgColor=null;
        }*/
}

aber wie gesagt steigt ich durch JS nicht mehr so durch.
mit css a.hover krieg ich ja nur den direkten Texthintergrund farbig, also nur da wo auch Buchstaben stehen. Möchte aber die gesamme Zeile farbig!

flenders

evtl. hilft da ein display:block;

dope_dope

display: block;

hab ich nicht probiert, aber mit

width:100%;

gehts!