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

Статус
В этой теме нельзя размещать новые ответы.

UDAV

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

Как можно такое сделать?
з.ы. ссылка находится в произвольном месте, не в таблице.
з.з.ы. ячеек с цифрами, которые нужно менять, несколько.
 
вариант с 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>
или онлайн
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху