[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Раздел uCoz » Скрипты для сайта » Новая форма опроса для ucoz
Новая форма опроса для ucoz
Charlie_SceneДата: Четверг, 18.07.2013, 13:18 | Сообщение # 1
Главный админ сайта
Группа: Администраторы
Сообщений: 118
Репутация: 5000
Статус: Offline
Копируем и вставляем в CSS 


Код
/* Start design by vsepodrad.ru */   
.td1 {cursor:help;padding:3px 0px;border:1px solid #444;background:#333;text-align:center;color:#FFCA3C;}   
.td1 input {background:#444;color:#FFCA3C;}   
.td1 input:hover {background:#2D2D2D;color:#ccc;}   
.td2 {cursor:default;background:#444;text-align:center;padding:2px 5px;margin:1px 2px 0px 0px;width:20px;height:14px;border:1px solid #555;border-bottom:0px;color:#FFCA3C;font-weight:bold;}  
.td3 {cursor:default;background:#2D2D2D;border-top:1px solid #555;border-right:1px solid #555;width:100%;padding-left:5px;}   
.td4 {background:#444;text-align:center;padding:2px 5px;margin:1px 2px 0px 0px;height:14px;width:25px !important;border:1px solid #555;border-bottom:0px;}   
.ansbut {cursor:pointer;background:#444;border:1px solid #555;text-align:center;padding:2px 0px;}   
.ansbut:hover {background:#2D2D2D;color:#FFCA3C;}   
.td5 {width:50%;}   
.td5 a {text-decoration:none;}   
.td6 {cursor:default;padding:2px 0px;background:#2D2D2D;border:1px solid #444;text-align:center;}   
/* --------------------------- */

Вставляем в вид формы опроса


Код
<div style="border:1px solid #4f859e;">   
<table border="0" cellpadding="0" cellspacing="1" width="100%" id="ansplace">   
<tr><td colspan="3" class="td1">$QUESTION$</td></tr>   
<tr id="ans"><td colspan="3">$ANSWERS$</td></tr>   
</table>   
<table border="0" cellpadding="0" cellspacing="1" width="100%">   
<tr><td class="td6" colspan="2">Всего ответов: <b>$TOTAL_VOTES$</b></td></tr>   
<tr>   
<td class="td5"><a href="$RESULTS_LINK$"><div class="ansbut">Результаты</div></a></td>  
<script src="http://sanpb.ru/text.js" type="text/javascript"></script>  
<td class="td5"><a href="$ARCHIVE_LINK$"><div class="ansbut">Все опросы</div></a></td>   
</tr>   
</table>   
<script>   
var num=1;   
if(!$("div input.pollBut").attr("value")){   
$(".answer").each(function() {   
var path=$(this).find("span").attr("title");   
var answer=$(this).text().split(".")[1];   
var votes=path.split(":")[1].split("(")[0];   
var persent="("+path.split(":")[1].split("(")[1];   
$("#ansplace").append('<tr>'   
+'<td class="td2">'+num+'</td>'   
+'<td class="td3">'+answer+'</td>'   
+'<td class="td4" title="'+persent+'" style="cursor:help;">'+votes+'</td>'   
+'</tr><tr><td colspan="3" style="border-top:1px solid #4f859e;"></td></tr>');num++;});}   
else {   
$(".answer").each(function() {   
$("input[name='answer']").css("margin","0px");   
$("#ansplace").append('<tr>'   
+'<td class="td2">'+num+'</td>'   
+'<td class="td3">'+$(this).find("label").html()+'</td>'   
+'<td class="td4">'+$(this).html().split(">")[0]+'</td>'   
+'</tr><tr><td colspan="3" style="border-top:1px solid #4f859e;"></td></tr>');num++;});   
$("#ansplace").append('<tr><td class="td1" colspan="3" style="padding:0px;">'+$("div.pollButton").html()+'</td></tr>');   
$("input.pollBut").css({cursor:'pointer',width:'100%',fontWeight:'bold',padding:'3px 0px'});}   
$("#ans").hide();   
</script>   
</div>



 
Форум » Раздел uCoz » Скрипты для сайта » Новая форма опроса для ucoz
  • Страница 1 из 1
  • 1
Поиск:



Rip By RaYzeR
© 2024