FAQ раскрутка | скрипты для uCoz | гсщя | шаблоны для uCoz | PHP, jQuery, Java - скрипты

FAQ

Главная » FAQ

[ Добавить вопрос ]

1.Как мне сделать вывод новостей в несколько колонок?

2.Как подключить jQuery

3.Где получить сведения о HTML, CSS, uCoz

4.Как реализовать условные операторы на сайте uCoz?

5.Как получить данные с другой страницы?

6.Как создать _uWnd или продвинутое Ajax окно

7.Плавное отображение/скрытие области [jQuery]

8.как устанавливать шрифты в программу Adobe Photoshop

Как мне сделать вывод новостей в несколько колонок?

перед $BODY$

<script type="text/javascript">var k = 1;</script> <table>

после

</table>

в шаблон вида метериала, в начало:

<script type="text/javascript">  if(k==1) {document.write('<tr>')}  k++;  if(k>3) k -= 3;  </script>  <td>

в шаблон вида метериала, в конец:

</td>  <script type="text/javascript">  if(k==3) document.write('</tr>');  </script>

Как подключить jQuery

Качаем этот файл себе на сайт.
В шаблоне страницы между <head>...</head> пишем

<script src="путь к файлу на вашем сайте"type="text/javascript"></script>

Где получить сведения о HTML, CSS, uCoz

У нас на сайте и форуме, а также на сторонних сайтах:

HTML, CSS - htmlbook.ru, postroika.ru
JavaScript - Основы, javascript.ru, интересные решения можно найти на хабре
jQuery - RSDN, Блог LinkExchanger, habrahabr.ru
UcoZ - Форум Тех Поддержки

Как реализовать условные операторы на сайте uCoz?

Условные операторы от новичка до профи.

Если вы совершенно не понимаете, как работают условные операторы и информации в панели управления для вас мало, то я попробую вам объяснить. Самое главное, чтобы вы настроились на то, что это очень просто. Так оно и есть!

И так, начну с понятий. Условные операторы - это специальные коды-символы, которые могут выполнять какие-то сценарии. Вы можете создать совершенно новую опцию на своём сайте, которая собственно не предусмотрена панелью.

Для начала нужно понять и привыкнуть к составляющим частям самого кода сценария, а это:

- это какое-то условие (код), которое говорит оператору с кем мы имеем дело и с чем работать. Заменяем мысленно фразой «Если есть»;

- это оператор которое выполнит то, что вы скажете, когда условие не соответствует названным. Мысленно заменяем фразой «Если нет»;

- это конец условного оператора, мысленно заменяем «Конец»;

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

(Из редактора страниц)

Hello, $USERNAME$ You are GUEST. Please register.

Что это на нашем языке написано: «Если есть авторизированный пользователь, то «Привет его логину!», а если нет, «Привет Гостю!» и конец.»

Почему? Откуда? Подробней!

Что в данном коде использовалось:

Мы оператору сообщили, что наш сценарий направлен, чтобы поздороваться с теми, кто авторизирован. Мы поставили вместо $код$ следующий $USER_LOGGED_IN$ , то есть сказали «Если есть авторизированный - ». После идет какая-то ваша информация доступна только авторизированным. Однако мы попутно можем использовать условие если они не соответствуют названным, а именно у нас не соответствуют Гости. Значит, мы после информации для зарегистрированных вписываем информацию для гостей.

Получаем
Привет, $USERNAME$ Привет Гость!

Осталось закрыть всё это дело концовкой.
Привет, $USERNAME$ Привет Гость!

Мы так же можем исключить Гостей совершенно и вывести информацию только зарегистрированным. Для этого просто не используем «Если нет». Получаем следующее:

Как хорошо, что вы зарегистрировались!

То есть в данном случае фразу «Как хорошо, что вы зарегистрировались!» видят только те, кто вошёл под логином.

Условием для работы операторов может быть любой код, который указан как работающий в каком-то модуле. В нашем случае (редактор страниц) могут примеры:

Выход и вход:
<a href="$LOGOUT_LINK$">ВЫХОД</a> <a href="$LOGIN_LINK$">ВХОД</a>

Дни после регистрации:
Вы с нами уже$USER_REG_DAYS$ дней! Пожалуйста, зарегистрируйтесь.

И так далее.

Условия для сценария можно изменить с помощью дополнительных возможностей, которые поддерживают операторы. Это знаки «=», «>», «<». При необходимости, приравненные разделяются вертикальной чертой. После знака, вы сообщаете оператору на кого направлен весь сценарий.

Я это вижу А вот я вижу это

Или

Самое главное, что я это вижу

Пример:

Дима, не забудь каждый день читать почту.

То есть, на словах «Если есть логины вошедших и среди них есть Дима (='Дима'), то ему показать это…»

То же самое касается групп, имён, пола, даты и всего что работает из кодов.
Ещё примеры:

Дима и Света, вот тайная ссылочка ….

Группы:
Модеры и Админы, все кликаем на рекламу тут…

И т.д.

Однако операторы могут работать друг в друге. Пример:

Привет $USER$! Не забываем кликать на рекламу! Пожалуйста, зарегистрируйтесь.

Сценарий такой: «Если есть вошедшие, то Привет им, а если среди них есть Админы и Модеры, то добавить Кликаем на рекламу, если есть то кто не вошел, то просим зарегистрироваться и конец.»

Самое главное хорошо подумать, как написать сценарий, какие для этого использовать коды и кому они будут направляться. Можно написать что угодно, что придет на ум. uCoz настолько гибкий, что мне иногда кажется, что он живой и создатели сами точно не знают сколько и чего будет работать. Ну всё есть! Самое главное подумайте.
Взято с оф.сайта тех.поддержки uCoz

Как получить данные с другой страницы?

Фреймовая версия:


<iframe src=

"http://utools.net.ru/"onload="document.getElementById('some_id').innerHTML = fr.document.getElementById('element_id').innerHTML;"name="fr"style="width:100px; height:20px; display:none; border:0"></iframe><span id="some_id"

></span>

Немного поясненй:

http://utools.net.ru/ - путь к странице, данные с которой нужно получить
some_id - id элемента, в который нужно передать данные
element_id - id элемента на другой странице с нужным содержимым

jQuery:

<div id="someElement"></div>
<script type="text/javascript">
$('#someElement').load('http://utools.net.ru/faq/ #id');
</script>

Где

someElement - ID элемента, куда нужно загрузить информацию
http://utools.net.ru/faq/ - адрес страницы, откуда нужно загрузить информацию
id - ID элемента на удаленной странице, откуда нужно получить информацию

Как создать _uWnd или продвинутое Ajax окно

Руководство для новичков можно найти на форуме

Создание AJAX окон:
Новое Ю.Окошко создается следующим кодом:

new _uWnd(name, title, width, height, opts, content, menuitems, app)

Где:

name^string - уникальное имя окошка. Нигде не отображается, но исползуется при работе с такими окнами.
title ^string - заголовок окошка. Отображается в шапке.
width ^integer - ширина окошка.
height ^integer - высота окошка.
opts ^object - дополнительные параметры:
- autosize ^boolean - автоопределение размеров.
- autosizewidth ^boolean - автоопределение ширины.
- autosizeonimages ^boolean - автоматически изменять размеры после загрузки картинок.
- hideonresize ^boolean - прятать содержимое при изменении размеров окна.
- waitimages ^boolean - ждать загрузки всех картинок.
- markload ^string - текст загрузки.
- align ^string - выравнивание.
- shadow ^boolean - тень.
- header ^boolean - отображать ли шапку.
- min ^boolean - отображать ли кнопку Minimize (свернуть).
- max ^boolean - отображать ли кнопку Maximize (развернуть).
- design ^string - дизайн. Является ключем объекта _uWnd.designs.
- close ^boolean - отображать ли кнопку Close (закрыть).
- hidden ^boolean - скрытое окно.
- modal ^boolean - модальное окно (все остальное пространство закрывается полупрозраным слоем).
- alert ^boolean - окно будет отображаться выше модальных окон.
- popup ^boolean - закрывать ли окно при клике на пространстве вне окна.
- nomove ^boolean - запретить перемещение окна.
- hideonmove ^boolean - скрывать содержимое окна при перемещении окна.
- resize ^boolean - разрешить изменение размеров окна пользователем.
- fixed ^boolean - фиксированное окно (прокручивается вместе со страницей).
- minh ^integer - минимальная высота.
- maxh ^integer - максимальная высота.
- minw ^integer - минимальная ширина.
- maxw ^integer - максимальная ширина.
- icon ^string - иконка для окна. Отображается в заголовке.
- oncontent ^function - функция, выполняющаяся после добавления контента в окно.
- onclose ^function - функция, выполняющаяся после закрытия окна.
- onbeforeclose ^function - функция, выполняющаяся до закрытия окна (после клика на кнопку закрытия).
- oninit ^function - функция, выполняющаяся при открытии окна.
- onmousemove ^function - функция, выполняющаяся движении мышью над контентом окошка.
- onposchange ^function - функция, выполняющаяся при каждом изменении позиции окна.
- onactivate ^function - функция, выполняющаяся при получении окошком фокуса.
- ondeactivate ^function - функция, выполняющаяся при потере окошком фокуса.
- closeonesc ^boolean - закрывать ли окно при нажатии клавиши Esc.
- initstate ^'max'|'min' - состояние при открытии.
- headerh ^integer - высота шапки.
- headerc ^{string|object} - содержимое шапки. Строка или DOM-узел.
- hideheader ^{boolean|object} - прятать шапку при загрузке.
- footerh ^integer - высота футера.
- footerс ^{string|object} - содержимое футера. Строка или DOM-узел.
- hidefooter ^{boolean|object} - прятать футер при загрузке.
- center ^boolean - по центру.
- customButtons ^object - дополнительные кнопки. Формат записи:
  
  {'name': [init_visible,actionfunc,thispar,param]}
  Класс кнопки: 'xt-name', 'xt-name-over' при наведении. Здесь:
  - name ^string - имя кнопки. Используется в классе.
  - init_visible ^boolean - показывать ли кнопку при инициализации окна.
  - actionfunc ^function - функция, которая будет вызвана при клике на кнопку. Аргументы: [ссылка на окно, параметры]. Объект this будет указывать на thispar.
  - thispar ^mixed - второй аргумент для функции.
  - param ^mixed - параметр. Если не указан, используется имя окна.
- havemenu ^boolean - наличие меню. Определяется автоматически, в зависимости от аргумента menuitems.
- menuopts ^object - Опции меню.
content ^{object | string | function} - контент. Может быть строкой, объектом или функций, возвращающей строку. Объект может содержать следующие свойства:
- url ^string - ссылка на документ.
- form ^string - ID формы, данные которой нужно отправить серверу.
- xml ^boolean - обрабатывать полученный код как XML или нет.
- type ^{'GET' | 'POST'} - тип запроса.
- cache ^boolean - разрешить / запретить кеширование.
- async ^boolean - устанвить режим запроса (синхронный / асинхронный).
- success ^function - функция, срабатывающая после успешного получения данных. Принимает 2 аргумента:
  - data ^{string | object} - непосредственно запрошенный документ.
  - status ^integer - статус.
- error ^function - функция обработки ошибок.
- dataType ^string - тип данных. Нужен для функции success.

Так же есть следующие функции:

_uWnd.alert(txt,title,opts)

Создает всплывающее окошко-alert в правом нижнем углу, живущее 5 секунд.
Аргументы:

txt ^{object | string | function} - контент, аналогично аргументу content функции _uWnd.
title ^string - заголовок.
opts ^object - опции, аналогично аргументу opts функции _uWnd.

_uWnd.messageBox(txt,title,b,onselect,opts,param,app)

Создает всплывающее окошко-alert по центру, блокирует все остальное пространство.
Аргументы:

txt ^{object | string | function} - контент, аналогично аргументу content функции _uWnd.
title ^string - заголовок.
b ^array - массив из строк с ID либо объектов со следующими ключами:
- id ^string - ID.
- t ^string - Текст кнопки. Если не указан, используется ID.
- def ^1|2 - стандартное состояние. 1: фокус получен, 2: ???.
opts ^object - опции.
onselect ^function - функция, которая будет вызвана при выделении.

Работа с AJAX окнами:

_uWnd.close(name)

Закрывает окно с name="name" (первый аргумент при создании окна).
Аналог: метод close() самого окна.

_uWnd.header(name,content)

Устанавливает содержимое шапки на content для окна с name="name" (первый аргумент при создании окна).
Аналог: метод header(content) самого окна.

_uWnd.content(name,content)

Устанавливает контент content для окна с name="name" (первый аргумент при создании окна).
Аналог: метод content(content) самого окна.

_uWnd.footer(name,content)

Устанавливает содержимое футера на content для окна с name="name" (первый аргумент при создании окна).
Аналог: метод footer(content) самого окна.

_uWnd.headerheight(name,h)

Устанавливает высоту шапки в h пикселей для окна с name="name" (первый аргумент при создании окна).
Аналог: метод headerheight(content) самого окна.

_uWnd.footerheight(name,h)

Устанавливает высоту футера в h пикселей для окна с name="name" (первый аргумент при создании окна).
Аналог: метод footerheight(content) самого окна.

_uWnd.reload(name,content)

Переустанавливает контент content для окна с name="name" (первый аргумент при создании окна, для документов, полученных от сервера).
Аналог: метод reload(content) самого окна.

_uWnd.setTitle(name,title)

Устанавливает заголовок title для окна с name="name".
Аналог: метод setTitle(title) самого окна.

Еще полезные функции:

_uGetOffset(obj)

Возвращает объект {top:y, left:x} с координатами DOM-узла, переданного в аргументах.

_uColorBox(did,fid)

Создает палитру для выбора цвета.
Аргументы:

did ^string - ~~глагол прошедшего времени в английском языке~~ id элемента, куда будет помещен выбор цвета.
fid ^string - id элемента (допускаются только элементы форм, т.е. имеющие аттрибут value), куда будет записан HEX код цвета. К слову: не разрешается использовать символ кавычки ".

includeJSfile(src,id)

Подключает внешний .js файл и помещает его в head документа.
Аргументы:

src ^string - URL.
id ^string - ID, который будет присвоен созданному элементу script.

encodeHtmlVal(s)

Возвращает строку, где символы '"<&> заменены на соответствующие им HTML-сущности.

dumpObject(o,depth,ex)

Рекурсивный дамп простых обьектов (Не используйте с DOM элементами - это грозит бесконечным циклом). Не работает с функциями.


_uButton(frm,type,opts)

Создает кнопку в U.Стиле.
Аргументы:

frm ^string - ID формы. Для submit кнопки нужно для запуска submit-кнопки формы с аттрибутом id="submfrm"
type ^{'s' | 'b' | 'r'} - тип создаваемой кнопки. Submit, Button, Reset.
opts ^object - обьект с настройками:
- text ^string - текст кнопки
- content ^string - дополнительные аттрибуты. Например, 'onclick="alert('clicked!')"'
- style ^integer - Определяет вид кнопки

_uButtonEn(id,enable)

Делает кнопку с id="id" активной / неактивной.

id ^{string|object} - ID кнпоки или DOM-узел.

_uButtonExt(frm)

Возвращает HTML-код невидимой кнопки sumbit для формы с id="frm".

frm ^string - ID формы.

Класс _uSuggestList
Используется для создания автозаполнения для полей ввода.
Вид вызова:

.new

_uSuggestList(name,inputId,opts,vals)

Где:

name ^string - уникальное имя.
inputId ^{string | object} - задает целевой input. Принимается либо DOM-объект, либо строка с ID.
opts ^object - объект с опциями:
- design ^string - дизайн. Является ключем объекта _uSuggestList.designs. Пример такого объекта:
  
  std : {
  suggest_init: function (o) {
  var p = {};
  $(o.obj).attr("class", "x-selectable u-suggedit " + $(o.obj).attr("class"));
  $(o.top).append('<div class="u-sugglist" style="zoom:1"><div style="zoom:1"><table border="0" cellspacing="0" class="x-unselectable u-suggcont" width="100%"></table></div></div>');
  p.list = $(o.top).find(".u-sugglist")[0];
  p.content = $(o.top).find(".u-suggcont")[0];
  $(o.top).find("div,span,table").andSelf().attr("unselectable", "on");
  return p
  },
  append_row: function (o, a, b, c) {
  var d = o.parts.content.insertRow( - 1);
  $(d).bind("mousedown", o, o._onrowmousedown).bind("mousemove", o, o._onrowmousemove).bind("mouseover", o, o._onrowmouseover).addClass('u-suggrow').attr("usuggeststr", a[0]);
  var v = String(a[0]);
  if (v.toLowerCase().substr(0, c.length) == c.toLowerCase()) v = '<span class="u-suggmark">' + v.substr(0, c.length) + '</span>' + v.substr(c.length);
  for (var j = 0; j < b; j++) {
  $(d).append("<td unselectable='on' class='u-suggcell" + j + "'>" + (j == 0 ? v: a[j]) + "</td>")
  }
  },
  _select: function (o, a) {
  $(a).addClass("u-suggrowhl")
  },
  _deselect: function (o, a) {
  $(a).removeClass("u-suggrowhl")
  }
  }
- maxlistheight ^{'auto' | integer} - максимальная высота окошка.
- colwidth ^array - ?
- minlen ^integer - минимальная длина введенного значения (в input).
- url ^string - адрес для подгрузки содержимого.
- separator ^string - символ разделителя значений в input.
vals^array - уже полученные значения для автозаполнения (будут помещены в кеш).

Как работает _uSuggestList
На input вешаются обработчики событий onblur, onkeydown, onkeyup. Причем, только последний инициализует запрос (кому интересно - смотрим _uSuggestList.prototype.onblur, _uSuggestList.prototype.onkeydown и _uSuggestList.prototype.onkeyup). Скрипт обращается по адресу opts.url + '&tag=' + tag, где tag - набираемое значение. В ответ получает JSON массив вроде

['wii',1,'Wii','wii black','Wii fit','wii motion plus','Wii remote']

Где элементы массива:

0 - запрошеный текст.
1 - некоторое значение, определяющее шаг в цикле (может быть от 1 до 10 включительно).
2, 3, 4, ... - значения, которые будут показаны пользователю.

Плавное отображение/скрытие области [jQuery]

$('#id'

).slideToggle(скорость)

В данном примере переключается состояния элемента с id="id". Если элемент был показан на странице, он скроется. Если был скрыт - отобразится. И все это с визуальным эффектом "выезжания". Вместо значения скорость принимаются как числовые значения (задержка в миллисекундах), так и строковые ('fast' и 'slow').
Если же нужен эффект плавного сворачивания / разворачивания области не только по оси y, но и по оси x, используем этот метод:

$('#id'

).toggle(скорость)

Действует аналогично предыдущему методу. Параметр "скорость" может отсутствовать. В таком случае скрытие / отображение произойдет без задержек.

как устанавливать шрифты в программу Adobe Photoshop

1. Скачиваете шрифт
2. Открываете папку со шрифтами и не закрывая ее делаете следующее
3. Заходите Пуск - Настройка - Панель управления - Шрифты и все заливаете туда
Вот впрочем и все. Берегите себя

Создатели u.Tools не несут ответственности за размещаемые материалы. Каждый файл принадежит его создателю.
Сайт оптимизтрован для просмотра в брузерах:Firefox & Opera при разрешении экрана 1280x1024 пикселя.

FAQ раскрутка | скрипты для uCoz | гсщя | шаблоны для uCoz | PHP, jQuery, Java - скрипты | Все для вебмастера

FAQ

Главное меню

Служба поддержки