jquery: раскрывающийся текст.

[Heidel]

http://www.sooource.net/jquery-collapsable-blocks

скрипт (текст раскрывается при клике на ссылку, при повторном клике - сворачивается, текст ссылки при этом не меняется)

<sсript type="text/javasсript">
$(document).ready(function(){
	//Раскрывающийся список
	$(".view-source #hide").hide();
        $(".view-source a#click").toggle(
            function(){
        $("#hide").slideDown(500);
            }, 
          function(){
        $("#hide").slideUp(500);
          });
}); 
</sсriрt>

html-код (+ функция неткат)

<div class='view-source'>
	<h3><a href="#" id="click">Заполнить на сайте</a></h3>
		<div id="hide">
			<?= nc_objects_list(346, 535, "&recNum=1")?>
		</div>
</div>

НЕСКОЛЬКО раскрывающихся пунктов
html-код

<h2 class='headline'>Каталог</h2>
<div class='news floatbox'>
	
<div class='view-source'>
	<div class="cat_click"><h3>Магнитные барабаны и сепараторы барабанного типа</h3></div>
		<div class="cat_list">
			<?= nc_objects_list(342, 529, "&nc_ctpl=530")?>
		</div>
</div>

<div class='view-source'>
	<div class="cat_click"><h3>Магнитные плиты и сепараторы подвесного типа</h3></div>
		<div class="cat_list">
			<?= nc_objects_list(343, 530, "&nc_ctpl=530")?>
		</div>
</div>

<div class='view-source'>
	<div class="cat_click"><h3>Магнитные решетки и сепараторы штыревого типа</h3></div>
		<div class="cat_list">
			<?= nc_objects_list(344, 531, "&nc_ctpl=530")?>
		</div>
</div>
</div>

скрипты и стили в макете дизайна

<? if( $sub == 336) {
		?>

<style  type="text/css">
	/*Заглавные пункты списка*/
	.cat_click > h3 { color: #0099CC; background: transparent; text-decoration: underline; }
	.cat_click > h3:hover { text-decoration: none; outline: 0 none; cursor: pointer;  }
</style>
	
<sсript type="text/javasсript">
    //Раскрывающийся список
     $(document).ready(function(){
        $(".cat_list").hide();
        $(".cat_click").click(function(){
            $(this).closest(".view-source").find(".cat_list").slideToggle('slow');
            return false;
        });
    });
</sсriрt>
		<?
	}
 		?>	

@темы: HTML, CSS, jQuery, Ссылки

---

Ссылка на скачивание документов из раздела

[Heidel]

Раздел ---- Настройки ---- Системные ---- поле Внешняя ссылка ---- вставить ссылку на файл

http://elmat.inetech.ru/doc/oprosny_list.doc

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

@темы: NetCat, Разделы

---

Вывод объектов в виде таблицы

[Heidel]

http://netcat.ru/developes/docs/components/creating-cc/

@темы: Поля, NetCat, Пользовательские настройки, Компоненты, Вывод объектов в виде таблицы, Ссылки

---

[Heidel]

Вывод поля в том случае, если он заполнено

<?=($f_Producer ?”<p>Производитель: ".$f_Producer.”</p>" : NULL);?>

Ссылка на API
http://netcat.ru/developes/docs/components/creating-cc/

@темы: Поля, NetCat, Компоненты, Ссылки

---

jQuery Заменить значение атрибута

[Heidel]

<sсript type="text/javasсript">
    $(document).ready(function(){
        $("form#adminForm input[type='submit']").attr('value', ' Отправить запрос ');
    }); 
</sсriрt>

@темы: jQuery

---

Форматирование заголовков полей в форме обратной связи

[Heidel]

Если зайти в исходный код, то видно, что форма выводится в таком виде

<span id="nc_capfld_2415">Имя (*):</span>
<input size="50" maxlength="255" type="text" name="f_Name" />



<span id="nc_capfld_2412">Телефон (*):</span>
<input size="50" maxlength="255" type="text" name="f_Telephone" />



<span id="nc_capfld_2414">Email (*):</span>
<input size="50" maxlength="255" type="text" name="f_Email" />



<span id="nc_capfld_2413">Текст письма (*):</span>
&lt;textarea cols="40" rows="8" name="f_Text" id="f_Text">&lt;/textarea><br /><br /><br />

В макете дизайна прописан такой код.
CSS задает:
- ширину спанов, в которых лежат заголовки полей
- жирный шрифт для некоторых заголовков
- выравнивание текста по верхнему края для конкретного спана

JQuery скрипт вставляет текст перед некоторыми конкретными спанами

<? if( $sub == 346) {
		?>
<style type="text/css">
	span[id^='nc_capfld'] {
	display: inline-block;
	width: 300px;
		}
	
	span[id='nc_capfld_2416'],
	span[id='nc_capfld_2424'],
	span[id='nc_capfld_2430'],
	span[id='nc_capfld_2451'],
	span[id='nc_capfld_2462'],
	span[id='nc_capfld_2463']{
	font-weight: bold;
		}
	
	span[id='nc_capfld_2413']{
		vertical-align: top;
		}
</style>
	
<sсript type="text/javasсript">
    $(document).ready(function(){
        $("#nc_capfld_2431").before("<p><i>Для конвейера указать:</i></p>");
		$("#nc_capfld_2440").before("<p><i>Для трубопровода указать:</i></p>");
		$("#nc_capfld_2443").before("<p><i>Для бункера указать:</i></p>");
		$("#nc_capfld_2447").before("<p><i>Для самотека (лотка):</i></p>");
		$("#nc_capfld_2415").before("<h3>Ваши персональные данные:</h3>");
    }); 
</sсriрt>
		<?
	}
 		?>	

@темы: Поля, NetCat, Компоненты

---

Сэмплы полезного кода для компонентов NetCat

[Heidel]

http://web.finar.ru/Base/NetCat-ComponentCodeSamples/

@темы: NetCat, Ссылки

---

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

[Heidel]

Вывод поля из Пользовательских настроек в Компоненте

<?= $cc_settings['SubTitle'] ?>

(шаблонами компонента не наследуется)

@темы: NetCat, Пользовательские настройки, Компоненты

---

Вывод рандомного пункта в списке

[Heidel]

1. В Макете дизайна или в Компоненте прописать

<?= nc_objects_list(XX, YY, "recNum=N&nc_ctpl=ZZ&random=1"); ?>

2. В системных настройках Компонента или Шаблона компонента прописать

<? if ($random==1) {
$query_order="rand()";
} 
?>

@темы: NetCat, Рандом, Компоненты

---

Слайдеры jQuery

[Heidel]

http://tympanus.net/codrops/2010/10/03/compact-news-previewer/
http://slidesjs.com/
http://landofcoder.com/jquery-plugins/lof-jslidernew-plugin.html

@темы: HTML, CSS, jQuery, Ссылки

---

[Heidel]

Выделение дива, на который наведена мышка

<div class="right">

      <h2>Новости</h2>

      <div class="news-teaser floatbox">
          <a href="/news/news_3.html" class="preview icaption_left"><img src="images/teaser-news.jpg" alt="teaser-news.jpg, 2,3kB" title="Teaser news" border="0" height="54" width="74"></a>
        <span class="date"> 31 августа 2012</span>  <h3><a href="/news/news_4.html">Реорганизация предприятия</a></h3>
      </div>

      <div class="news-teaser floatbox">
        <a href="/news/news_3.html" class="preview icaption_left"><img src="images/teaser-news.jpg" alt="teaser-news.jpg, 2,3kB" title="Teaser news" border="0" height="54" width="74"></a>
        <span class="date"> 31 августа 2012</span>  <h3><a href="/news/news_4.html">Реорганизация предприятия</a></h3>
      </div>
</div>

скрипт

<sсript type="text/javasсript">
			jQuery(document).ready(function(){
								
				$(function() {
                $("div.right div.floatbox").hover(function() {
                $(this).toggleClass("active");
  })
});
				});	

@темы: HTML, jQuery, Javascript

---

Особое оформление первого и последнего пункта меню

[Heidel]

Задание особого оформления для последнего пункта меню (код для неткат 4.7)

$first_menu[0]['prefix'] = "<div id='nav'><div class='hlist'><ul>";
$first_menu[0]['suffix'] = "</ul></div></div>";
$first_menu[0]['active'] = "<li \".(\$i+1==\$data_count?' class=\"last\"':null).\"><a href=%URL>%NAME</a></li>";
$first_menu[0]['active_link'] = "<li \".(\$i+1==\$data_count?' class=\"last\"':null).\"><a href=%URL>%NAME</a></li>";
$first_menu[0]['unactive'] = "<li \".(\$i+1==\$data_count?' class=\"last\"':null).\"><a href=%URL>%NAME</a></li>";
$first_menu[0]['divider'] = "";

В неткат5 этот код не срабатывает, поэтому на сайте Серебряной нити был использован скрипт jQuery
(добавляет класс first к первому пункту в списке и класс last к последнему)

<sсript type="text/javasсript">
			jQuery(document).ready(function(){
				jQuery("div#nav div.hlist ul li:first-child").addClass("first");
				jQuery("div#nav div.hlist ul li:last-child").addClass("last");
				});	
</sсriрt>	

@темы: Навигация, NetCat

---

[Heidel]

Вывод названия раздела
http://netcat.ru/support/forum/razrabotka-sayta/topic_12575.html

@темы: NetCat, Разделы

---

Вывод названия текущего раздела

[Heidel]

<h3><?= $current_sub['Subdivision_Name'] ?></h3>

@темы: NetCat, Разделы

---

Функция strtoupper()

[Heidel]

Использование пхп-функции strtoupper() (перевод букв в верхний регистр) в компоненте

<h3><?= strtoupper($f_DocTitle); ?></h3>

Если функция срабатывает с английскими символами, но не срабатывает с русскими, нужно установить настройки локали
http://ru2.php.net/manual/ru/function.setlocale.php

приблизительно таким образом

setlocale(LC_ALL, "ru_RU.CP1251");

Либо использовать функцию mb_strtoupper() http://php.su/functions/?mb-strtoupper

Либо воспользоваться средствами css

<h3 style='text-transform: uppercase;'><?= $f_DocTitle ?></h3>

Ссылка на обсуждение на форуме нетката линк

@темы: Поля, CSS, NetCat, PHP

---

Листинг

[Heidel]

В шаблонах вывода навигации прописать

<?php
//навигация по страницам в разделе Новости
$browse_msg['prefix'] = ""; 
$browse_msg['suffix'] = ""; 
$browse_msg['active'] = "%PAGE"; 
$browse_msg['unactive'] = "<a href="http://%URL" target=_blank>%PAGE</a>"; 
$browse_msg['divider'] = " ";
?>

в компоненте в суффиксе списка объектов прописать

<?= nc_browse_messages($cc_env, 1) ?>

Ссылка на API линк

Танцы с бубном в Неткат5 на сайте Элмата

В макете дизайна в шаблонах вывода навигации прописано следующее

<?php
//навигация по страницам в разделе Новости
$browse_msg['prefix'] = "  ";
$browse_msg['suffix'] = "  ";
$browse_msg['active'] = "%PAGE";
$browse_msg['unactive'] = "<a href='%URL' style='text-decoration: none;'>%PAGE</a>";
$browse_msg['divider'] = "  ";
?>

Аналогичный код прописать в компоненте в Системных настройках !!!
Добавить третью переменную $browse_msg в вызов функции nc_browse_messages()

<?= nc_browse_messages($cc_env, 10, $browse_msg) ?>

В суффиксе списка объектов прописывается

<?
if(!$listing) {
?>
<div style='text-align: center;'>
<?=( $prevLink ? "<a href='$prevLink' style='text-decoration: none;'>← Предыдущая</a> " : NULL);?> <?= nc_browse_messages($cc_env, 10, $browse_msg) ?>
<?= ( $nextLink ? "<a href='$nextLink' style='text-decoration: none;'>Следующая →</a>" : NULL);?></div>
<? } ?>

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

В макете дизайна титульной страницы вывод списка объектов (новостей) прописано

<?= nc_objects_list(339, 521, "recNum=5&listing=1"); ?>

Ссылка на обсуждение на форуме нетката Листинг

Постраничная документация в виде
Новости 11 - 20 из 35 предыдущая | 1 | 2 | 3 | следующая
http://netcat.ru/developes/docs/components/creating-cc/
(в конце страницы)

@темы: Навигация, NetCat, Листинг

---

cuSel — нестандартные select на jQuery

[Heidel]

http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html

@темы: HTML, CSS, jQuery, Ссылки

---

Как прижать футер (подвал) к низу

[Heidel]

http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html

@темы: HTML, Верстка, CSS, Прижать футер к низу, Ссылки

---

[Heidel]

Как вывести вместо месяца его название на русском языке

Системные настройки шаблона:

$month = array(
  1=>'января',2=>'февраля',3=>'марта',4=>'апреля',
  5=>'мая',6=>'июня',7=>'июля',8=>'августа',
  9=>'сентября',10=>'октября',11=>'ноября',12=>'декабря'
);

В шаблоне вместо $f_Date_month пишется:

".opt_case($month[intval($f_Date_month)], $month[intval($f_Date_month)], $f_Date_month)."

Ссылка на тему в Базе знаний link


Пхп-функция intval() возвращает численное значение переменной.


Как было сделано на сайте Элмата

<? if( $f_Created_day && $f_Created_month && $f_Created_year )
	{
		?><span class="date"> <?= $f_Created_day." ".$month[intval($f_Created_month)]." ".$f_Created_year; ?></span> <?
	}
?>

при этом в компоненте присутствует поле Date - Дата - формат: event

@темы: Месяц, Поля, NetCat

---

[Heidel]

SEO
Продвижение сайтов


Yandex
Помощь вебмастеру Yandex http://help.yandex.ru/webmaster/
FAQ по вопросам работы робота http://help.yandex.ru/webmaster/?id=1111307

Рекомендации Яндекса по созданию сайта http://help.yandex.ru/webmaster/recomend.pdf


Google
Инструменты для веб-мастеров http://support.google.com/webmasters/?hl=ru

Руководство по поисковой оптимизации для начинающих от Google
https://www.sites.google.com/site/webmasterhelpforum/ru/stati/rukovodstvo-po-poiskovoj-optimizacii-dla-nacinausih-ot-google

Подготовка сайта для индексирования в поисковых системах http://www.ashmanov.com/pap/ivsprep.phtml

Наиболее часто встречающиеся ошибки, препятствующие хорошему ранжированию сайта в поисковых машинах. Пути их решения http://www.promo-techart.ru/analysis/errors.htm

---

API Яндекс.Метрики http://api.yandex.ru/metrika/

@темы: SEO, Ссылки