Avatar billede supermand69 Nybegynder
07. januar 2002 - 21:53 Der er 4 kommentarer og
1 løsning

OnMouseOver ved <td>

Hvordan kan man lave en OnMouseOver ved en <td>??

Jeg har en hel række på 7 kolonner der skal ændre farve hvis en af cellerne i rækken bliver kørt over af musen...

Jeg skal også på en eller anden måde have lavet at hele celler bliver til link, så at så snart rækken skifter farve at det så bliver muligt at linke sig videre
Avatar billede realone Nybegynder
07. januar 2002 - 21:54 #1
Avatar billede medions Nybegynder
07. januar 2002 - 21:57 #2
<SCRIPT language=javascript>
       
function rowOver(){
    lmnt = window.event.srcElement;
    if (lmnt.tagName.toUpperCase() == \'TABLE\')
        return;
    while (lmnt.tagName.toUpperCase() !=\'TR\')
        lmnt = lmnt.parentElement;
    lmnt.style.background = \"#D9D9C9\";
}

function rowOut(){
    lmnt = window.event.srcElement;
    if (lmnt.tagName.toUpperCase() == \'TABLE\')
        return;
    while (lmnt.tagName.toUpperCase() !=\'TR\')
        lmnt = lmnt.parentElement;
    lmnt.style.background =\"#E2E2D4\";
}

function rowOverTD(){
    lmnt = window.event.srcElement;
    if (lmnt.tagName.toUpperCase() == \'TABLE\')
        return;
    while (lmnt.tagName.toUpperCase() !=\'TD\')
        lmnt = lmnt.parentElement;
    lmnt.style.background = \"#D9D9C9\";
}

function rowOutTD(){
    lmnt = window.event.srcElement;
    if (lmnt.tagName.toUpperCase() == \'TABLE\')
        return;
    while (lmnt.tagName.toUpperCase() !=\'TD\')
        lmnt = lmnt.parentElement;
    lmnt.style.background =\"#E2E2D4\";
}

</SCRIPT>


      <table border=\"0\" cellpadding=\"2\" onMouseOut=\"rowOut();\" onMouseOver=\"rowOver();\" width=\"520\">
        <tr>
          <th bgcolor=\"#E2E2D4\"><font face=\"Verdana\" size=\"2\"><b>&nbsp;Produkt</b></font></th>
          <th bgcolor=\"#E2E2D4\" align=\"middle\"><font face=\"Verdana\" size=\"2\"><b>Pris</b></font></th>
          <th bgcolor=\"#E2E2D4\" align=\"middle\"><font face=\"Verdana\" size=\"2\"><b>Bestil</b></font></th>
        </tr>
<%
    While NOT rs.EOF
    Pris = rs(\"produktpris\")
    Moms = \"1,25\"
    Pris = Pris * Moms
%>
        <tr bgcolor=\"#e2e2d4\">
          <td>
          <font size=\"2\" face=\"Verdana\">
          <a href=\"adress.asp\"><b><% Response.Write(rs(\"produktnavn\")) %></b><br><% Response.Write(rs(\"produktbeskrivelse\")) %></a>
          </font></td>
          <td align=middle>
          <font size=\"2\" face=\"Verdana\"><b></b><br></font>
          </td>
<td align=\"middle\"><font face=\"Verdana\" size=\"2\">
         
          <input maxLength=\"3\" name=\"Antal\" size=\"2\" value=\"1\" class=\"border\">&nbsp;
          <input name=\"Send\" type=\"submit\" value=\"Køb\" class=\"bottum\">
         
          </font></td>
          </form>
          </tr>
        </table>
Avatar billede medions Nybegynder
07. januar 2002 - 21:59 #3
prøv med det... -den har jeg selv brugt...
Avatar billede pelkjaer Nybegynder
08. januar 2002 - 00:00 #4
Avatar billede marslars Nybegynder
09. januar 2002 - 21:34 #5
Hejsa!
Jeg har lige haft noget ligendende..jeg kommer lige med noget jeg selv har brugt mange gange:
<html>
<head>
<title>bla bla</title>
<!-- Først kommer scriptet til onmouseover -->
<script langauge=\"JScript\" FOR=\"tdmenu\" EVENT=\"onmouseover\">
bgColor = \"ønsket farve\";
</script>
<!-- Og så har vi også en onmouseout -->
<script langauge=\"JScript\" FOR=\"tdmenu\" EVENT=\"onmouseout\">
bgColor = \"den tidligere farve i tabellen eller baggrundfarven..kommer an på din menu\";
</script>
</head>
<body>
<table border=\"1\">
<td width=\"100\" id=\"tdmenu\">menu tekst</td>
<tr>
<td width=\"100\" id=\"tdmenu\">menu tekst</td>
</table>
</body>
</html>

Det skulle virke...men dette eksempel virker kun i IE.
Håber at der virker
Mvh. Marslars
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester