Фильтр по:
  

Скрипт переключения картинок + еще 2))

Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Скрипт переключения картинок + еще 2))
Скрипт переключения картинок + еще 2))
Дата: Суббота, 20.07.2013, 18:28 |
WolFoX
Рядовой
Группа: Проверенные
Сообщений: 16
Награды: 0
Репутация: 0
Статус: Offline


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

1-й вопрос.
Скрипт переключения картинок. Объясню специфику: у нас ФРПГ, есть тип персонажа, который имеет два облика. Нужно дать возможность пользователям посмотреть, как персонаж выглядить и в том и в другом. При назначении аватара, будет виден только один облик, поэтому хочу предусмотреть при onclick по кнопке показ второй картинки, которая будет задаваться ссылкой. Ставится на Ucoz. Был использован следующий скрипт:
В Виде материалов
Код
<img alt="Аватар" title="$USERNAME$" id = "bigimg" class="userAvatar" border="0" src="$AVATAR_URL$" width="245" height="320"></a>
<img src = '/Avatar/1.png' width = '25' onclick = 'setBigImage(this)' alt = 'Изображение 1' />
<img src = '/Avatar/2.png' width = '25' onclick = 'setBigImage(this)' alt = 'Изображение 2' />

Мужду head и /head
Код
<script type="text/javascript">
  function setBigImage(foto) {
  document.getElementById("bigimg").src = foto.src;
  }
</script>

Скрипт работает ... но только для первого аватара в теме =( на кнопочки под аватаром первого пользователя, написавшего пост в теме жмакаешь, аватары переключается. На других пользователях не срабатывает. Подсказали, что дело в том, что в коде используется id. Попробовила id заменить на class и скрипту присвоила getElementsByClassName ... вообще работать перестало)) собственно, познания у меня в JS нулевые, меняла наобум)) Как можно сделать так, чтобы аватары менялись для всех польхователей? И можно ли сделать, чтобы у самих кнопок изображение было другое? К примеру, кнопка со следом лапы. При нажатии меняется текущий аватара на аватар животного. Кнопка №2 след ноги человека - при нажатии меняет текущий аватар на аватар человека?

2-й вопрос.
Хочу поставить скрипт рейтинга постов. Использовала:
Код
<script type="text/javascript" src="http://helper.ucoz.ru/_ld/0/47_rate.js"></script>  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false">-</a><?endif?>  
  <b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?>  <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b>  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(1,$ID$);return false">+</a><?endif?>

Появляется значение. Так как оценок не было, естественно, равное нулю. Но нет кнопок + / - ...

