• Страница 1 из 1
  • 1
Статья Своя кнопка 'Ответить' для опроса
44
Команда uSive
93 сообщения
Пост 1 отправлен18.01.2013


И так, всех приветствую. Сегодня я, Steamer, расскажу вам как сделать свою кнопку 'ответить' в опросе (для того чтобы отредактировать её дизайн, например)

Ну так вот, приступим. Стандартный вид опроса:

Код
<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>


Вот и всё! Всем удачи!
  • Страница 1 из 1
  • 1
Поиск: