Lehetőség van egy a honlapon lévő táblázat egyes celláinak tulajdonságait módosítani egy igen egyszerű módon. Ennek egy esetleges felhasználási területe pl. mikor a cellának van egy bizonyos háttérszíne, ami az egér fölévitelére módosul, majd kattintásra egy 3. színre vált – egyszóval olyan hatást lehet vele elérni, mintha a menü egyes pontjai felett vinnéd az egeret.
A táblázat a szokásos módon épül fel, van szélessége pl. border vastagság stb.. ezt nem részletezném. Ami fontos, hogy a cellákhoz plusz tulajdonságokat vehetünk fel a „style” segítségével, az alábbi módon
1 2 3 4 5 6 7 | <table width="300" border="0" cellpadding="1" cellspacing="1" bordercolor="#000000" bgcolor="#000000"> <tr> <td width="300" bgcolor="#EB8933" onclick="style.backgroundColor='#800080'; location.href='#'; location.target='foframe'" onmouseover="style.backgroundColor='#27B116'; style.cursor='hand'" onmouseout="style.backgroundColor='#DCDDE8'"> <div align="center">mintaszöveg</div> </td> </tr> </table> |
Szerző: Harder
Javította: Gorbeats
Ugyanezt hogy lehet megoldani nem színnel, csak képpel?
így: onmouseover=”style.backgroundImage=’url(valami.jpg)'”
Lehet, hogy ha a táblázat egyik cellájára kattintok, akkor az hatással legyen egy másik cellára?
Nekem az a problémám, hogy ha két cella között hagyok egy üres cellát akkor az üres cellába explorer-ben betesz egy bekarikázott R betüt. Hogyan lehetne ezt kiküszöbölni? Ha kitörlöm a css style linket akkor eltűnik de az nem igazán jó így mert a css-re szükségem lenne.