И так, всех приветствую. Сегодня я, Steamer, расскажу вам как сделать свою кнопку 'ответить' в опросе (для того чтобы отредактировать её дизайн, например)
Ну так вот, приступим. Стандартный вид опроса:
Code
<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 таким образом, - прописав ниже:
Code
<style type="text/css" media="all">
.pollButton {display:none;}
</style>
Далее начнём прописывать 'свою' кнопку таким образом:
Code
<div class="ваш класс (если вы будите редактировать дизайн кнопки"><b>Ответить</b></div>
Кнопка, а точнее её основа, пока что никакая. Подключаем запрос. Скопировав действие оригинала кнопки из исходного кода:
Code
<div id="pollSbm544"><input class="pollBut" id="PlBtn544" type="submit" value="Ответить" /></div>
Но зачем нам этот стандартный код сверху? да к тому же там input!
Скрываем его, приписав style:
В итоге у нас выходит следующий код:
Code
<div style="display:none" id="pollSbm544"><input class="pollBut" id="PlBtn544" type="submit" value="Ответить" /></div>
Дальше займёмся вытягиванием запроса со стандартной кнопки к нашей. Таким образом:
Code
<div onclick="$('#PlBtn544').click()" class="ваш класс (если вы будите редактировать дизайн кнопки"><b>Ответить</b></div>
В onclick прописываем id из input.
Вот и готова ваша собственная кнопка, которую вы с лёгкостью сможете отредактировать!
Всё это должно выглядеть вот так:
Code
<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>
Вот и всё! Всем удачи!
Автор статьи: Steamer
