inputSearch/index.html at master · shatzibitten/inputSearch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Examples</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css"/>
        <script src="js/jquery-1.8.2.min.js" type="text/javascript"/></script>
    <script src="js/refrences.search.js" type="text/javascript"></script>
</head>
<body>
    <h2>Содержание</h2>
    <menu>
        <li>
            <a href="/index.html">Постраничный поиск.</a>
        </li>
        <li>
            <a href="/simple_search">Обычный поиск</a>
        </li>
        <li>
            <a href="#03">Текст с продолжением</a>
        </li>
    </menu>
    <div class="block">
    <a name="01"></a>
    <h2>Постраничный поиск</h2>
    <div id="searchbox_01" class="searchbox" style="display:block">
        <form>
            <fieldset>
                <input type="text" id="search" value="<i>Введите запрос</i>" />
                <input type="button" id="search-all" value="Найти" title="Найти" />
                <input type="button" id="search-prev" value="Предыдущее" title="Предыдущее" />
                <span  id="search-status">
                    1 стр.
                </span>
                <input type="button" id="search-next" value="Следующее" title="Следующее" />
                <input type="button" id="search-close" value="Закрыть" title="Закрыть" />
            </fieldset>
        </form>
    </div>

    <div id="doc-text-continue">
        <div>
            Алгоритм, от имени учёного аль-Хорезми (перс. خوارزمی‎ [al-Khwārazmī]) — точный набор инструкций, описывающих порядок действий исполнителя для достижения результата решения задачи за конечное время. В старой трактовке вместо слова «порядок» использовалось слово «последовательность», но по мере развития параллельности в работе компьютеров слово «последовательность» стали заменять более общим словом «порядок». Это связано с тем, что работа каких-то инструкций алгоритма может быть зависима от других инструкций или результатов их работы. Таким образом, некоторые инструкции должны выполняться строго после завершения работы инструкций, от которых они зависят. Независимые инструкции или инструкции, ставшие независимыми из-за завершения работы инструкций, от которых они зависят, могут выполняться в произвольном порядке, параллельно или одновременно, если это позволяют используемые процессор и операционная система.

            Ранее часто писали «алгорифм», сейчас такое написание используется редко, но, тем не менее, имеет место (например, Нормальный алгорифм Маркова).
        </div>
        <br/>
        <a href="#">Исходный код.</a>
        <code>
            <pre>
            $("#searchbox_01").inputSearch({
                targetElement:  $("#doc-text-continue"),
                targetName:     "doc-text-continue",
                targetSelector: "#doc-text-continue",
                panel:           true,
                url:             ["text-snippet_01.html", "text-snippet_02.html"],
                smblsTrigger:    3,
                message:         { lang: "ru" }
            });
            </pre>
        </code>
        <div id="statusbar"></div>
    </div>

    <script type="text/javascript">
	$(function(){
        $("#searchbox_01").inputSearch({ targetElement:  $("#doc-text-continue"),
            targetName:     "doc-text-continue",
            targetSelector: "#doc-text-continue",
            panel:           true,
			objs:			 [$("#doc-text-continue")],
            url:             ["text-snippet_01.html", "text-snippet_02.html"],
            smblsTrigger:    3,
            message:         { lang: "ru" }
        });
	});

	$("#doc-text-continue").live("inputSearch.loadPortion",function(data){
		console.log(data.data);
	});
    </script>
</div>

</body>
</html>