За последние 24 часа нас посетили 63142 программиста и 1742 робота. Сейчас ищут 1153 программиста ...

Таблица

Тема в разделе "Прочие вопросы по PHP", создана пользователем rem1x, 19 июл 2011.

  1. rem1x

    rem1x Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    10
    Симпатии:
    0
    Создал таблицу <td></td>. Ка сделать, чтобы когда наводишь на ячейку, она становилось другого цвета, отводишь мышку, опять такойже как все :D
     
  2. neverlose

    neverlose Активный пользователь

    С нами с:
    27 авг 2008
    Сообщения:
    1.112
    Симпатии:
    20
    HTML:
    1. <td onmouseover="this.backgroundColor='red';" onmouseout="this.backgroundColor='transparent';">Ячейка</td>
     
  3. Easy

    Easy Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    286
    Симпатии:
    0
    на js
    [js]<script>

    var items

    function over (e) {
    this.className = 'over'
    }

    function out (e) {
    this.className = 'out'
    }

    window.onload = function (e) {
    items = document.getElementById('table').getElementsByTagName('td')
    for (var i = 0; i < items.length; i++) {
    items.onmouseover = over
    items.onmouseout = out
    items.onmouseout()
    }
    }

    </script>

    <style>
    .over {background-color: blue; color: white;}
    .out {background-color: white; color: blue;}
    </style>

    <table id="table">
    <tr>
    <td>
    текст
    </td>
    <td>
    текст
    </td>
    </tr>
    <tr>
    <td>
    текст
    </td>
    <td>
    текст
    </td>
    </tr>
    </table>[/js]

    без JS
    HTML:
    1. #table tr td:hover {background-color: blue; color: white;}
    2. #table tr td {background-color: white; color: blue;}
    3.  
    4. <table id="table">
    5.     <tr>
    6.         <td>
    7.             текст
    8.         </td>
    9.         <td>
    10.             текст
    11.         </td>
    12.     </tr>
    13.     <tr>
    14.         <td>
    15.             текст
    16.         </td>
    17.         <td>
    18.             текст
    19.         </td>
    20.     </tr>
    на php не придумал :(
     
  4. Easy

    Easy Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    286
    Симпатии:
    0
    блин, опоздал :D
     
  5. rem1x

    rem1x Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    10
    Симпатии:
    0
    d

    это куда?
    <style>
    #table tr td:hover {background-color: blue; color: white;}
    #table tr td {background-color: white; color: blue;}
    </style>

    и где цвет без наводки мышки, и где цвет, когда наводишь мышкой.
     
  6. Easy

    Easy Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    286
    Симпатии:
    0
    в стили
     
  7. Easy

    Easy Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    286
    Симпатии:
    0
    вот только кажется в ие 6 без JS работать не будет
     
  8. rem1x

    rem1x Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    10
    Симпатии:
    0
    помойму если в стили, то это будет для всех таблиц. а мне нужно для одной
     
  9. Easy

    Easy Активный пользователь

    С нами с:
    15 июл 2011
    Сообщения:
    286
    Симпатии:
    0
    а для кого я указал ID в таблице?
    #table - это ID таблицы для которой нужно применить

    просто создайте html файл с таким содержимым, там 2 таблицы, одна работает другая нет, найдите разницу :)

    HTML:
    1. #table tr td:hover {background-color: blue; color: white;}
    2. #table tr td {background-color: white; color: blue;}
    3.  
    4. <table id="table">
    5.     <tr>
    6.         <td>
    7.             текст
    8.         </td>
    9.         <td>
    10.             текст
    11.         </td>
    12.     </tr>
    13.     <tr>
    14.         <td>
    15.             текст
    16.         </td>
    17.         <td>
    18.             текст
    19.         </td>
    20.     </tr>
    21.  
    22.  
    23.     <tr>
    24.         <td>
    25.             текст
    26.         </td>
    27.         <td>
    28.             текст
    29.         </td>
    30.     </tr>
    31.     <tr>
    32.         <td>
    33.             текст
    34.         </td>
    35.         <td>
    36.             текст
    37.         </td>
    38.     </tr>
     
  10. Jettt

    Jettt Активный пользователь

    С нами с:
    24 июл 2011
    Сообщения:
    20
    Симпатии:
    0
    То что вы правила темы не читали я уже вижу. Вы мне объясните, как это попадает в тему "Программирование на РНР"?
    Сорри за офтоп, трите это смело, просто не выдержал.