Первый селектор jQuery all().

Ищет все элементы страницы (даже html, head, body)

//jQuery Code

$("*").css("border","3px solid red");

//jQuery Code

Пример jQuery – дает рамку всем элементам страницы.

Селектор class(class).

Выбирает все элементы заданного класса. Возвращает массив элементов.

//jQuery Code

$(".myClass").css("border","3px solid red");

//jQuery Code

В примере элементы указанного класса с помощью jQuery обретают красную рамку.

Селектор Jquery element(element)

Этот селектор выбирает все элементы страницы с тегом, который указан. При этом class и id элемента не играет для jQuery роли.

//jQuery Code

$("div").css("border","3px solid red");

//jQuery Code

В следующем примере jQuery у всех тегах div появляется красная рамка, у других элементах ее нету.

Если jQuery может выбирать элементы по классам, то также она может выбирать и элемент по идентификатору (id).
Возвращает массив, хотя правильней будет сказать не массив, а один элемент, т.к. идентификатор по правилам присваивается только один раз одному элементу.

//jQuery Code

$(“#myDiv”).css(“border”,”3px solid red”);

//jQuery Code

[/sourcecode]

В этом примере jQuery возвращает элемент с идентификатором myDiv.

//jQuery Code

$("#myID\\.entry\\[1\\]").css("border","3px solid red");

//jQuery Code

Также jQuery может элементы с идентификаторами которые содержат специальные символы, их нужно экранировать. Обратите внимание на этот пример.

Синтаксис селекторов основан на CSS, соответственно можно выбирать с помощью jQuery сразу по нескольким тегам, классам или идентификаторам.

//jQuery Code

$("div,span,p.myClass").css("border","3px solid red");

//jQuery Code

Пример показывает выбор по нескольким параметрам.

//jQuery Code

var list = $("div,p,span").map(function () {
return this.tagName;
}).get().join(", ");
$("b").append(document.createTextNode(list));

//jQuery Code

А в этом примере jQuery показывается порядок элементов страницы с jQuery.

К счастью для отладки кода и проверки валидности, а также для кроссбраузерной верстки я нашел программу IE Tester.

Ее использование облегчит Вам жизнь, в ней собраны все сборки IE!

Пользуйтесь на здоровье!

Начало дружбы PHP и клиентской части веб-приложения положила API XMLHttpRequest, которая прекрасно справляется с обменом данных браузера и веб-сервера по протоколу HTTP. С его помощью можно осуществлять запросы без перезагрузки страницы.

Сейчас когда есть библиотека jQuery, этот процес займет у Вас намного меньше сил и времени. Его построение не вызовет особых сложностей использования AJAX или JavaScript. Нужно просто знать функцию jQuery  .get (), которая делает GET запрос к файлу на сервере и возвращает результат выполнения даного запроса без перезагрузки страницы, т.е. в режиме “он-лайн”. Давайте детальней рассмотрим данную функцию.

Функция jQuery .get() имеет следующие параметры:

get(путь к файлу, передаваемые параметры, функция результата)

Рассмотрим в деталях первый параметр функции .get() – это строковое значение, которое содержит путь к файлу на сервере, обычно это файл PHP, который исполняется на сервере.

Пример использования:

//JavaScript

$.get('jquery.php');

//JavaScript

Следующий необязательный параметр функции jQuery .get() содержит параметры, котрые передаются к файлу PHP или к другому файлу на сервере.

Пример функции с передачей параметров:

//JavaScript

$.get( 'jquery.php', { one: 'one', php: 'php', jquery: 'jquery' });

//JavaScript

В даном случае файлу jquery.php передаются переменные one , php, jquery с значениями one , php, jquery соотвественно.

И последний необязательный параметр – это функция-обработчик ответа от файла на сервере.

Пример функции jQuery .get со всема параметрами:

$.get( 'jquery.php', { one: 'one', php: 'php', jquery: 'jquery' }, function (data) {

alert(data);

});

В этом примере jQuery передает файлу jquery.php три переменные запросом GET и возвращаемый результат от файла выводится в сообщении с помощью функции alert().

На последок приведу пример файла jquery.php:

<?

echo 'Первая переменная: '.$_GET[one].'; Вторая: '.$_GET[php].'; 3-я: '.$_GET[jquery];

?>

Используйте очень полезную функцию .get() библиотеки jQuery вместе с PHP и Ваш сайт будет еще более динамичней и практичней!

На этот все, до новых уроков по PHP и jQuery.

В предыдущем посте я писал о файловой системе InstantCMS!
Сегодня, как я и обещал, мы рассмотрим базу данных данной cms! В
Instant очень понятная и простая в использовании структура БД.

Вся БД Instant CMS выглядит так:

Instant CMS mysql База Данных

Для увеличения нажмите на картинке базы mysql CMS Instant.

Рассмотрим все таблицы отдельно!

Итак таблица cms_banlist – список IP адресов, которым запрещен
доступ к сайту;
cms_banner_hits – список хитов с IP адресов по баннерам;
cms_banners – таблица самых баннеров;
cms_blogs – главная таблица блогов;
cms_blog_authors – таблица содержащая информацию о авторах блогов;
cms_blog_cats – категории блогов;
cms_blog_files – пути к файлам блогов;
cms_blog_posts – таблицы постов в блогах;
cms_board_cats – категории доски объявлений;
cms_board_items – сами объявления;
cms_cache – таблица данных о кэше;
cms_category – названия и параметры категорий статей;
cms_clubs – таблица cms Instant, которая содержит данные о
клубах и их настройки;
cms_codecheck – данные о проверке кода, соотвественно сессиям;
cms_comments – таблица комментариев;
cms_comments_votes – таблица, содержащая данные о скрипте
голосования в комментариях;
cms_components – компоненты, их названия, настройки и параметры;
cms_content – содержит новости cms;
cms_content_access – параметры доступа к статьям;
cms_downloads – загрузки файлов (их ссылка и количество загрузок);
cms_event_hooks – зарегистрированные события;
cms_faq_cats – категории ответы/вопросы;
cms_faq_quests – содержит ответы/вопросы;
cms_filter_rules – правила и параметры фильтра (замены);
cms_filters – фильтры (замены), их названия и описания;
cms_forms – формы (обратной связи, анкеты, жалобы и пожелания и другие);
cms_form_fields – содержит поля формы и их значения;
cms_forums – форумы, их название, описание и главные настройки;
cms_forum_votes – голосавалка на форумах;
cms_forum_threads – темы на форумах и их параметры;
cms_forum_posts – записи в темах на форумах;
cms_forum_images – данные и ссылки прикрепленных к форуме картинок;
cms_forum_files – содержит ссылки и параметры файлов с форума;
cms_menu – меню CMS Instant, т.е. нашего сайта;
cms_modules – данные о подключенных модулях;
cms_modules_bind – привязка модулей к меню;
cms_online – кто онлайн, сессия, дата, данные и просматриемая страница;
cms_photo_albums – фото альбомы и их параметры;
cms_photo_files – данные о файлах фото галереи;
cms_plugins – плагины, которые установлены в системе;
cms_polls – опросы;
cms_polls_log – данные о голосах в опросах;
cms_price_cats – категории прайс-листа;
cms_price_items – элементы с прайс листа и их параметры;
cms_ratings – таблица компонента рейтинг;
cms_search – таблица компонента поиска по сайту;
cms_stats – данные компонента Instant о статистике посещения сайта;
cms_subscribe – данные о подписке;
cms_tags – теги к компонентам и страницам CMS Instant;
cms_uc_cart – данные о карточках Универсального каталога;
cms_uc_cats – компонент Универсальный каталог – категории;
cms_uc_discount – содержит данные о дисконтных скидках в
Универсальном каталоге;
cms_uc_items – товары Универсального каталога;
cms_uc_ratings – рейтинг в компоненте Универсальный каталог;
cms_upload_images – данные о загруженных картинках;
cms_users – общие данные о зарегистрированных пользователях;
cms_user_autoawards – награды пользователей CMS Instant;
cms_user_awards – данные о присвоенных наградах пользователям;
cms_user_clubs – клубы и пользователи в их;
cms_user_files – файлы пользователя;
cms_user_friends – друзья пользоватилей;
cms_user_groups – группы в которых состоят пользователи;
cms_user_karma – карма пользователей;
cms_user_msg – таблица содержащая сообщения пользователей друг другу;
cms_user_photos – фотографии пользователей;
cms_user_profiles – данные профайла пользователей;
cms_user_wall – содержание стен пользователей;
cms_users_activate – данные о активации пользователя;

Теперь мы знаем что и где лежит в таблицах базы данных CMS Instant,
можно приступать к созданию собственных модулей и компонент, чем мы и
займемся в следующих моих постах! А пока все!
С вами был Фирс Юрий Петрович! Не забываем комментировать и ставить
плюсы, если понравилось!

Файловая структура

Папка components – в этой папке содержатся каталоги всех компонентов, которые выводятся на сайте!
В каждом из этих каталогов есть файлы которые отвечают за вывод компонентов! Обязательным файлом есть – frontend.php. В котором должна присутсвовать функция с одноименным названием компонента. Общий вид этого файла такой:

<?
if(!defined(’VALID_CMS’)) { die(’ACCESS DENIED’); }

function имя компонента(){//

$inCore = cmsCore::getInstance();//Подключаем главное ядро(движок) сайта, который содержит главные ф-ции
$inDB = cmsDatabase::getInstance();//Подключаем БД

....//Тело функции компонента

}
?>

Этот файл отвечает за вывод на сайте, а файлы, которые отвечают за вывод компонента в админке, находятся в каталоге admin\components\<название компонента>. Там главным и обязательным файлом является backend.php, который по структуре похож на frontend.php.

За вывод компонента на сайте еще отвечают файлы .tpl с папки шаблона! Их название может быть любым, но как правило оно такое:
com_<название компонента>_<название страницы компонента>

На сегодня пока все! Разберитесь с файловой структурой InstantCMS, в следующем посте посмотрим на БД и разберем ее по косточкам.  И потом уже преступим к созданию своего компонента!!!!
P.S. Жду комментариев и пожеланий для следующих постов… Первый пост, так что сильно не критикуйте…

У Вас есть вопрос ” Как правильно использовать…” – Вы получете на него ответ! Так как мы будем рассматривать примеры CMS, Php, JavaScript, jQuery и уроки их использования в новой концепции! Будут рассмотрены скрипты голосования, комментариев на PHP, Ajax и с помощью JavaScript  библиотеки jQuery.