За последние 24 часа нас посетили 23557 программистов и 1664 робота. Сейчас ищут 836 программистов ...

поиск элементов по коду

Тема в разделе "JavaScript и AJAX", создана пользователем immortal.1986, 10 июл 2014.

  1. immortal.1986

    immortal.1986 Активный пользователь

    С нами с:
    24 сен 2013
    Сообщения:
    257
    Симпатии:
    0
    Добрый день Гуру!
    Есть вроде простая задачка но я не силён в ДС , прошу помоши!
    Есть страница на каторой есть ИНПУТ для ввода (слова поиска,например цыфра 16)
    и ниже цыклом вывожу обычную табл.умножение!
    Так вот задача состоит в том что бы я при вводе в поле 16 и нажатие ентер в этой табл подсвечивалось красным число найденых 16(в моем случаи один)
    вот код!
    Код (Text):
    1.  
    2. <input  id="userInput" type="text" name="poisk" onchange="myChange()"/>
    3. <input type="checkbox" name="check" value="Скрывать строки" onclick="myClick()">
    4. <script type="application/javascript">
    5.     function myChange(){
    6.          param = document.getElementById('userInput').value;
    7.             document.getElementById("td").style.backgroundColor="lightblue";
    8.     }
    9.     function myClick(){
    10.         alert("yes");
    11.     }
    12.  
    13.     function rowscalc(row){
    14.         for (var k = 1; k <= row; k++) {
    15.              document.write("<td>"+k*i+"</td>");
    16.         }
    17. }
    18.     var col = 10;
    19.     var row = 10;
    20.         document.write(' <table border=1, width="500px">');
    21.         for (var i = 1; i <= col; i++) {
    22.             document.write("<tr>"+rowscalc(row)+"</tr>");
    23.         }
    24.         document.write("</table>");
    25. </script>
     
    #1 immortal.1986, 10 июл 2014
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.771
    Адрес:
    :сердА
    Т_Т
     
    #2 Fell-x27, 10 июл 2014
  3. sochirand

    sochirand Новичок

    С нами с:
    11 июл 2014
    Сообщения:
    2
    Симпатии:
    0
    Попробуй так:

    Код (Text):
    1. <html>
    2. <head></head>
    3. <body>
    4. <input  id="userInput" type="text" name="poisk" onchange="myChange()"/>
    5. <input type="checkbox" name="check" value="Скрывать строки" onclick="myClick()">
    6. <script type="application/javascript">
    7.     function myChange(){
    8.         param = document.getElementById('userInput').value;
    9.         var tab = document.getElementById('myTab');
    10.         var elems = tab.getElementsByTagName('td');
    11.         for (var i=0; i<elems.length; i++){
    12.            
    13.             if (elems[i].innerHTML == param) elems[i].style.backgroundColor = "rgb(15,15,85)";
    14.         }
    15.  
    16.  
    17.     }
    18.     function myClick(){
    19.         alert("yes");
    20.     }
    21.  
    22.     function rowscalc(row){
    23.         for (var k = 1; k <= row; k++) {
    24.              document.write("<td>"+k*i+"</td>");
    25.         }
    26. }
    27.     var col = 10;
    28.     var row = 10;
    29.         document.write(' <table id="myTab" border=1, width="500px">');
    30.         for (var i = 1; i <= col; i++) {
    31.            
    32.         document.write("<tr>"+rowscalc(row)+"</tr>");
    33.         }
    34.         document.write("</table>");
    35. </script>
    36. </body>
    37. </html>
     
    #3 sochirand, 11 июл 2014
  4. sochirand

    sochirand Новичок

    С нами с:
    11 июл 2014
    Сообщения:
    2
    Симпатии:
    0
    Хотя кому я это?

    Добавлено спустя 1 минуту 23 секунды:
    Проще было (*.*) или ^.^
     
    #4 sochirand, 16 июл 2014
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)