Смена информации в ячейке.

Тема в разделе "Другие языки", создана пользователем UDAV, 13 ноя 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    776
    Симпатии:
    153
    Есть таблица, в одной из её ячеек число, например 2000.
    На страничке с таблицей есть ссылка, при нажатие на ссылку, число 2000 должно меняться на другое.

    Как можно такое сделать?
    з.ы. ссылка находится в произвольном месте, не в таблице.
    з.з.ы. ячеек с цифрами, которые нужно менять, несколько.
     
  2. latteo

    latteo Эффективное использование PHP, MySQL

    Moderator
    Регистр.:
    28 фев 2008
    Сообщения:
    1.517
    Симпатии:
    1.368
  3. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    вариант с jquery изменяет значения в ячейках
    HTML:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#link_1").click(function(){
            cell_1_val = parseInt($("#cell_1").text());
            $("#cell_1").text(cell_1_val+1);
            return false;
        });
        $("#link_2").click(function(){
            cell_2_val = parseInt($("#cell_2").text());
            $("#cell_2").text(cell_2_val-1);
            return false;
        });
        $("#link_3").click(function(){
            $('#row_3 td').each(function(index) {
                row_3_val = parseInt($(this).text());
                $(this).text(row_3_val+2);
            });
            return false;
        });
        
    });
    </script>
    
    </head>
    
    <body>
    <table border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td id="cell_1">2000</td>
        <td>1000</td>
        <td>1</td>
      </tr>
      <tr>
        <td id="cell_2">3000</td>
        <td>5000</td>
        <td>100</td>
      </tr>
      <tr id="row_3">
        <td>8</td>
        <td>9</td>
        <td>1</td>
      </tr>
    </table>
    <br />
    <a href="#" id="link_1">+1</a> <a href="#" id="link_2">-1</a> <a href="#" id="link_3">+2 в строке 3</a>
    
    </body>
    </html>
    
    или онлайн

    Перейти по ссылке
     
Статус темы:
Закрыта.