Результаты поиска
Введите запрос, по завершению нажмите Enter.
На форуме ведуться технические работы. Если есть идейки на счет скриптов или что на форум поставить новое, пишите нам сюда.
  • Страница 1 из 1
  • 1
Статья Своя кнопка 'Ответить' для опроса
Отправлено 22.09.2015 - 16:481
Rip-X Team
116 сообщений
Мужчина

И так, всех приветствую. Сегодня, Я, VaMpIrE, расскажу вам как сделать свою кнопку 'ответить' в опросе (для того чтобы отредактировать её дизайн, например)
Ну так вот, приступим. Стандартный вид опроса:
Код
<div class="pollBlock" style="font-family:Tahoma,Arial;">
     <div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>$QUESTION$</b></div>
     <div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div>
     <div class="pollLnk" style="padding-top:4px;text-align:center;">[ <a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a> ]</div>
     <div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b>$TOTAL_VOTES$</b></div>
     </div>


Как видите, кнопки 'ответить' нет в природе (ну в коде опроса)
Class кнопки 'ответить' - pollButton
Скрываем этот class таким образом, - прописав ниже:
Код
<style type="text/css" media="all">
    .pollButton {display:none;}        
    </style>


Далее начнём прописывать 'свою' кнопку таким образом:
Код
<div class="ваш класс (если вы будите редактировать дизайн кнопки"><b>Ответить</b></div>


Кнопка, а точнее её основа, пока что никакая. Подключаем запрос. Скопировав действие оригинала кнопки из исходного кода:
Код
<div id="pollSbm544"><input class="pollBut" id="PlBtn544" type="submit" value="Ответить" /></div>


Но зачем нам этот стандартный код сверху? да к тому же там input!

Скрываем его, приписав style:
Код
style="display:none"


В итоге у нас выходит следующий код:
Код
<div style="display:none" id="pollSbm544"><input class="pollBut" id="PlBtn544" type="submit" value="Ответить" /></div>


Дальше займёмся вытягиванием запроса со стандартной кнопки к нашей. Таким образом:
Код
<div onclick="$('#PlBtn544').click()"  class="ваш класс (если вы будите редактировать дизайн кнопки"><b>Ответить</b></div>


В onclick прописываем id из input.

Вот и готова ваша собственная кнопка, которую вы с лёгкостью сможете отредактировать!
Всё это должно выглядеть вот так:
Код
<style type="text/css" media="all">
    .pollButton {display:none;}        
    </style>
       
    <div style="display:none" id="pollSbm544"><input class="pollBut" id="PlBtn544" type="submit" value="Ответить" /></div>
       
    <div onclick="$('#PlBtn544').click()"  class=""><b>Ответить</b></div>


Вот и всё! Всем удачи!
подпись: Обращаться по вопросам в лс или в скайп! VaMpIrE
Профиль Личное сообщение Дом. страница icq Skype
10
Отправлено 29.09.2015 - 12:492
Premium user
49 сообщений
Мужчина
хм,да урок интересный!
Профиль Личное сообщение Дом. страница icq Skype
1
Отправлено 08.10.2015 - 11:123
Rip-X Team
31 сообщение
Мужчина
Как раз то, что надо, спасибо)
Профиль Личное сообщение Дом. страница icq Skype
3
  • Страница 1 из 1
  • 1
Поиск: