Новый вид опроса для uCoz от DM
| 23.08.2012, 21:42 | |
| Наконец я доделал форму опроса, нет она и до этого была нечего, но её исполнение очень хромало, а именно, стандартные полоски результата опроса от uCoz, меня вводили в глубокую депрессию. Поискав в интернете интересные решения, я не нашёл нужную мне форму опроса, поэтому пришлось взять за основу два готовых решения, скрестить их, добавить свои идеи и получить нужный результат.   Первый вариант - от TRANE73 & TRAIN, в котором установлена функция, процент проголосовавших за тот или иной вариант опроса, а вот изображение полоски результата, слишком широкие. Второй вариант- от leonP4, схожий код, но только без функции процент проголосовавших, но с нужным видом полоски результата. Единственный минус двух вариантов, это то, что в результате мы имеем лишь графические изображение полоски результата, только для 5 вариантов ответа, поэтому в моём варианте, я создал 10 графических изображений полоски результата опроса. Установка: Админ панель => Дизайн => Опросы => Вид формы опросов удаляем от туда старый код и устанавливаем новый Code <div class="cell_poll"><div class="cell_poll_title center bold">$QUESTION$</div><div class="cell_poll_variant">$ANSWERS$</div><div class="cell_poll_left text_9"><a style="font-size:7pt;" href="$RESULTS_LINK$">Результат</a></div><div class="cell_poll_right text_9">Всего ответов: <b>$TOTAL_VOTES$</b></div><div class="cell_poll_forum "></div></div> <script type="text/javascript"> var a = ['http://www.center-dm.ru/site/poloska_1.gif','http://www.center-dm.ru/site/poloska_2.gif','http://www.center-dm.ru/site/poloska_3.gif','http://www.center-dm.ru/site/poloska_4.gif','/site/poloska_5.gif', 'http://www.center-dm.ru/site/poloska_6.gif','http://www.center-dm.ru/site/poloska_7.gif','http://www.center-dm.ru/site/poloska_8.gif','http://www.center-dm.ru/site/poloska_9.gif','http://www.center-dm.ru/site/poloska_10.gif','http://www.center-dm.ru/site/poloska_1.gif','http://www.center-dm.ru/site/poloska_2.gif','http://www.center-dm.ru/site/poloska_3.gif','http://www.center-dm.ru/site/poloska_4.gif','http://www.center-dm.ru/site/poloska_5.gif','http://www.center-dm.ru/site/poloska_6.gif','/site/poloska_7.gif','http://www.center-dm.ru/site/poloska_8.gif','http://www.center-dm.ru/site/poloska_9.gif','http://www.center-dm.ru/site/poloska_10.gif']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});} $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); </script> и добавляем css стили Code /* Ячейка опроса ------------------------------------------*/ .cell_poll_title { text-align:center; font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif; padding: 5px 0px; } .cell_poll_left { float:left; width:115px; } .cell_poll_right { float:left; text-align:right; width:115px; } .cell_poll_forum, .cell_poll_rezultat, .cell_poll_variant, .cell_poll_title, .cell_poll { float:left; width:230px; } .cell_citation { font-size:10px; color:#555; } .cell_citation_os { float:left; background-color: #fff; border: 1px solid #B6B6B5; padding: 5px; } .cell_poll_rezultat, .cell_poll_variant { padding: 5px 0px; } .answer { padding: 5px 0px 5px 0px; } .answer div div { height: 10px !important; border: 1px solid #fff; } .answer div { display: block; position: relative; padding: 0 !important; border: 1px solid #B6B6B5; background: #F4F5F6; margin: 3px 0px 0px 0px;} /* -------------------------------------- */ P.S. если кто будет изменять графические изображения полоски результатов опроса, то будьте так добры, скиньте ссылку на свой результат, дабы установить ваши изображения, как дополнение к данному варианту формы опроса, разумеется с обратной ссылкой вашего проекта. | |
|
| |
| Просмотров: 349 | Загрузок: 0 | | |
| Всего комментариев: 0 | |