3-й вопрос.
Видоизменение списка пользователей. Опять таки готовое решение, которое пыталась переделать под себя и безуспешно. Хотела убрать надпись "пол" рядом с ником и заменить фильтрацию по полу на фильтрацию по рангу. Меняла gender на rank ... не вышло.
Код
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>  
  <script type='text/javascript' src='http://ucodes.ru/js/uCodes_select.js'></script>  
  <link rel='stylesheet' type='text/css' href='http://ucodes.ru/js/select.css'/>  
  <style>  
  .classU{padding:6px;border:1px solid #d4d2d2;background:#FFF;font-family:tahoma;}  
  * {margin:0;padding:0;}  
  body {background:#f1f1f1;margin:15px;font:11px tahoma;}  
  td {font:11px tahoma;}  
  img {border:0;vertical-align:bottom;}  
  #nameS{color:#45688e;font-weight:bold;border-bottom:1px solid #dae1e8;padding:4px;font-size:12px;text-shadow: 0.1em 0.1em 0.05em rgb(255, 255, 255);}  
  #navigate_ucodes {margin: 0px;padding: 0px 5px;background: white;}  
  #navigate_ucodes a {margin: 0px;padding: 5px;display: block;background: white;color:#2b587a;text-decoration:none;border-bottom: solid 1px #CCD3DA;font-size:12px;}  
  #navigate_ucodes a:hover {text-decoration: none;background-color: #33558c;color:#FFF;}  
  select {border: 1px solid #bdc7d8;padding: 2px;font-size: 11px;font-family: tahoma, verdana, arial, sans-serif, Lucida Sans}  
  input[type="text"],  
  input[type="search"],  
  input[type="password"],  
  input[type~="text"],  
  input[type~="search"],  
  input[type~="password"] {border: 1px solid #C0CAD5;padding: 3px;font-size: 11px;font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;}  
  input[type="submit"],  
  input[type="button"],  
  input[type~="submit"],  
  input[type~="button"] {font-size:11px;font-family:tahoma;padding:3px;text-align:center;}  
  .typeV{background:#FFF;padding:5px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:12px;font-weight:bold;margin-left:7px;}  
  .typeV2{background:#FFF;padding:5px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:12px;font-weight:bold;}  
  .swchItem,.swchItemDots{background:#FFF;padding:5px;border:1px solid #e1e1e1;text-decoration:none;color:#aba9a9;font-size:12px;}  
  .swchItemA{background:#FFF;padding:5px;border:1px solid #e1e1e1;text-decoration:underline;color:#aba9a9;font-size:12px;font-weight:bold;}  
  </style>  
  <body>  
  <div style="display:none;" align="center">$BODY$</div>  
  <table width="100%"><tr><td align="left" valign="top"><div style="background:#f6f6f6;padding:6px;border:1px solid #e1e1e1;"><table width="100%"><tr><td align="left" id="nument" valign="top"><b>$NUM_ENTRIES$</b> пользовате<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>лей<?else?><?if($NUM_ENTRIES$%10=1)?>ль<?else?>ля<?endif?><?endif?></td><td width="25%" align="right" valign="top">$PAGE_SELECTOR$</td></tr></table></div><div style="margin-bottom:4px;"></div><div id="0ent"></div><div id="uCodes"></div></td>  
  <td width="30%" align="left" valign="top">  
  <div style="margin-left:7px;"><div id="nameS">Ник пользователя:</div>$SEARCH_FORM$</div>  
  </td>  
  </tr>  
  </table>  

  <script type="text/javascript">  
  $('input[name="subm"]').attr({value:'Поиск'})  
  $('input[name="user"]').each(function() {  
  $(this).css({width:'192px',margin:'7px'});  
  });  
  $('select[name="w"],select[name="sort"],input[name="ban"]').hide();  
  $('input[name="user"]').after('<div id="nameS">Выберите пол:</div>');  
  $('select[name="gender"]').after('<div id="nameS">Группа:</div>');  
  $('select[name="group"]').after('<div id="nameS">Кол-во результатов:</div>');  
  $('.uTable tr').find("td:eq(0)").each(function(i,data) {  
  uCodes_img = $(this).find('img').attr('src');  
  uCodes_username = $(this).parent().find('a').text().replace(/-/gi,'~');  
  uCodes_fullname = $(this).parent().find('td:eq(2)').text();  
  uCodes_group = $(this).parent().find('td:eq(3)').text();  
  uCodes_gender = $(this).parent().find('td:eq(4)').text();  
  $(document).ready(function() {$('.uTable').find('.uPM').each(function(i,data) {  
  $('.test').eq(i).html('<a href="'+$(this).attr('href')+'">Отправить сообщение</a>');  
  });});  
  if (i > 0) {  
  $('#uCodes').append('<table class="classU" width="100%"><tr><td align="left" valign="top"><div class="avaID" align="left"><img class="uImg" style="margin-right:5px;" onerror="this.src=\'http://ucodes.ru/images/noava.png\'" width="60" src='+uCodes_img+'></div></td><td width="80%" align="left" valign="top"><a style="color:#333;" href="/index/8-0-'+uCodes_username+'">'+uCodes_username+'</a> ['+uCodes_gender+']<div style="padding-top:2px;"></div>Полное имя: <b>'+uCodes_fullname+'</b><div style="padding-top:2px;"></div>Группа: <b>'+uCodes_group+'</b><div class="upD"></div></td><td width="20%" align="left" valign="top"><div id="navigate_ucodes"><a href="/index/8-0-'+uCodes_username+'">Перейти к профилю</a><div class="test"></div><span class="getid"></span></div></td></tr></table><br>')}  
  else{}  
  });  
  $('select[name="gender"]').attr({id:'ourselect2'});  
  $('select[name="group"]').attr({id:'ourselect3'});  
  $('select[name="res"]').attr({id:'ourselect12'});  
  if($('#nument').text() == '0 пользователей'){$('#0ent').html('Пользователей не найдено')}  
  else{}  
  </script>


Обращаюсь к вам, т.к. активность администрации на сайтах, с которых взяты коды скриптов отсутствует.

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Скрипт переключения картинок + еще 2))
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия