Модератор форума: JonMagon  
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Вопросы по применению скриптов в системе uCoz
Вопросы по применению скриптов в системе uCoz
Модератор форума
Сообщение # 1 | 11:38:19 12 Мар 2007
В данной теме можно попросить помощи для решения проблемы с использованием скриптов в системе uCoz, исполняемых на стороне клиента.


Правила темы:
  • Новичков, только начинающих изучать программирование, просим воздержаться от участия в теме.
  • Также здесь не место для вопросов - где взять какой-либо скрипт.
  • Также бессмысленно спрашивать про скрипты, исполняемые на стороне сервера — для этого существует темы: «PHP на uCoz» и «Условные операторы и системные коды»
Kamar
Сообщений: 28
Репутация: 4

Сообщение # 196 | 17:22:22 09 Мар 2012
Всем прет!Я с этой проблемой))http://tablesorter.ru/
Не знаю почему у меня не получается...
1)Подключаю в head на "Страницы сайта" эти 2 скрипта

2)Ставлю на страницу этот код таблицы
Code

<table id="myTable">    
<thead>    
<tr>    
       <th>Фамилия</th>    
       <th>Имя</th>    
       <th>Email</th>    
       <th>Платеж</th>    
       <th>Сайт</th>    
</tr>    
</thead>    
<tbody>    
<tr>    
       <td>Иванов</td>    
       <td>Петр</td>    
       <td>ivanov@gmail.com</td>    
       <td>$50.00</td>    
       <td>http://www.ivanov.ua</td>    
</tr>    
<tr>    
       <td>Петров</td>    
       <td>Иван</td>    
       <td>petrov@yandex.ru</td>    
       <td>$50.00</td>    
       <td>http://www.petrov.com.ru</td>    
</tr>    
<tr>    
       <td>Сергеев</td>    
       <td>Михаил</td>    
       <td>sergeed@mail.ru</td>    
       <td>$100.00</td>    
       <td>http://www.sergeev.ru</td>    
</tr>    
<tr>    
       <td>Михайлов</td>    
       <td>Потап</td>    
       <td>medvedev@rambler.ru</td>    
       <td>$50.00</td>    
       <td>http://www.yandex.com</td>    
</tr>    
</tbody>    
</table>    
       

3) Ниже, на странице ставлю это
Code

<script type="text/javascript">
$(document).ready(function()    
       {    
           $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} );    
       }    
);    
</script>

4) Поставил в СSS это и загрузил 3 картинки в FTP
Code
table.tablesorter {
    font-size: 12px;
    background-color: #4D4D4D;
    width: 1024px;
    border: 1px solid #000;
}
table.tablesorter th {
    text-align: left;
    padding: 5px;
    background-color: #6E6E6E;
}
table.tablesorter td {
    color: #FFF;
    padding: 5px;
}
table.tablesorter .even {
    background-color: #3D3D3D;
}
table.tablesorter .odd {
    background-color: #6E6E6E;
}
table.tablesorter .header {
    background-image: url(/table/bg.png);
    background-repeat: no-repeat;
    border-left: 1px solid #FFF;
    border-right: 1px solid #000;
    border-top: 1px solid #FFF;
    padding-left: 30px;
    padding-top: 8px;
    height: auto;
}
table.tablesorter .headerSortUp {
    background-image: url(/table/asc.png);
    background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
    background-image: url(/table/desc.png);
    background-repeat: no-repeat;
}


Что не так я делаю??)
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 197 | 18:50:49 09 Мар 2012
Kamar, http://tablesorter.ru/docs/ - все работает.
Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Kamar
Сообщений: 28
Репутация: 4

Сообщение # 198 | 01:46:44 10 Мар 2012
mob_dp2, Напиши как сделал?По-порядку
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 199 | 01:53:41 10 Мар 2012
Kamar,
Quote
Начало работы

Для того чтобы использовать плагин tablesorter, нужно подгрузить jQuery библиотеку и сам плагин tablesorter в теге <head> Вашего HTML документа.

<script type="text/javascript" src="/путь/к/jquery-latest.js"></script>
<script type="text/javascript" src="/путь/к/jquery.tablesorter.js"></script>

Tablesorter работает в стандартных HTML таблицах с употреблением обязательных тегов THEAD и TBODY:

<table id="myTable">
<thead>
<tr>
<th>Фамилия</th>
<th>Имя</th>
<th>Email</th>
<th>Платеж</th>
<th>Сайт</th>
</tr>
</thead>
<tbody>
<tr>
<td>Иванов</td>
<td>Петр</td>
<td>ivanov@gmail.com</td>
<td>$50.00</td>
<td>http://www.ivanov.ua</td>
</tr>
<tr>
<td>Петров</td>
<td>Иван</td>
<td>petrov@yandex.ru</td>
<td>$50.00</td>
<td>http://www.petrov.com.ru</td>
</tr>
<tr>
<td>Сергеев</td>
<td>Михаил</td>
<td>sergeed@mail.ru</td>
<td>$100.00</td>
<td>http://www.sergeev.ru</td>
</tr>
<tr>
<td>Михайлов</td>
<td>Потап</td>
<td>medvedev@rambler.ru</td>
<td>$50.00</td>
<td>http://www.yandex.com</td>
</tr>
</tbody>
</table>


После загрузки страницы дайте команду tablesorter сортировать страницу:

$(document).ready(function()
{
$("#myTable").tablesorter();
}
);


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

$(document).ready(function()
{
$("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} );
}
);


Примечание! Tablesorter автоматически опознаёт большинство типов данных, включая числа, даты, ip-адреса. Для дополнительной информации смотри примеры
Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
sch779
Сообщений: 703
Репутация: 348

Сообщение # 200 | 15:57:52 10 Мар 2012
Quote (Kamar)
Что не так я делаю??)

На сайтах Ucoz библиотека JQuery подключается автоматически.
В случае использования нескольких копий этой библиотеки (особенно - разных версий) возможны проблемы и даже полная неработоспособность js-скриптов, использующих JQuery!

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

В общем, из первой рекомендации инструкции подключения tablesorter оставляешь только код:
Code
<script type="text/javascript" src="/путь/к/jquery.tablesorter.js"></script>

Естественно, не забываешь в настройках сайта выбрать подключение JQuery версии 1.6.x
Сообщение отредактировал sch779 - Суббота, 10 Мар 2012, 16:00:23
GeR@In
Сообщений: 141
Репутация: 19

Сообщение # 201 | 12:17:23 11 Мар 2012
Есть скрипт оповещение ЛС. Скрипт заботает нормально, но когда сообщение приходит, и ты нажимаешь ссылку для просмотра, а сообщение открывается в родительском окне, а это иногда весьма неудобно, например когда смотришь фильм..
Кто разбирается, помогите подредактировать скрит, чтобы сообщение открывалось в этом же AJAX окне.

Code
<script type="text/javascript">function tMess(n){var a=[' новое сообщение',' новых сообщения',' новых сообщений'];return a[n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2]}; function getPM(){$.get("/index/14",function(a){var s=$("b.unread",a).size();if (s) {var n=tMess(s),all=[],leg=(s==1)?'Сообщение':'Сообщения';$("b.unread",a).each(function(){var title = $(this).html(), href = $(this).parent().attr("href"); all.push('» <a href="'+href+'">'+title+'</a>');}); new _uWnd('ls','Новые ЛС',250,120,{icon:'http://javascript.ucoz.net/images/message.png',align:'left'},'<center>Вам пришло '+s+n+'!</center><br><fieldset><legend>'+leg+'</legend>'+all.join("<br>")+'</fieldset>');}});setTimeout(getPM,10000)};getPM();</script>
Более 100 бесплатных, внешних ссылок на ваш сайт. подробности
igorevich
Сообщений: 50
Репутация: 6

Сообщение # 202 | 16:40:10 12 Мар 2012
Здравствуйте. У меня такой вопрос. Нужно, чтобы на странице с вопросами и ответами (в категории, например) Высвечивались только заголовки вопросов. При нажатии на заголовок показывался скрытый блок с ответом.
Я как мог реализовал:

Вид материалов сделал следующим образом:

Code
<style type="text/css">
/* StartStyle */
.hideWrap{
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
}
.hideBtn{
display:block; /* Дисплей блок - для ссылки - необходимо, для установки фона */
background:transparent url("/_example/_img/_lib1/_plus.gif") no-repeat left center; /* Картинка «плюс» */
font:bold 11px/15px Verdana,sans-serif;
padding:1px 14px 2px; /* Отступы - для картинки ... и вообще ... */
cursor:pointer;
outline:none; /* Скрываем рамочку, при нажатии */
}
.hideBtn.show{
background-image: url(/_example/_img/_lib1/_minus.gif); /* картинка «минус» - для открытого блока */
}
.hideCont{
display:none; /* Скрываем контент */
}
/* EndStyle */
</style>

