Søg
Avatar billede themapplz Nybegynder
05. april 2006 - 12:12 Der er 3 kommentarer og
1 løsning

celle css skift ved mouseover over hel tabel

Jeg kan ikke få td'en med id head01 til at skifte farve ved mouseover over hele tebel'en..

er der nogen der kan hjælpe:

<SCRIPT language="JavaScript">
<!--
function bcolor(bcol,tname)
{
if (document.all)
{
var thestyle = eval('document.all.'+tname+'.style');
thestyle.className=bcol;
}
}
//-->
</SCRIPT>
</head>
<body class="mainbg">
<div class="prod_title">Ceramics</div>
<table width="100%" border="0">
  <tr>
    <td width="50%" valign="top">
    <table width="100%" border="0" cellpadding="0" cellspacing="1" onMouseover="bcolor('prod_head_a#head01','head01');"
onMouseout="bcolor('prod_head#head01','head01');">
      <tr>
        <td width="1" rowspan="2"><a href="#">
        <img src="../img/ceramics/1_small.jpg" width="100" height="71" border="0"></a></td>
        <td id="head01" height="17" class="prod_head">01</td>
      </tr>
      <tr>
        <td class="prod_desc">Shoes for men and women made of snake skin. All sizes.</td>
      </tr>
    </table>
Avatar billede mclemens Nybegynder
05. april 2006 - 19:38 #1
fjern alert(document.body.innerHTML); efter test af class skiftet...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>


<SCRIPT language="JavaScript">
<!--

function bcolor(bcol,tname){
document.getElementById(tname).className=bcol;

alert(document.body.innerHTML);
}

//-->
</SCRIPT>
</head>

<body class="mainbg">
<div class="prod_title">Ceramics</div>
<table width="100%" border="0">
  <tr>
    <td width="50%" valign="top">
    <table width="100%" border="0" cellpadding="0" cellspacing="1" onMouseover="bcolor('prod_head_a','head01');"
onMouseout="bcolor('prod_head','head01');">
      <tr>
        <td width="1" rowspan="2"><a href="#">
        <img src="../img/ceramics/1_small.jpg" width="100" height="71" border="0"></a></td>
        <td id="head01" height="17" class="prod_head">01</td>
      </tr>
      <tr>
        <td class="prod_desc">Shoes for men and women made of snake skin. All sizes.</td>
      </tr>
    </table>



</body></html>
Avatar billede mclemens Nybegynder
05. april 2006 - 19:44 #2
ville dog anbefale det her istedet da det ikke er godt at skifte class af hensyn til browsernes håndtering af sidens udseende... det er bedre at nøjes med at skifte style... farverne der skiftes skal bare lige rettes :)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>


<SCRIPT language="JavaScript">
<!--

function bcolor(tname,ttype){
document.getElementById(tname).style.backgroundColor=(ttype==1)?"red":"white";
}

//-->
</SCRIPT>
</head>

<body class="mainbg">
<div class="prod_title">Ceramics</div>
<table width="100%" border="0">
  <tr>
    <td width="50%" valign="top">
    <table width="100%" border="0" cellpadding="0" cellspacing="1" onMouseover="bcolor('head01',1);"
onMouseout="bcolor('head01',0);">
      <tr>
        <td width="1" rowspan="2"><a href="#">
        <img src="../img/ceramics/1_small.jpg" width="100" height="71" border="0"></a></td>
        <td id="head01" height="17" class="prod_head">01</td>
      </tr>
      <tr>
        <td class="prod_desc">Shoes for men and women made of snake skin. All sizes.</td>
      </tr>
    </table>



</body></html>
Avatar billede themapplz Nybegynder
06. april 2006 - 11:55 #3
virker! mange tak! :)
Avatar billede mclemens Nybegynder
06. april 2006 - 12:03 #4
( har lagt et svar ) ;)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
I går 18:51 Pausepil på youtube i chrome Af valby i Browsere
I går 11:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
21/0511:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
White papers
Flere white papers »