VPF::Зона видимости подключёных стилей

g27

Дата 4.10.2009, 12:28 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

Здравствуйте. Вообщем незнаю в какой это радел пихать, так напишу сюда. Если что переместите. Вообщем проблема такая. В шаблоне шапки сайты я подключаю нужные мне css и js файлы.
Сам шаблон страницы такой вот

Код


%%HEADER%%

<div id=main_body>
    <center id='top_menu'>
        <div class='padding'>
        %%TOP_MENU%%
        <a id='to_site' href='%%URL%%' target='blank'><img src='images/dot_.gif' />&nbsp;&nbsp;$Lang[153]</a>
        </div>
    </center>
    <div id="left_menu">
        %%LEFT_MENU%%
    </div>
    <div id="center">
        %%CENTER%%
    </div>
</div>

%%FOOTER%%

Если я вставлю сразу после %%CENTER%% скрипт то он будет реагировать на включёные стили и т.д. но если в %%CENTER%% загрузить шаблон, то элементы в том шаблоне уже не реагируют. Вообщем я бы хотел узнать на эту тему побольше... Спасибо.

Добавлено через 3 минуты и 46 секунд
прикол ещё в том что когда я нажимаю показать исходных код, то мне показывает тока общий шаблон, а то что внутри я вставил не показывает... а это внутри как раз и не видет стили.

g27

Дата 4.10.2009, 13:18 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

возможно что поключение JS в header не видет...

g27

Дата 4.10.2009, 14:59 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

если ввести полный адрес руками в браузер то откроется нормально если в шаблоне дополнительно указаны пути...

Это сообщение отредактировал(а) g27 - 4.10.2009, 15:01

Violator

Дата 4.10.2009, 15:27 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

g27,
старайтесь правильно ставить вопрос, а то ничего не понятно
"но если в %%CENTER%% загрузить шаблон" - насколько я понял, вы через аякс подгружаете шаблон
"то элементы в том шаблоне уже не реагируют" - я так понял вставляемые элементы не реагируют на события которые вы прописали в ява-скриптах, для этого заново нужно привязать события к вставляемым элементам

ps https://addons.mozilla.org/ru/firefox/addon/60 - аддон для ФФ чтобы просматривать генерируемый код

g27

Дата 4.10.2009, 15:30 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

Violator, да да да, вы всё правильно поняли, а как мне занова привязать тогда? если я шаблон делаю со всеми элементами типа head body и прописываю в head всё опять, то всёравно ничего не происходит, а происходит только если отдельно открыть шаблон прямой ссылкой в браузере, а если вставить через аякс то ничего...

Добавлено через 10 минут и 43 секунды

Код


<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>


    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>Админ-панель ::</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="dtree.css">
    <script type="text/javascript" src="http://localhost/js/jquery.js"></script>
    <script type="text/javascript" src="http://localhost/js/mylib.js"></script>

    <script type="text/javascript" src="http://localhost/js/dtree.js"></script>
     <script src="http://localhost/js/iphone-style-checkboxes.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="style_checkbox.css" type="text/css" media="screen" charset="utf-8">
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      $(':checkbox').iphoneStyle();
    });
  </script>
</head><body>
<!-- start screen-->
<div id="main_body">
    <center id="top_menu">
        <div class="padding">

        <a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=menu2', 'left_menu', 0);">Меню+</a><a class="active" onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=shop_items', 'left_menu', 0);">Товары</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=pages', 'left_menu', 0);">Страницы</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=clauses', 'left_menu', 0);">Статьи</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=menu', 'left_menu', 0);">Меню</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=faq', 'left_menu', 0);">FAQ</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=polls', 'left_menu', 0);">Опросы</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=guest_book', 'left_menu', 0);">Гостевая книга</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=galleries', 'left_menu', 0);">Галереи</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=users', 'left_menu', 0);">Пользователи</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=admins', 'left_menu', 0);">Админы</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=settings', 'left_menu', 0);">Настройки</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=counter', 'left_menu', 0);">Посещение</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=mails', 'left_menu', 0);">Рассылки</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=database', 'left_menu', 0);">База</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=ticket', 'left_menu', 0);">Тикет</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=catalog', 'left_menu', 0);">Каталог</a><a href="?module=exit">Выход</a>

        <a id="to_site" href="http://localhost/" target="blank"><img src="images/dot_.gif">&nbsp;&nbsp;К сайту</a>
        </div>
    </center>
    <div id="left_menu"><div class="padding">
    <a class="active" onclick="unactiveLink(this, 'left_menu', 'A');specs('?module=shop_items&amp;action=add_item', 'center', 0);">Добавить товар</a><br><a class="h5" onclick="unactiveLink(this, 'left_menu', 'A');specs('?module=shop_items&amp;action=view_list', 'center', 0);">Просмотреть товары</a><br>
    <div class="dtree">
</div>
</div>

</div>
    <div id="center">
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<tbody><tr><td>Название товара</td><td><input name="title_item" style="width: 400px;" value="" type="text"></td></tr>
<tr><td></td></tr>
<tr><td>Описание товара</td><td><textarea name="desc_item" style="width: 400px; height: 100px;"></textarea></td></tr>
<tr><td>Цена товара</td><td><input name="price_item" value="" type="text"></td></tr>
<tr><td>Статус товара</td><td><input name="status_item" value="" type="checkbox"></td></tr>
</tbody></table>
<button onclick="specs('?module=shop_items&amp;action=ok_add_item', 'center');">Добавить товар</button>



</div>
</div>

</body></html>
не реагирует на то что там checkbox

но вот на такой скрипт реагирует

Код


<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>


    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>Админ-панель ::</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" href="dtree.css">
    <script type="text/javascript" src="http://localhost/js/jquery.js"></script>
    <script type="text/javascript" src="http://localhost/js/mylib.js"></script>

    <script type="text/javascript" src="http://localhost/js/dtree.js"></script>
     <script src="http://localhost/js/iphone-style-checkboxes.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="style_checkbox.css" type="text/css" media="screen" charset="utf-8">
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      $(':checkbox').iphoneStyle();
    });
  </script>
</head><body>
<!-- start screen-->
<div id="main_body">
    <center id="top_menu">
        <div class="padding">

        <a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=menu2', 'left_menu', 0);">Меню+</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=shop_items', 'left_menu', 0);">Товары</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=pages', 'left_menu', 0);">Страницы</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=clauses', 'left_menu', 0);">Статьи</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=menu', 'left_menu', 0);">Меню</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=faq', 'left_menu', 0);">FAQ</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=polls', 'left_menu', 0);">Опросы</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=guest_book', 'left_menu', 0);">Гостевая книга</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=galleries', 'left_menu', 0);">Галереи</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=users', 'left_menu', 0);">Пользователи</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=admins', 'left_menu', 0);">Админы</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=settings', 'left_menu', 0);">Настройки</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=counter', 'left_menu', 0);">Посещение</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=mails', 'left_menu', 0);">Рассылки</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=database', 'left_menu', 0);">База</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=ticket', 'left_menu', 0);">Тикет</a><a onclick="unactiveLink(this, 'top_menu', 'A');clear_f('center');specs('?module=catalog', 'left_menu', 0);">Каталог</a><a href="?module=exit">Выход</a>

        <a id="to_site" href="http://localhost/" target="blank"><img src="images/dot_.gif">&nbsp;&nbsp;К сайту</a>
        </div>
    </center>
    <div id="left_menu">
        
    </div>
    <div id="center">
            <h2>Выключено по умолчанию</h2>
<div class="container"><input style="opacity: 0;" type="checkbox"><label class="on">ON</label><label class="off">OFF</label><div class="handle"><div class="bg" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;"></div><div class="slider"></div></div></div>

<h2>Включено по умолчанию</h2>
<div class="container"><input style="opacity: 0;" checked="checked" type="checkbox"><label style="opacity: 1;" class="on">ON</label><label style="opacity: 0;" class="off">OFF</label><div style="left: 46px;" class="handle"><div class="bg" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; left: 34px;"></div><div class="slider"></div></div></div>
        
    </div>
</div>

<!-- end screen-->
</body></html>

и даже поменял чекбокс на див... почему первый не меняет?

Violator

Дата 4.10.2009, 15:43 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

например создаете функцию, которая на события click для ссылки будет выводить сообщение

Код


function bindClick() {
    $('#div a').bind('click', function() {
        alert('123');
    });
}

а дальше после удачной загрузки через аякс вызываете эту функцию

Код


    $.ajax({ 
        type: "GET", 
        url: "/", 
        data: { 
            'page'  : 'ca',
            'jid'   : jid,
            'r'     : Math.random()
        }, 
        dataType: "xml", 
        success: function(xml){
            bindClick(); /* Вызываете функцию которая привяжет событие click для ссылки */
        }
    });

g27

Дата 4.10.2009, 15:55 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

Violator, а подругому подгружаемый шаблон никак не увидет скрипты обьявленые в шапке?

Violator

Дата 4.10.2009, 16:16 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

g27,
нет, нужно заново забиндить события для подгружаемых элементов
после загрузки через аякс заново примените к чекбоксам свой айфонстайл

Код


$(':checkbox').iphoneStyle();

g27

Дата 4.10.2009, 16:25 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

я не знаю как занова это сделать... я пользоваться тока умею... делаю это так

Код


$content = $tpl->parse("add_item", array( "submit"=>$Lang[510],
                                          "onClick"=>"specs('?module=".$module."&action=ok_add_item', 'center');",
            ));
echo $tpl->parse("center", array("Content"=>$content));

навернео надо копаться в самой функции загрузки, а не в вывове... =(

Violator

Дата 4.10.2009, 16:37 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

g27,
держите маленький пример как это работает, дальше я думаю вам не сложно будет разобраться

index.html

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<html>
  <script type='text/javascript' src='jquery.js'></script>
  <script>
    function bindClick() {
      $('#div a').bind('click', function() {
        alert('123');
        return false;
      });
    }

    $(document).ready(function() {
      bindClick();
      $('#ajax').bind('click', function() {
        $('#div').load(
          'data.php',
          {'page' : 'test'},
          function() {
            //bindClick(); /* убрать комментарий */
          }
        );
        return false;
      });
    });
  </script>
</html>

<body>
  <div id="div">
    <a href="#">test</a>
  </div>
  <a id="ajax" href="#">load template</a>
</body>
</html>

data.php

Код


<?php
  echo '<a href="#">test1</a>';
?>

g27

Дата 26.10.2009, 01:14 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

Violator, тут у меня возникла проблема, я так могу тока подключить 1 раз, а если мне надо что-то другое то оно уже не работает. Ну тоесть тот что первый тот нормально работает, а то что после другие события описаны он уже не видит.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »