Для выполнения примера добавьте ссылки на библиотеку PP.js и таблицу визуальных стилей PP.css. Файл «ImgBtn1.png» должен храниться на одном уровне с html-страницей.
Далее приведен пример javascript-кода, при помощи которого на html-странице размещается компонент Button:
<script type="text/javascript">
function MyClass(data)//обработчик события DblClick;
{
this.data = data;
this.btnOnDblClick = function (sender, args)
{
alert("Button Image is pressed");
}
}
var m = new MyClass("Контекст обработки события верен");
var b1 = new PP.Ui.Button({
ParentNode: document.getElementById("MyButton"),
Content: "Image",
ImageUrl: "ImgBtn1.png",//путь к изображению
DblClick: m.btnOnDblClick
});
</script>
После выполнения примера на html-страницу будет добавлена кнопка с изображением, имеющая следующий вид:
При двойном щелчке мыши появится сообщение «Button Image is pressed».
См. также: