Cella változó háttérszínnel


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

Kapcsolódó bejegyzések:
  • A minap belefutottam egy egyszerű problémába: kattintható kell tenni egy DIV teljes területét. A megoldás egyszerű, remélem lesz akinek megspórolok vele – ha más …

  • Passatgt egy rövid leírás keretében bemutatja, hogy hogyan "morcosítsunk" egy VolksWagent. Első lépésként nyissuk meg a képet,majd sz …

  • A táblázatok három szintből állnak és ezeknek egy-egy elem felel meg. A legegyszerűbb egy példával bemutatnom ezeknek az elemeknek a hierarchiáját.Példa: …

  • A fórumon egyre gyakrabban előfordul a kérdés, hogy hogyan lehet weblapon gördíthető (scroll-ozható) sávot létrehozni IFrame nélkül. Ezt legegyszerűbben CSS segí …

  • A PHP segítségével könnyen megoldható, hogy egy lapon váltogatni lehessen a stílusok és template-k között (attól is függ hogy a CSS-ben csak a formázásra vonatko …

A cikket beküldte: Harder (http://blog.harder.hu)

4 hozzászólás

  1. Minden-s says:

    Ugyanezt hogy lehet megoldani nem színnel, csak képpel?

  2. zoleytaylor says:

    így: onmouseover=”style.backgroundImage=’url(valami.jpg)'”

  3. Kristóf says:

    Lehet, hogy ha a táblázat egyik cellájára kattintok, akkor az hatással legyen egy másik cellára?

  4. amd1400 says:

    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.

Szólj hozzá
a Cella változó háttérszínnel c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>