Celle/tabel mouseover halløjsa

Prøv om du kan bruge det her:

<td onmouseover=\"this.style.background=\'#dcdcdc\';\" onmouseout=\"this.style.background=\'#c0c0c0\';\" bgcolor=\"#CCCCCC</td>
  </tr>

er det det her du mener?

mellem <head> og </head>:
<script language=\"JavaScript\">
  function co(element,mode) {
    if (mode==\"in\") {
      cursortype = \'hand\'
      colorval = \'#C60000\'
    } else if (mode==\"out\") {
      cursortype = \'\'
      colorval = \'#666666\'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>

ind i <body>:

<table>
<tr>
  <td bgcolor=\"#666666\" onmouseover=\"co(this,\'in\');\" onmouseout=\"co(this,\'out\');\" onClick=\"top.parent.location.href=\'dinside.html\';\"><font face=\"verdana\" size=\"1\"><a href=\"dinside.html\" target=\"iframe\">Forside</a></font></td>
</tr>
</table>

Kilden fra www.itbutikken.dk siger at du skal smide følgende kode i din head:

<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 = \"#d4dcdc\";
}

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

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

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

</script>

Og denne kode i hver table:
<table onmouseover=\"rowOver();\" onmouseout=\"rowOut();\" >

http://www.builder.dk/artikler/article.asp?Id=71

der er SÅ mange muligheder. personligt foretrække jeg builders.

ezzuk : Uhm... hvad har det link med det at gøre? *G*

undskyld, jeg angav et forkert link....

ezzuk : *LoL*

builder har lavet en fejl

Uhm... fejl? Hvordan det?

parazite >>

Jeg kan ikke se hvor jeg skal sætte denne kode ind:

<table onmouseover=\"rowOver();\" onmouseout=\"rowOut();\" >


Sådan ser min fil ud:

<html>
<head>
</head>
<body>
<table border=\"0\" width=\"100%\">
<tr>
<td width=\"93%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\" valign=\"top\"><font size=\"1\"><b>Produkt</b></font></td>
<td width=\"1%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><b><font size=\"1\">Info</font></b></td>
<td width=\"1%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><b><font size=\"1\">Bestil</font></b></td>
<td width=\"12%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><font size=\"1\"><b>Pris</b></font></td>
</tr>
<tr>
<td width=\"54%\" bgcolor=\"#DDDDDD\"><font size=\"1\"></font></td>
<td width=\"12%\" bgcolor=\"#DDDDDD\" align=\"center\">
</td>
<td width=\"12%\" bgcolor=\"#DDDDDD\" align=\"center\"></td>
<td width=\"22%\" align=\"right\" bgcolor=\"#DDDDDD\">
<p align=\"right\"><font size=\"1\"></font></td>
           
</tr>
</table>

</body>

</html>


Med venlig hilsen
Peter F. Poulsen

Sæt det ind her:

<html>
<head>
</head>
<body>
<table onmouseover=\"rowOver();\" onmouseout=\"rowOut();\" width=\"100%\"> <!-- Linie ændret! //-->
<tr>
<td width=\"93%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\" valign=\"top\"><font size=\"1\"><b>Produkt</b></font></td>
<td width=\"1%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><b><font size=\"1\">Info</font></b></td>
<td width=\"1%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><b><font size=\"1\">Bestil</font></b></td>
<td width=\"12%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><font size=\"1\"><b>Pris</b></font></td>
</tr>
<tr>
<td width=\"54%\" bgcolor=\"#DDDDDD\"><font size=\"1\"></font></td>
<td width=\"12%\" bgcolor=\"#DDDDDD\" align=\"center\">
</td>
<td width=\"12%\" bgcolor=\"#DDDDDD\" align=\"center\"></td>
<td width=\"22%\" align=\"right\" bgcolor=\"#DDDDDD\">
<p align=\"right\"><font size=\"1\"></font></td>
           
</tr>
</table>

</body>

</html>

<html>
<head>
<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 = \"#d4dcdc\";
}

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

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

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

</script>
</head>
<body>
<table onmouseover=\"rowOver();\" onmouseout=\"rowOut();\" width=\"100%\"> <!-- Linie ændret! //-->
<tr>
<td width=\"93%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\" valign=\"top\"><font size=\"1\"><b>Produkt</b></font></td>
<td width=\"1%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><b><font size=\"1\">Info</font></b></td>
<td width=\"1%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><b><font size=\"1\">Bestil</font></b></td>
<td width=\"12%\" bgcolor=\"#ED7514\" style=\"border: 1 solid #808080\">
<p align=\"center\"><font size=\"1\"><b>Pris</b></font></td>
</tr>
<tr>
<td width=\"54%\" bgcolor=\"#DDDDDD\"><font size=\"1\"></font></td>
<td width=\"12%\" bgcolor=\"#DDDDDD\" align=\"center\">
</td>
<td width=\"12%\" bgcolor=\"#DDDDDD\" align=\"center\"></td>
<td width=\"22%\" align=\"right\" bgcolor=\"#DDDDDD\">
<p align=\"right\"><font size=\"1\"></font></td>
           
