Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Динамически редактируемая html таблица (https://javascript.ru/forum/misc/52762-dinamicheski-redaktiruemaya-html-tablica.html)

Krio 07.01.2015 12:25

в прочем, проблема вот в чем:
все таки динамический инпут для красоты таблицы необходимо сделать.

как в моем приведенном выше коде, можно прописать значение name со значением +1?

по-сути, в таблице нету инпутов, но код реагирует на клик ячейки, тут и создается динамический инпут с неизвестным именем :о

danik.js 07.01.2015 12:51

Krio, если таблица небольшая, то дин. инпуты не обязательны - уже ведь говорил об этом.
Что касается красоты - то css тебе в помощь:
<style>
#table{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
#table, #table td{
    border: 1px solid #33C;
    padding: 0;
}
#table input{
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: #F9F9F9;
}
#table input:focus{
    outline: 1px solid red;
    background: #fff;
}
</style>
<table id="table">
    <tr>
        <td><input name="input[0][0]" /></td>
        <td><input name="input[0][1]" /></td>
    </tr>
    <tr>
        <td><input name="input[1][0]" /></td>
        <td><input name="input[1][1]" /></td>
    </tr>
</table>
<script>
    var table = document.getElementById('table');
    table.addEventListener('change', function(event) {
         var input = event.target;
         alert(input.name + '=' + input.value);
    });
</script>

Krio 07.01.2015 12:56

огромное спасибо!
лишь сейчас дошла суть


Часовой пояс GMT +3, время: 15:59.