Pro100pro Yaroslav Vorozhko Home - About programming, management
Yaroslav Vorozhko Home [/] About programming, management and business Home Resume/CV November 7 jQuery Tabs на Ajax в Wordpress Posted In: jQuery , Javascript , Tips and Tricks , Ajax , PHP by Yaroslav Vorozhko В предыдущем посте WordPress Tabs - средствами jQuery . Мы создали два простых таба, в которых поместили Summary и Body сообщения блога. Основная проблема прстых табов - это скорость загрузки всей страницы, так как контен подгружался весь целиком, то и время на загрузку было многократно увеличено. Теперь я предлагаю немного переделать наши табы, а именно загрузку данных делать через Ajax. Сперва создадим файл, который будет заниматься загрузкой контента из базы на страницу. post_content ; $contentdata = explode("", $content); echo $contentdata[$part]; ?> Сохраним этот файл под именем wp_get_content.php и запишем его на в корневой каталог wordpress Далее изменим немного наш Index Template index.php в каталоге текущей темы wordpress.
Это и все, готовый пример можно посмотреть на блоге моей жены . Ссылки: Julia Vorozhko Blog - http://julia.pro100pro.com/ UI jQuery Tabs - http://docs.jquery.com/UI/Tabs Blog this: Digg it del.icio.us Technorati? No related posts Up? 0 November 6 CakePHP - навигация по страницам Posted In: Tips and Tricks , CakePHP , PHP by Yaroslav Vorozhko Пример как разбить контент на страницы в CakePHP 1.2. Для этого воспользуемся очень простым методом paginate. Пример: //index_controller.php - controller class IndexController extends AppController { var $paginate = array( ‘limit’ => 5, ‘order’ => array( ‘Post.published’ => ‘desc’, ‘Post.created’ => ‘desc’ ) ); var $uses = array("Post"); function index() { $posts = $this->paginate(’Post’); $this->set(compact(’posts’)); } } Теперь выведем найденные данные в View: //навигация по страницам prev(’<< Previous ‘, null, null, array(’class’ => ‘disabled’)); echo $paginator->next(’ Next >>’, null, null, array(’class’ => ‘disabled’)); ?> counter(array( ‘format’ => ‘Page %page% of %pages%, showing %current% records out of %count% total, starting on record %start%, ending on %end%’ )); ?> Ссылки: CakePHP Manual 1.2 - документация по CakePHP версии 1.2, тут же вы найдете полное описание метода paginate() Blog this: Digg it del.icio.us Technorati? No related posts Up? 0 November 4 WordPress Tabs - средствами jQuery Posted In: jQuery , Javascript , Tips and Tricks , PHP by Yaroslav Vorozhko Предположим, блог у нас уже есть и мы хотим улучшить пользовательский интерфейс нашего блога, добавив табы. В блоге WordPress каждый пост делиться на 2 части: общая информация (summary) и полная информация (body), тегом . Все что выше этого тега считается как summary, а то что ниже как body. Наша цель будет - показать summary в первом табе и body во втором, используя jQuery без перезагрузки страницы. Сначала нам надо получить последнюю версию ядра jQuery , а также интерфейс к табам UI jQuery Tabs . Запишите эти файлы в корневой каталог js вашего блога. Еще нам необходимы CSS стили для наших табов, скачать упрощенный вариант CSS стилей можно отсюда ( http://julia.pro100pro.com/css/flora.tabs.css ). Начнем с редактирования файла header.php, который расположен в каталоге вашей темы WordPress. Внутри тега head подключим ядро jQuery: и инициализируем табы для css класса contenttab: Далее внутри тега подключим CSS класс и UI jQuery Tabs: На этом работа над header.php закончена. Теперь приступим к формированию табов в Index Template файле index.php: Передем на строку где выводиться контент, функция the_content, и заменяем эту строку следующим кодом: post_content ; $contentdata = explode(””, $content); ?>