Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: вкладки в подгружаемой странице

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: выполнить скрипт в подгруженной странице
broshurkaplus
Отправлено: 20 Сентября, 2011 - 16:20:37
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




здравствуйте
не получается это (скрипт конечно не мой скопиазджен) но я подработал под себя

основная страница набор таблиц, при каждой див со своим ид
на неё по параметрам аяксом подгружаем страницу со вкладками в нужный див
переключение между вкладками на квери. так вот
если подгружаемую страницу открыть отдельно, то переключение вкладок работает
если на основной стр , то переключение вкладок в подгруженной не работает, хотя отображаются они верно.

не понимаю почему не работает подгруженый скрипт в основной странице
CODE (html):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.     // When a link is clicked
  4.     $("a.tab").click(function () {
  5.           // switch all tabs off
  6.           $(".active").removeClass("active");
  7.           // switch this tab on
  8.           $(this).addClass("active");
  9.           // slide all content up
  10.           $(".content").hide();
  11.           // slide this content up
  12.           var content_show = $(this).attr("title");
  13.           $("#"+content_show).show();
  14.     });
  15. });
  16. </script>
  17.  
  18. <ul class="tabs">
  19.         <li><a class="tab active" title="content_1" href="#">Topics</a></li>
  20.         <li><a class="tab" title="content_2" href="#">Archives</a></li>
  21. </ul>
  22. <div id="content_1" class="content">
  23. <ul>
  24.         <li><a>HTML Techniques <small>4 Posts</small></a></li>
  25.         <li><a>CSS Styling <small>32 Posts</small></a></li>
  26. </ul>
  27. </div>
  28. <div id="content_2" class="content">
  29. <ul>
  30.         <li><a>December 2008 <small>6 Posts</small></a></li>
  31.         <li><a>November 2008 <small>4 Posts</small></a></li>
  32.  
  33. </ul>
  34. </div>



полагаю что тут сто то в $(document).ready(function(){ те когда документ загрузился то функция, элементы уже определены.
вроде изучал дом по (по предыдущему вопросу, но непонял доконца еще)
можно ли както исправить эту проблему или в чем суть??? (вкладки очень нужны - на одной кто за на другой кто против)

или как можно по другому реализовать переключение вкладот Именно в подгруженной странице (про простую я нагуглился)

подскажите пожалуйста

(Отредактировано автором: 20 Сентября, 2011 - 16:25:59)

 
 Top
caballero
Отправлено: 20 Сентября, 2011 - 16:34:17
Post Id


Активный участник


Покинул форум
Сообщений всего: 5998
Дата рег-ции: Сент. 2011  
Откуда: Харьков


Помог: 126 раз(а)




если ты подгружаешь аяксом то document.ready тут при чем


-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore
 
 Top
broshurkaplus
Отправлено: 20 Сентября, 2011 - 16:36:23
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




так подскажите если знаете как задействовать скрипт в подгруженной странице
 
 Top
caballero
Отправлено: 20 Сентября, 2011 - 17:33:30
Post Id


Активный участник


Покинул форум
Сообщений всего: 5998
Дата рег-ции: Сент. 2011  
Откуда: Харьков


Помог: 126 раз(а)




а почему надо задействовать именно в подгруженной

подгружаешь само содержимое а скрипт прекрасно будет работать и с основной страницы

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


-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore
 
 Top
broshurkaplus
Отправлено: 20 Сентября, 2011 - 17:52:56
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




можно по подробней

хотя я ставил сами скрипты на основную страницу - подгруженная отображается правильно, но НЕ работает само переключение вкладок
 
 Top
caballero
Отправлено: 20 Сентября, 2011 - 18:22:09
Post Id


Активный участник


Покинул форум
Сообщений всего: 5998
Дата рег-ции: Сент. 2011  
Откуда: Харьков


Помог: 126 раз(а)




проверь что он вообще видит елемент по его ID


-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore
 
 Top
broshurkaplus
Отправлено: 21 Сентября, 2011 - 10:20:01
Post Id



Посетитель


Покинул форум
Сообщений всего: 354
Дата рег-ции: Янв. 2011  
Откуда: Пружаны Бресткая обл. Беларусь


Помог: 2 раз(а)




Я НАЧИТАЛСЯ КВЕРИ и вроде разобрался - повесил ему лайв

$("a.tab").live('click', function () { - вкладки переключаются

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

(Отредактировано автором: 21 Сентября, 2011 - 13:30:26)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTTP и PHP »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB