我有一个对象数组(特别是easelJS图像) - 像这样:
var imageArray = new Array;
gShape = new createjs.Shape();
// shape is something
imageArray.push(gShape);
Run Code Online (Sandbox Code Playgroud)
我想要做的是有一个事件监听器,而不是:
gShape.addEventListener("click", function() {alert"stuff"});
Run Code Online (Sandbox Code Playgroud)
我希望程序明确知道单击了哪个区域,以便我可以通过以下方式发送警告框:
imageArray[index].addEventListener("click", function(){
alert " you clicked region number " + index}
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用up和down调用而不是,Ext.getCmp但我不太了解它.我有这个代码
listeners: {
'change': function(field, selectedValue) {
// Ext.getCmp('wildAnimal').setValue(selectedValue);
this.up('form').down('#wildAnimal').setValue(selectedValue);
}
}
Run Code Online (Sandbox Code Playgroud)
在这个更大的代码里面
Ext.define('ryan', {
constructor: function() {
Ext.create('Ext.form.Panel', {
bodyStyle: {"background-color":"green"},
name: 'mypanel',
title: 'Animal sanctuary, one animal per location ',
width: 300,
bodyPadding: 10,
test: 'mycat',
style: 'background-color: #Fdd;',
renderTo: Ext.getBody(),
items: [{
itemId: 'button1',
xtype: 'button',
text: 'click the button',
handler: function() {
alert('(<^_^>)');
}
},{
itemId: 'wildAnimal',
xtype: 'textfield',
fieldLabel: 'animal:',
name: 'myanimal'
},{
itemId: 'myCombo',
xtype: 'combo',
fieldLabel: 'choose …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用 CSS 样式制作交互式购物车按钮。我希望我的“添加到购物车”按钮在悬停时反转颜色(仅限黑色和白色)以增强用户体验。
CSS样式:
.ryanAddButton {
display: inline-block;
padding: 8px 0px;
width: 390px;
background: -moz-linear-gradient(#000, #000);
background: -o-linear-gradient(#000, #000);
background: -webkit-linear-gradient(#000, #000);
background: linear-gradient(#000, #000);
color: #fff;
font: normal 700 20px/1 "Calibri", sans-serif;
text-align: center;
text-shadow: 1px 1px 0 #000;
}
ryanAddButton:hover {
background-color:white;
color:black;
}
Run Code Online (Sandbox Code Playgroud)
按钮的 HTML 片段:
<p class ="ryanAddButton">Add to Cart</p>
Run Code Online (Sandbox Code Playgroud)