Я на форуме создал страницу с шаблоном графического редактора. Мне бы хотелось, чтобы в форме ответа ссылка на эту страницу отображалась в виде кнопки в верхнем ряду. Кто поможет со скриптом?
Новая кнопка в форме ответа
Страница: 1
Тема закрыта
Сообщений 1 страница 2 из 2
Поделиться218.11.2011 16:22:57
Пока ждал, разобрался сам. Теперь могу научить других.
Дополнительная кнопка в форме ответа со ссылкой на страницу
Оформление кнопки состоит из двух частей: стиля кнопки и скрипта ее вызова. В общем виде код кнопки выглядит так:
<style>
#button-editor {background-image:url('http://forumstatic.ru/files/000e/a6/3d/43148.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if (form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Фоторедактор' id='button-editor' onclick=\"window.open('http://izhpets.ru/pages/redaktor')\" />"
</script>
В тегах <style> заключено описание кнопки. Выделенное красным - ее имя. Придумайте свое, любое подходящее по смыслу. Зеленым выделена ссылка на изображение кнопки. Найдите сами что-то подходящее. Помните, что на Forumbb размер кнопок 24х24px.
Затем сам скрипт кнопки. Выделенное синим - ссылка, которую вы хотите открыть при клике на кнопку. Если открыть нужно в новом окне - оставляете как есть. Если хотите открыть в том же окне, вместо window.open поставьте location. Выделенное фиолетовым - всплывающая подсказка с описанием действия кнопки. Тоже замените на свое. Цифра, выделеннная голубым - место (отсчет слева), после которого будет стоять ваша кнопка. Тоже можете выбрать по желанию.
Отредактировано brener (21.11.2011 09:49:27)
Тема закрыта
Страница: 1