</tr>
</table>

</body>

</html>

Sådan vil hele din kode så komme til at se ud.

parazite> angående fejlen, søg under hover på builders søger...

så kommer der noiget, der hedder \"hover effekt på tabelceller\" og url\'en på den artikel er det som jeg angav før.

parazite >>
Hvis jeg bruger ovenstående sker der slet ikke noget når jeg kører musen henover???

Med venlig hilsen
Peter F. Poulsen

Hvad er der galt???

På www.wanna-save.com er der et ekstra lille trick, nemlig at cursoren bliver til en hånd

Og i menuen til venstre er det alle celler i rækken der skifter farve, som du ønskede

<script language=JavaScript>
function menuRoll(i,n){
  if (document.all){
    if (i==1) document.all[\"tr\" + n].style.backgroundColor = \'Gold\'
    if (i==0) document.all[\"tr\" + n].style.backgroundColor = \'#FE9A02\'
    }
  }
</script>

...

<tr bgcolor=\"Gold\" id=\"tr0\" onClick=\"menu0.click()\" onMouseOver=\"menuRoll(1,0)\" onMouseOut=\"menuRoll(0,0)\" style=\"cursor: \'hand\'\">

Undskyld:
<tr bgcolor=\"#FE9A02\" id=\"tr0\" onClick=\"menu0.click()\" onMouseOver=\"menuRoll(1,0)\" onMouseOut=\"menuRoll(0,0)\" style=\"cursor: \'hand\'\">

ldanielsen>> Jeg kan ikke få det til at virke. Den siger: et objekt var ventet.


Mvh Peter

Er der ikke en af jer der vil lave det, hvis jeg sender filen til jer. Vi kan nok godt finde ud af noget med nogle flere point.

Med venlig hilsen
Peter F. Poulsen

Du kan sende filen til david@mcnally.dk, så kigger jeg på det. Men har kun 40 minutter, så skynd dig. *G*

hvad er der galt med min, om jeg må spørge. den er skide simpel.

Du kan stadig sende - nu får jeg bare først kigget på det i aften engang. :o)

parazite >> Jeg kan ikke sende til din e-mail.

Your message

  Subject: Celle/tabel mouseover halløjsa

was not delivered to:

  shaz@anarki.dk

because:

  Error transferring to www3.cybercity.DK; Maximum hop count exceeded.  Message probably in a routing loop.


Har du ikke ICQ eller en anden e-mail?

/Peter F. Poulsen

Ja, du får en fejl hvis du klikker! Ellers ikke, håber jeg

<HTML>
<body>
Ja, du får en fejl hvis du klikker! Ellers ikke, håber jeg

<script language=JavaScript>
function menuRoll(i,n){
  if (document.all){
    if (i==1) document.all[\"tr\" + n].style.backgroundColor = \'Gold\'
    if (i==0) document.all[\"tr\" + n].style.backgroundColor = \'#FE9A02\'
    }
  }
</script>

<table>
<tr bgcolor=\"#FE9A02\" id=\"tr0\" onClick=\"menu0.click()\" onMouseOver=\"menuRoll(1,0)\" onMouseOut=\"menuRoll(0,0)\" style=\"cursor: \'hand\'\">
<td><a href=# name=menu0>LINK</td>
</tr>
</table>
</body>
</HTML>

Det virker:

Så skal dine tr bare hedde tr0, tr1, tr2 osv, og dine links skal hedde menu0, menu1 osv

Og kaldene skal tilpasses med det rigtige tal

ldanielse>> Det kan jeg desværre ikke bruge til noget, da jeg i teorien kun har en tabel med nogle celler, hvorefter resten automatisk bliver genereret via ASP alt afhænging af, hvor mange produkter jeg har i min database. Men det kunne du selvfølgelig ikke vide :-)

Med venlig hilsen
Peter F. Poulsen

Det er da netop det min kode kan bruges til!!!
Hvis du ser omtalte menu, så er den jo netop lavet i asp.

Numererede navne på alle elementer, det virker da fint. Eller som vist nedenfor, hvor jeg bruger et felt i databasen, ID (eller hvad du nu har der er unikt. Det behøver ikke at være et tal)



Og Jeg synes det er fint at nøjes med tre-fire linier kode, hvis det er muligt.

<table>
<%do while not rs.EOF
  no = rs(\"ID\")
%>
<tr bgcolor=\"#FE9A02\" id=\"tr<%=no%>\" onClick=\"menu<%=no%>.click()\" onMouseOver=\"menuRoll(1,<%=no%>)\" onMouseOut=\"menuRoll(0,<%=no%>)\" style=\"cursor: \'hand\'\">
<td><a href=\"<%=rs(\"Link\")%>\" name=menu<%=no%>><%=rs(\"LinkTekst\")%></td>
</tr>
<%
  rs.MoveNext
loop%>
</table>

Jo, jeg har ICQ. 27432201

ldanielsen>> Hvis jeg bruger det du har skrevet er du kun den enkelte celle der skifter farve når jeg kører musen over?

OK - send siden til admin@middleofnowhere.dk, så kigger jeg på det i aften omkring 20.00.

Nej, det er i tr\'en der skifter farve:

document.all[\"tr\" + n].style.backgroundColor = \"Red\"

<tr id=\"tr3\">

\"tr\"+n er id for en tr

Har du overhovedet prøvet det, eller har du bare læst koden?

Det kræver selvfølgelig at td\'erne ingen farve har

Hejsa

I må undskylde jeg ikke er vent tilbage tidligere, men nu er jeg her altså.

ldanielsen >> ja jeg har prøvet din kode og jeg syntes ikke jeg kan få det til at virke :-(

Jeg har lavet en side, som i kan se på http://votus.dk/eksperten.htm

Den første der kan lave følgende kode om sådan, at når man kører musen hen over en enkel af de grønne celler skifter alle de grønne celler til en anden farve. Jeg har nu afsat 75 point.

Med venlig hilsen
Peter F. Poulsen

Her er koden så:

<HTML>
<BODY>
<table border=\"1\" width=\"100%\">
  <tr>
    <td width=\"20%\">
      <p align=\"center\">Produkt</td>
    <td width=\"20%\">
      <p align=\"center\">Beskrivelse</td>
    <td width=\"20%\">
      <p align=\"center\">Pris</td>
    <td width=\"20%\">
      <p align=\"center\">Anden info</td>
    <td width=\"20%\">
      <p align=\"center\">Bestil</td>
  </tr>
</table>
<table border=\"1\" width=\"100%\">
  <tr>
    <td width=\"20%\" bgcolor=\"#008000\">
      <p align=\"center\"></td>
    <td width=\"20%\" bgcolor=\"#008000\">
      <p align=\"center\"></td>
    <td width=\"20%\" bgcolor=\"#008000\">
      <p align=\"center\"></td>
    <td width=\"20%\" bgcolor=\"#008000\">
      <p align=\"center\"></td>
    <td width=\"20%\" bgcolor=\"#008000\">
      <p align=\"center\"></td>
  </tr>
</table>
</BODY>
</HTML>

<HTML>
<head>
<script language=JavaScript>
function menuRoll(i,n){
  if (document.all){
    if (i==0) document.all[\"tr\" + n].style.backgroundColor = \'#008000\'
    if (i==1) document.all[\"tr\" + n].style.backgroundColor = \'Gold\'
    }
  }
</script>
</head>
<BODY>

<table border=\"1\" width=\"100%\">
  <tr>
    <td width=\"20%\">
      <p align=\"center\">Produkt</td>
    <td width=\"20%\">
      <p align=\"center\">Beskrivelse</td>
    <td width=\"20%\">
      <p align=\"center\">Pris</td>
    <td width=\"20%\">
      <p align=\"center\">Anden info</td>
    <td width=\"20%\">
      <p align=\"center\">Bestil</td>
  </tr>
</table>
<table border=\"1\" width=\"100%\">
  <tr id=tr1 onMouseOver=\"menuRoll(1,1)\" onMouseOut=\"menuRoll(0,1)\" bgcolor=\"#008000\">
    <td width=\"20%\">
      <p align=\"center\">&nbsp;</td>
    <td width=\"20%\">
      <p align=\"center\">&nbsp;</td>
    <td width=\"20%\">
      <p align=\"center\">&nbsp;</td>
    <td width=\"20%\">
      <p align=\"center\">&nbsp;</td>
    <td width=\"20%\">
      <p align=\"center\">&nbsp;</td>
  </tr>
</table>
</BODY>
</HTML>

Problemet er, at hvis du sætter en farve på en td med alm. bgcolor=\"#008800\", så kan du ikke se den farve der er sat på tr\'en.

Med denne kode har alle celler i en række altid samme farve. Er det OK?

Det er fint - mange tak!