Пример создания кнопки с изображением

Для выполнения примера добавьте ссылки на библиотеку 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».

См. также:

Button