1. Главная
  2. Блоги
  3. Блог Zorak

Интеграция JS Кода

Главные вкладки

Аватар пользователя Zorak Zorak 6 июля 2012 в 13:01

Всем доброго времени суток.

У меня есть код JS, который делает постраничный вывод содержимого на страницу. Ыот например код Html страницы: (из примера)

[code=html]

1-
2-
3-
4-
5-
6-
7-
8-
9-
10-
11-
12-
13-
14-
15-
16-
17-
18-

var pager = new Imtech.Pager();
$(document).ready(function() {
pager.paragraphsPerPage = 5; <-- количество тегов на странице (т.е. выводит 5 шт )
pager.pagingContainer = $('#contentpt'); <-- В котором диве выбирать тег 'p'
pager.paragraphs = $('p', pager.pagingContainer); <-- тут задается символ для разделения, в данном случае ето 'p' в тегах
pager.showPage(1);
});

[/code]

А это пример кода JS который собссно все реализует
[code=js]
var Imtech = {};
Imtech.Pager = function() {

this.paragraphsPerPage = 3;
this.currentPage = 1;
this.pagingControlsContainer = "#pagingControlspt";
this.pagingContainerPath = "#contentpt";

this.numPages = function() {
var numPages = 0;
if (this.paragraphs != null && this.paragraphsPerPage != null) {
numPages = Math.ceil(this.paragraphs.length / this.paragraphsPerPage);
}

return numPages;
};

this.showPage = function(page) {
this.currentPage = page;
var html = "";
for (var i = (page-1)*this.paragraphsPerPage; i < ((page-1)*this.paragraphsPerPage) + this.paragraphsPerPage; i++) {
if (i < this.paragraphs.length) {
var elem = this.paragraphs.get(i);
html += "<" + elem.tagName + ">" + elem.innerHTML + "";
}
}

$(this.pagingContainerPath).html(html);

renderControls(this.pagingControlsContainer, this.currentPage, this.numPages());
}

var renderControls = function(container, currentPage, numPages) {

var pagingControls = "Страница:

    ";
    for (var i = 1; i <= numPages; i++) {
    if (i != currentPage) {
    pagingControls += "
  • " + i + "

    • ";
    } else {
    pagingControls += "

  • " + i + "

    • ";
    }
    }

    pagingControls += "

";

$(container).html(pagingControls);
}
}
[/code]

Проблема состоит в следующем.... На друпале у меня на странице написан php код для формирования страницы. Мне нужно "прошить верхний html код в код друпал".. и у меня ничего не получается... вот вынесу места прошивки

[code=php]
<-- ета строка
<-- и ета

<?php
global $user;

................... <-- Здесь какойто там код.

function vuvod($items, $kst)
{ ?>

<?php
for($i = 0; $i < $kst; $i++)
{
echo "";
echo "
";

......................... <-- Здесь какойто там код.

echo "";
}
echo "

"; ?>

<?php echo "

";
}
........................ <-- Здесь какойто там код.

<-- тут собссно конец страницы из примера.
var pager = new Imtech.Pager();
$(document).ready(function() {
pager.paragraphsPerPage = 5;
pager.pagingContainer = $('#contentpt');
pager.paragraphs = $('pp', pager.pagingContainer);
pager.showPage(1);
});

[/code]

З.Ы. На примере все работает отлично...
З.Ы.Ы. В примере использован тег 'p', а в моем коде тег 'pp'.. Ето ничего страшного.. На примере менял все работает...
Я наверное припустил какуюто техническую ошибку, но не могу понять какую ((( Помогите пожалуйсто ето сделать ) Спасибо!...

Если что пишите буду дальше выложивать и описывать).

Комментарии

Аватар пользователя Zorak Zorak 6 июля 2012 в 13:14

Дико извиняюсь.. но я тут сделал лишние телодвижения и написал примерчик включая ПХП код.... проблема не решилась но меня двинуло на мысль что дело в друпале, надо чтото подключить или еще чтото... :

<html>
<body>
                <script src="js/jquery.min.js" type="text/javascript"></script>
                <script src="js/imtech_pager.js"></script>
<h1>Проба постраничної навігації</h1>

    <div id="content">
<?php
for ($i = 0; $i < 52; $i++)
{
        echo "<pp>",$i + 1,"<br>";
        echo $i + 1,"<br>";
        echo $i + 1,"<br>";
        echo $i + 1,"<br></pp>";
}
?>
</div>
    <div id="pagingControls"></div>

<script type="text/javascript">
var pager = new Imtech.Pager();
$(document).ready(function() {
    pager.paragraphsPerPage = 5;
    pager.pagingContainer = $('#content');
    pager.paragraphs = $('pp', pager.pagingContainer);
    pager.showPage(1);
});
</script>

</body>
</html>

Мне кажется сдесь намного проще все выложено... вообщем мне ето щастье нужно интегрировать с моим кодом, что мне не получается (