<div class="hideWrap">
      <a class="hideBtn" href="javascript://" onclick="$('#hideCont1').slideToggle('normal');$(this).toggleClass('show');return false;">$TITLE$</a>
      <div id="hideCont1" class="hideCont">$ANSWER$</div>
</div>


И вроде все отображается как нужно. Но при клике на заголовок любого вопроса перекидывает на верхний вопрос и показывается ответ на верхний вопрос.
Даже если я ставлю сам скрипт на общую страницу со списком вопросов, то все равно та же ошибка. Что нужно исправить в самом скрипте для того, чтобы при нажатии на соответствующий вопрос высвечивался ответ именно на этот вопрос?
Посмотреть можно здесь
Как это можно исправить?
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 203 | 19:45:30 12 Мар 2012
igorevich,
Quote (igorevich)
<div id="hideCont1" class="hideCont">$ANSWER$</div>

ID - это уникальный атрибут на странице.
...
Вот так должно быть.
Code
<div class="hideWrap">
          <a class="hideBtn" href="javascript://" onclick="$('#hideCont$ID$').slideToggle('normal');$(this).toggleClass('show');return false;">$TITLE$</a>
          <div id="hideCont$ID$" class="hideCont">$ANSWER$</div>
</div>

...

Или вообще забить на ID:
Code
<script type="text/javascript">
$(document).ready(function(){
$("div.hideWrap a.hideBtn").click(function(){
$(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal');
return false;
});
});
</script>

Code
<div class="hideWrap">
<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a>
<div class="hideCont">Здесь располагается содержимое  class "hideCont"</div>
</div>
Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Понедельник, 12 Мар 2012, 19:51:12
igorevich
Сообщений: 50
Репутация: 6

Сообщение # 204 | 21:34:25 12 Мар 2012
fflesh, спасибо большое! Первый вариант помог!
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 205 | 00:51:44 14 Мар 2012
GeR@In, не проверял, но думаю что
Code
all.push('» <a href="' + href + '">' + title + '</a>');

заменить на
Code
all.push('» <a href="' + href + '" onclick="_uWnd.content('\ls'\,getcontent()); return false;">' + title + '</a>');

но getcontent() - функция которая должна сграбить содержимое по ссылке из переменной href и отдать в функцию _uWnd.content(), вам ее нужно написать самостоятельно.
Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Alexander_K
Сообщений: 552
Репутация: 188

Сообщение # 206 | 21:56:47 20 Мар 2012
Заметил на некоторых форумах такую функцию, что можно отправить сообщение нажатием Alt+S, т.е. не используя мышку. И т.к. лишние движения делать лень, хочется сделать так у себя. Вопрос, как?
G+
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 207 | 01:04:45 21 Мар 2012
Quote (Alexander_K)
Заметил на некоторых форумах такую функцию

ГДЕ?!

Quote (Alexander_K)
Вопрос, как?

Как то!
Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 208 | 10:57:17 21 Мар 2012
Alexander_K,
Quote (Alexander_K)
Заметил на некоторых форумах такую функцию, что можно отправить сообщение нажатием Alt+S, т.е. не используя мышку. И т.к. лишние движения делать лень, хочется сделать так у себя. Вопрос, как?

Скриптом.
Проверить какая комбинация нажата и выполнить отправку сообщения ... или клик по кнопке [Добавить ответ] - скриптом.
...
Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
viktoryar
Сообщений: 4
Репутация: 2

Сообщение # 209 | 22:29:35 25 Мар 2012
Здравствуйте! Как установить плагин Social Buttons на UCOZ?
Alexander_K
Сообщений: 552
Репутация: 188

Сообщение # 210 | 01:04:54 26 Мар 2012
viktoryar, а там откуда хотите взять это плагин, разве нет инструкции? Это же JavaScript, как догадываюсь.
Ещё у юкоза есть то ли виджет то ли гаджет такой, там попроще.
Quote (fflesh)
Скриптом.
Прошёл по ссылке в ЛС, сколько ни пытался, почему-то не работает. Ну, не критично.
G+
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Вопросы по применению скриптов в системе uCoz
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!