Untitled

<html>
    <head>
    	<title>Uebungsblatt 1 Aufgabe 1.3</title>
    </head>
    <body bgcolor="#B0E0E6">
        <script type="text/javascript" charset="utf-8">
            function getResult()
            {
                var input = document.getElementById('inputId');
                var input_value = input.value;

                var table = document.getElementById('tableId');

                arrTr = table.getElementsByTagName('tr');

                var rowNum = 1;
                for ( keyVar in arrTr )
                {
                    if (arrTr[keyVar].className == 'row')
                    {
                        var colNum = 1;

                        arrTd = arrTr[keyVar].getElementsByTagName('td');

                        for ( tdKeyVar in arrTd )
                        {
                            var td = arrTd[tdKeyVar];

                            if (typeof td == 'object')
                            {
                                if (td.innerHTML == input_value)
                                {
                                    alert('Row:'+rowNum+' Col:'+colNum)
                                }
                                colNum++;
                            }
                        }
                        rowNum++;
                    }
                }

            }

        </script>

        <table id="tableId" border=2 bgcolor=white align=center>
            <th colspan=7>M&#228rz 2011</th>
            <tr>
            	<td>Mo</td>
            	<td>Di</td>
            	<td>Mi</td>
            	<td>Do</td>
            	<td>Fr</td>
            	<td>Sa</td>
            	<td>So</td>
            </tr>
            <tr align=right class="row">
            	<td>&#160</td>
            	<td>1</td>
            	<td>2</td>
            	<td>3</td>
            	<td>4</td>
            	<td>5</td>
            	<td>6</td>
            </tr>
            <tr align=right class="row">
            	<td>7</td>
            	<td>8</td>
            	<td>9</td>
            	<td>10</td>
            	<td>11</td>
            	<td>12</td>
            	<td>13</td>
            </tr>
            <tr align=right class="row">
            	<td>14</td>
            	<td>15</td>
            	<td>16</td>
            	<td>17</td>
            	<td>18</td>
            	<td>19</td>
            	<td>20</td>
            </tr>
            <tr align=right class="row">
            	<td>21</td>
            	<td>22</td>
            	<td>23</td>
            	<td>24</td>
            	<td>25</td>
            	<td>26</td>
            	<td>27</td>
            </tr>
            <tr align=right class="row">
            	<td>28</td>
            	<td>29</td>
            	<td>30</td>
            	<td>31</td>
            	<td>&#160</td>
            	<td>&#160</td>
            	<td>&#160</td>
            </tr>
        </table>

        <div style="text-align: center;margin: 20px 0 0 0;">
            <input type="text" value="10" id="inputId" /> <input type="button" value="Submit" onclick="getResult();"/>
        </div>

    </body>
</html>