Avatar billede praktikanten Nybegynder
18. februar 2005 - 15:45 Der er 8 kommentarer og
1 løsning

Grim hover effekt

Hi eksperter,

Har netop lavet hover effekt på mine tabeller:
http://www.team-nopanic.dk/pages/specifications.asp

Men nogle gange når jeg fører cusoren over tabellerne, så bliver kanten på tabellen fnidret eller den skifter farve. Eller er det bare på min computer?

Hvorfor gør den det?
Vedlægger kode her:

___________________________________________________________
Dette stykke kode ligger i head området:
<script language="JavaScript">
  function co(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#F1F3F8'
    } else if (mode=="out") {
      cursortype = 'hand'
      colorval = '#EDF0F6'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>


Dette er så min tabel:
<table width="545" border="0" cellpadding="5" cellspacing="0" class="uplight" onmouseover="co(this,'in');" onmouseout="co(this,'out');" <a href="#" style="width: 100%;">
              <tr>
                <td width="522" height="106" align="left" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="text11">
                  <tr>
                    <td width="299" height="18" valign="top"><% response.write(" " & RS("topic") & "  ")%></td>
                    </tr>
                </table>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="text10">
                    <tr>
                      <td width="299" height="18" valign="top"><% response.write(" <font color='#999999'>Sidst opdateret d. " & formatdatetime(RS("lastupdated"),2) & " kl. " & formatdatetime(RS("lastupdated"),4) & "</a></font>  ")%></td>
                    </tr>
                  </table>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="text10">
                    <tr>
                      <td height="18" valign="top"><%    Response.Write( rs("shortdescription") ) %></td>
                    </tr>
                  </table>                  <br>                  <br>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" class="textlight11">
                    <tr>
                      <td width="299" height="18" valign="top"><em><% response.write(" <font color='#cccccc'>Forfatter. " &  RS("author") & "</font>") %></em>

            </td>
                    </tr>
                  </table>                  </td>
                <td width="2" valign="top"><img src="../grafik/icons/doc.gif" width="12" height="16"></td>
              </tr>
            </table>
 
            <br>
            <%
        rs.Movenext
    loop
closedb()
%>    </a>
Avatar billede roenving Novice
18. februar 2005 - 15:56 #1
Du har da noget meget mærkelig kode i dit table-tag:

<table width="545" border="0" cellpadding="5" cellspacing="0" class="uplight" onmouseover="co(this,'in');" onmouseout="co(this,'out');" style="width: 100%;cursor:pointer;">

-- og så kan du forenkle dit javascript til:

<script type="text/javascript">
function co(element,mode) {
  element.style.background=(mode=='in')?'#F1F3F8':'#EDF0F6';
}
</script>

-- for en cursor virker alligevel kun, når musen er over elementet, så den kan man ligesågodt sætte som style-property !-)
Avatar billede praktikanten Nybegynder
18. februar 2005 - 16:24 #2
Nu har jeg rettet, men den fnidre stadig på dens borders ved mouseover
Avatar billede olebole Juniormester
18. februar 2005 - 16:42 #3
<ole>

Din førerhund må gø ad noget andet ... der er ikke nogen synlige fejl  ;o)

/mvh
</bole>
Avatar billede praktikanten Nybegynder
18. februar 2005 - 16:51 #4
Jamen kan det så være at det er fordi scriptet ikke kan lide "dashed" borders ?
Avatar billede roenving Novice
18. februar 2005 - 21:16 #5
dashed borders giver kun ordentlig rendering, når borders er mindst 2 (eller 3 !-) px ...
Avatar billede praktikanten Nybegynder
18. februar 2005 - 22:05 #6
Okay - jamen så har jeg da det på plads :)
Ligger du lige et svar så får du dine point :)
Avatar billede roenving Novice
18. februar 2005 - 23:04 #7
Virker det da ordentligt nu ?-)

-- så velbekomme '-)
Avatar billede praktikanten Nybegynder
18. februar 2005 - 23:13 #8
Nej det virker ikke, men nu har jeg jo lært hvorfor :)
Avatar billede roenving Novice
18. februar 2005 - 23:24 #9
Tak for point ;~}
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