Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.07.2014, 11:55
Интересующийся
Отправить личное сообщение для immortal.1986 Посмотреть профиль Найти все сообщения от immortal.1986
 
Регистрация: 11.11.2013
Сообщений: 13

Поиск по документу
Добрый день Гуру!
Есть вроде простая задачка но я не силён в ДС , прошу помоши!
Есть страница на каторой есть ИНПУТ для ввода (слова поиска,например цыфра 16)
и ниже цыклом вывожу обычную табл.умножение!
Так вот задача состоит в том что бы я при вводе в поле 16 и нажатие ентер в этой табл подсвечивалось красным число найденых 16(в моем случаи один)
вот код!
<input  id="userInput" type="text" name="poisk" onchange="myChange()"/>
<input type="checkbox" name="check" value="Скрывать строки" onclick="myClick()">
<script type="application/javascript">
    function myChange(){
         param = document.getElementById('userInput').value;
            document.getElementById("td").style.backgroundColor="lightblue";
    }
    function myClick(){
        alert("yes");
    }

    function rowscalc(row){
        for (var k = 1; k <= row; k++) {
             document.write("<td>"+k*i+"</td>");
        }
}
    var col = 10;
    var row = 10;
        document.write(' <table border=1, width="500px">');
        for (var i = 1; i <= col; i++) {
            document.write("<tr>"+rowscalc(row)+"</tr>");
        }
        document.write("</table>");
</script>

Последний раз редактировалось immortal.1986, 10.07.2014 в 12:50.
Ответить с цитированием
  #2 (permalink)  
Старый 10.07.2014, 11:58
Интересующийся
Отправить личное сообщение для immortal.1986 Посмотреть профиль Найти все сообщения от immortal.1986
 
Регистрация: 11.11.2013
Сообщений: 13

ПС
теоретически примерно возможно понимаю как сделать ну хотелось бы хоть маленький пример!
Ответить с цитированием
  #3 (permalink)  
Старый 10.07.2014, 12:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

immortal.1986,
так пройдитесь циклом по всем ячейкам и
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #4 (permalink)  
Старый 10.07.2014, 12:49
Интересующийся
Отправить личное сообщение для immortal.1986 Посмотреть профиль Найти все сообщения от immortal.1986
 
Регистрация: 11.11.2013
Сообщений: 13

пожалуйста посмотрите на верх!
Ответить с цитированием
  #5 (permalink)  
Старый 10.07.2014, 13:14
Интересующийся
Отправить личное сообщение для immortal.1986 Посмотреть профиль Найти все сообщения от immortal.1986
 
Регистрация: 11.11.2013
Сообщений: 13

АААУУУУУУУ тут кто то есть?
Ответить с цитированием
  #6 (permalink)  
Старый 10.07.2014, 13:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

immortal.1986,
вам сюда Учебник
<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
</head>

<body>
    <input id="poisk" type="text" name="poisk" onchange="myChange()" />
    <input type="checkbox" name="check" value="Скрывать строки" onclick="myClick()">
    <script type="application/javascript">
        function myChange() {
            var list = document.getElementsByTagName('td'),
                param = document.getElementById('poisk').value;
            for (var i = 0; i < list.length; i++) {
                if (param == list[i].innerHTML) list[i].style.backgroundColor = "lightblue";
            }
            alert(list);
        }

        function myClick() {
            alert("yes");
        }
        var col = 10;
        var row = 10;

        function rowscalc(i) {
            var html = "";
            for (var k = 1; k <= row; k++) {
                html += "<td>" + k * i + "</td>";
            };
            return html
        }

        document.write(' <table border=1, width="500px">');
        for (var i = 1; i <= col; i++) {
            document.write("<tr>" + rowscalc(i) + "</tr>");
        }
        document.write("</table>");
    </script>

</body>

</html>
Ответить с цитированием
  #7 (permalink)  
Старый 10.07.2014, 14:00
Интересующийся
Отправить личное сообщение для immortal.1986 Посмотреть профиль Найти все сообщения от immortal.1986
 
Регистрация: 11.11.2013
Сообщений: 13

Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Живой поиск JQUERY + AJAX + PHP + MYSQL dimi007 AJAX и COMET 2 22.07.2014 13:50
select отключить встроенный поиск skynet-mfd jQuery 0 04.03.2013 11:26
Поиск в тексте javascript jQuery 3 31.05.2011 11:40
PagingToolbar и поиск DenQ ExtJS 5 02.11.2010 00:16
Поиск в массиве через JavaScript Noran Общие вопросы Javascript 0 10.08.2008 17:31